46 lines
1.5 KiB
HTML
46 lines
1.5 KiB
HTML
|
<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>
|