60 lines
2.4 KiB
HTML
60 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ title }}</title>
|
|
{{ sheets }}
|
|
<link rel="icon" href="/favicon.ico">
|
|
</head>
|
|
<body>
|
|
<input type="checkbox" class="dn" id="hamburger">
|
|
<input type="checkbox" class="dn" id="gear">
|
|
<div id="l">
|
|
<label for="hamburger" class="a" tabindex="0">≡</label>
|
|
</div>
|
|
<header>
|
|
<div class="container">
|
|
<label for="hamburger" class="a" id="l2" tabindex="0">≡</label>
|
|
<a href="/">~</a>
|
|
<div class="fg"></div>
|
|
<div id="music"></div>
|
|
<div class="fg"></div>
|
|
<a href="#">^</a>
|
|
<label for="gear" class="fa" id="r2" tabindex="0"><span class="usn">[</span><span>⚙</span><span class="usn">]</span></label>
|
|
</div>
|
|
</header>
|
|
<div id="r">
|
|
<label for="gear" class="fa" tabindex="0"><span class="usn">[</span><span>⚙</span><span class="usn">]</span></label>
|
|
</div>
|
|
<nav class="panel">
|
|
<hr>
|
|
<a href="/">home</a><p>[ home ]</p>
|
|
<a href="/about">about</a><p>[ about ]</p>
|
|
<a href="/contact">contact</a><p>[ contact ]</p>
|
|
<a href="/uses">uses</a><p>[ uses ]</p>
|
|
<a href="/ctf/">ctf</a><p>[ ctf ]</p>
|
|
<hr>
|
|
</nav>
|
|
<div class="panel" id="settings">
|
|
<form method="post" action="">
|
|
<hr>
|
|
<input type="checkbox" class="dn" name="theme" id="theme">
|
|
<input class="dn" type="submit" id="submit">
|
|
<label for="theme" class="fa" id="ldark" tabindex="0"><span class="usn">[</span><span>⏾</span><span class="usn">]</span></label>
|
|
<label for="theme" class="fa" id="llight" tabindex="0"><span class="usn">[</span><span>☀</span><span class="usn">]</span></label>
|
|
<br>
|
|
<input type="checkbox" class="dn" name="r" id="huer"><label class="a" for="huer" tabindex="0"><span>r</span></label>
|
|
<input type="checkbox" class="dn" name="g" id="hueg"><label class="a" for="hueg" tabindex="0"><span>g</span></label>
|
|
<input type="checkbox" class="dn" name="b" id="hueb" checked><label class="a" for="hueb" tabindex="0"><span>b</span></label>
|
|
<hr>
|
|
</form>
|
|
</div>
|
|
<div id="content">{{ content }}</div>
|
|
<script type="module" src="/static/theme.js"></script>
|
|
<script type="module" src="/static/music.js"></script>
|
|
<script type="module" src="/static/router.js"></script>
|
|
<link href="/static/color.css" rel="stylesheet">
|
|
</body>
|
|
</html>
|