2013-11-23 21:53:52 +01:00
|
|
|
|
2015-08-18 20:55:30 +02:00
|
|
|
<header role="banner" class="site__header">
|
2015-08-10 00:48:31 +02:00
|
|
|
<div class="header__content">
|
|
|
|
<div class="container">
|
|
|
|
|
|
|
|
<div class="grid grid--half">
|
|
|
|
|
|
|
|
<div class="grid__col">
|
|
|
|
<h1 class="header__title">
|
|
|
|
<a class="header__logo" href="/">kremalicious</a>
|
|
|
|
</h1>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<nav role="navigation" class="nav-main grid__col">
|
2016-06-12 18:18:51 +02:00
|
|
|
<button type="button" class="menu-btn">
|
2016-04-16 21:10:22 +02:00
|
|
|
<div class="hamburger">
|
|
|
|
<span></span>
|
|
|
|
<span></span>
|
|
|
|
<span></span>
|
|
|
|
</div>
|
2015-08-10 00:48:31 +02:00
|
|
|
</button>
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
<section class="site-search">
|
2016-06-12 18:18:51 +02:00
|
|
|
<button type="button" class="search-btn">
|
2017-05-28 04:06:20 +02:00
|
|
|
<svg class="icon icon-search" role="img" aria-labelledby="title">
|
2015-08-10 00:48:31 +02:00
|
|
|
<title id="title">Search</title>
|
2017-05-28 04:06:20 +02:00
|
|
|
<use xlink:href="/assets/img/sprite.svg#magnifying-glass"></use>
|
2015-08-10 00:48:31 +02:00
|
|
|
</svg>
|
|
|
|
</button>
|
|
|
|
<div class="search-area">
|
|
|
|
<input type="search" id="search-input" class="form-control input-search search-field" placeholder="Search everything">
|
|
|
|
<button class="close search-close">×</button>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
2013-12-01 00:47:47 +01:00
|
|
|
</div>
|
2014-07-12 21:22:47 +02:00
|
|
|
|
2015-08-19 01:31:58 +02:00
|
|
|
<ul class="nav-popover grid grid--half grid-medium--third">
|
2015-08-10 00:48:31 +02:00
|
|
|
{% for category in site.categories %}
|
2015-08-18 20:55:30 +02:00
|
|
|
<li class="grid__col">
|
2015-08-10 00:48:31 +02:00
|
|
|
<a class="nav-link" href="/{{ category | first }}/">
|
|
|
|
{{ category | first }}
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
{% endfor %}
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
</div>
|
2013-12-01 00:47:47 +01:00
|
|
|
</div>
|
2015-08-10 00:48:31 +02:00
|
|
|
</header>
|
2015-08-18 20:55:30 +02:00
|
|
|
|
|
|
|
<div id="search-popover" class="search-popover hide">
|
|
|
|
<div class="container">
|
2016-04-17 00:17:17 +02:00
|
|
|
<nav id="search-results" class="search-results"></nav>
|
2015-08-18 20:55:30 +02:00
|
|
|
</div>
|
|
|
|
</div>
|