62 lines
2.3 KiB
HTML
62 lines
2.3 KiB
HTML
<header id="top-menu">
|
|
<div class="mobile-menu">
|
|
<button class="hamburger" onclick="this.classList.toggle('opened'); document.querySelector('.drawer').classList.toggle('opened');">
|
|
<svg width="30" fill="#3C3D3D" viewBox="0 0 50 40">
|
|
<g>
|
|
<path class="top" d="M0 8h50v3H0z"/>
|
|
<path class="bottom" d="M0 28h50v3H0z"/>
|
|
<path class="middle" d="M0 18h50v3H0z"/>
|
|
</g>
|
|
</svg>
|
|
</button>
|
|
<a href="https://members.lumbung.space" id="login">login</a>
|
|
</div>
|
|
|
|
<a href="/" class="home-link">
|
|
<img class="logo" src="{{ .Site.Params.Logo }}" alt="{{ .Site.Title }}">
|
|
</a>
|
|
|
|
<nav class="menu">
|
|
<ul>
|
|
<li><a href="/">home</a></li>
|
|
<li><a href="/about/">about</a></li>
|
|
<li class="has-submenu">tools
|
|
<ul class="submenu">
|
|
<li><a href="/calendar/">calendar</a></li>
|
|
<li><a href="/tv/">tv</a></li>
|
|
<li><a href="/social/">social</a></li>
|
|
<li><a href="/pen/">pen</a></li>
|
|
<li><a href="/shouts/">shouts</a></li>
|
|
<li><a href="/kios/">kios</a></li>
|
|
<li><a href="/gallery/">gallery</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<aside class="drawer">
|
|
<ul>
|
|
<li><a href="/">home</a></li>
|
|
<li><a href="/about/">about</a></li>
|
|
<li class="has-submenu" onclick="this.classList.toggle('opened')">tools
|
|
<ul class="submenu">
|
|
<li><a href="/calendar/">calendar</a></li>
|
|
<li><a href="/tv/">tv</a></li>
|
|
<li><a href="/social/">social</a></li>
|
|
<li><a href="/pen/">pen</a></li>
|
|
<li><a href="/shouts/">shouts</a></li>
|
|
<li><a href="/kios/">kios</a></li>
|
|
<li><a href="/gallery/">gallery</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</aside>
|
|
|
|
<div>
|
|
<div class="search">
|
|
<img src="{{ .Site.Params.baseURL }}/img/search.svg" alt="search">
|
|
<input type="search" name="" id="">
|
|
</div>
|
|
<a href="https://members.lumbung.space" id="login">login</a>
|
|
</div>
|
|
</header> |