<header class=“header”>

<!--Navbar on desktop-->
<div id="desktopNav" class="pure-g wrapper">
        <div class="pure-u-1 pure-u-md-1">
        <div class="navbar pure-menu pure-menu-horizontal">
                <ul class="navigation pure-menu-list">
                        <li class="pure-menu-item"><a href="{{ site.url }}" title="Home Page">@tung<em>krad</em>le</a></li>
                        <li class="pure-menu-item"><a href="{{ "/archive" | relative_url }}">Archive</a></li>
                        <li class="pure-menu-item"><a href="{{ "/about" | relative_url }}">About</a></li>
                        <li class="pure-menu-item"><a href="{{ "/portfolio" | relative_url }}">Work</a></li>
                        <li class="pure-menu-item"><a href="{{ "/contact" | relative_url }}">Contact</a></li>
                        <!--<li class="pure-menu-item"><a href="{{ "/copypasta" | relative_url }}">Copypasta</a></li>-->
                </ul>
        </div>
        </div>
</div>
<!--Navbar on mobile-->
<div id="mobileNav" class="pure-g">
        <div class="pure-u-1 pure-u-md-1">
        <div class="pure-g rm-wrapper">
                <div class="pure-u-1 wrapper">
                <div class="pure-menu rm-menu rm-menu-top">
                <a href="{{ site.url }}" class="rm-menu-brand" title="Home Page">@tung<em>krad</em>le</a>
                <div class="rm-toggle">
                        <button class="hamburger hamburger--emphatic" type="button">
                                  <span class="hamburger-box">
                                    <span class="hamburger-inner"></span>
                                  </span>
                                </button>       
                </div>
            </div>
            </div>
            <div class="pure-u-1">
                <div  id="rm-nav" class="navbar pure-menu rm-can-transform">
                        <ul class="navigation pure-menu-list">
                                <li class="pure-menu-item"><a class="pure-menu-link" href="{{ "/archive" | relative_url }}">Archive</a></li>
                                <li class="pure-menu-item"><a class="pure-menu-link" href="{{ "/about" | relative_url }}">About</a></li>
                                <li class="pure-menu-item"><a class="pure-menu-link" href="{{ "/portfolio" | relative_url }}">Work</a></li>
                                <li class="pure-menu-item"><a class="pure-menu-link" href="{{ "/contact" | relative_url }}">Contact</a></li>
                        </ul>
                </div>
                </div>
        </div>
        </div>
</div>

</header>