<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>