<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><a href="/calendar/">calendar</a></li>
            <li class="has-submenu">harvest
                <ul class="submenu">
                    <li><a href="/tv/">tv</a></li>
                    <li><a href="/social/">social</a></li>
                    <li><a href="/pen/">pen</a></li>
                    <li><a href="/tags/lumbungkios/">kios</a></li>
                    <li><a href="/tags/lumbunggallery/">gallery</a></li>
                </ul>
            </li>
            <li><a href="https://books.lumbung.space">books</a></li>
            <li class="has-submenu">ekonomi
                <ul class="submenu">
                    <li><a href="/tags/lumbungkios/">kios</a></li>
                    <li><a href="/tags/lumbunggallery/">gallery</a></li>
                </ul>
            </li>
            <li><a href="/shouts/">shouts</a></li>
        </ul>
    </nav>

    <aside class="drawer">
        <ul>
            <li><a href="/">home</a></li>
            <li><a href="/about/">about</a></li>
            <li><a href="/calendar/">calendar</a></li>
            <li class="has-submenu">harvest
                <ul class="submenu">
                    <li><a href="/tv/">tv</a></li>
                    <li><a href="/social/">social</a></li>
                    <li><a href="/pen/">pen</a></li>
                    <li><a href="/tags/lumbungkios/">kios</a></li>
                    <li><a href="/tags/lumbunggallery/">gallery</a></li>
                </ul>
            </li>
            <li><a href="https://books.lumbung.space">books</a></li>
            <li class="has-submenu">ekonomi
                <ul class="submenu">
                    <li><a href="/tags/lumbungkios/">kios</a></li>
                    <li><a href="/tags/lumbunggallery/">gallery</a></li>
                </ul>
            </li>
            <li><a href="/shouts/">shouts</a></li>
        </ul>
    </aside>

    <div>
        <a href="https://members.lumbung.space" id="login">login</a>
    </div>
</header>