diskortie/index.html

46 lines
1.5 KiB
HTML
Raw Permalink Normal View History

2022-04-02 07:49:36 +00:00
<html>
<head>
<title>DisKort</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body class="thm-dis">
<div id="app">
<div id="title">
<button id="menu" class="nofill"><img class="mono" src="./img/menu.svg" /></button>
<p>DisKort</p>
</div>
<div class="ext wrapper">
<div id="side">
<div class="vert wrapper">
<div id="serv" class="vscroll">
<button class="selected"><img class="mono" src="./img/home.svg" /></button>
</div>
<button id="add">+</button>
</div>
<div id="eside" class="vert wrapper">
<div id="chan" class="vscroll"></div>
<div id="info" class="vcenter wrapper">
<button><img class="ext" src="https://cdn.discordapp.com/avatars/785219544364351499/df51c2fb82974d1c12e008ee6712cdeb.webp?size=40" /></button>
<button><img class="mono" src="./img/pref.svg" /></button>
</div>
</div>
</div>
<div id="cont">
<div class="vert vscroll vcenter wrapper">
<button class="close"><img class="mono" src="./img/close.svg" /></button>
<p>Create a server</p>
</div>
</div>
</div>
</div>
<script>
// Shit begins
var menu = document.getElementById("menu");
var eside = document.getElementById("eside");
menu.addEventListener("click", function() {
eside.style.width = eside.style.width? null: 0;
});
</script>
</body>
</html>