1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-27 12:20:05 +01:00
blog/_src/_includes/header.html

36 lines
1.9 KiB
HTML
Raw Normal View History

2013-11-23 21:53:52 +01:00
2013-12-01 00:47:47 +01:00
<div class="topbar container">
<div class="row">
2014-07-12 21:22:47 +02:00
2013-12-01 00:47:47 +01:00
<header role="banner" class="banner">
<h1 class="banner-title">
<a class="banner-logo" href="/">kremalicious</a>
</h1>
</header>
2013-11-29 00:17:23 +01:00
2013-12-01 00:47:47 +01:00
<nav role="navigation" class="nav-main">
2015-06-08 21:22:09 +02:00
<button type="button" class="menu-btn">
<svg class="icon icon-entypo icon-entypo-menu" viewBox="0 0 20 20"><path d="M16.4 9H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1zm0 4H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1zM3.6 7h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1z"/></svg>
2015-06-08 21:22:09 +02:00
</button>
<div class="nav-popover hide">
2015-06-08 21:34:52 +02:00
{% for category in site.categories %}
<a class="nav-link" href="/{{ category | first }}/">
{{ category | first }}
</a>
{% endfor %}
2013-12-01 00:47:47 +01:00
</div>
</nav>
2014-07-12 21:22:47 +02:00
2013-12-01 00:47:47 +01:00
<section class="site-search">
2015-06-08 21:22:09 +02:00
<button type="button" class="search-btn">
<svg class="icon icon-entypo icon-entypo-search" viewBox="0 0 20 20"><path d="M17.545 15.467l-3.78-3.78c.57-.934.9-2.034.9-3.21 0-3.416-2.962-6.376-6.38-6.376C4.87 2.1 2.1 4.87 2.1 8.29c0 3.416 2.96 6.377 6.377 6.377 1.137 0 2.2-.31 3.115-.844l3.8 3.8c.37.373.974.373 1.345 0l.943-.94c.37-.37.236-.84-.135-1.21zm-13.54-7.18c0-2.366 1.916-4.283 4.28-4.283 2.367 0 4.475 2.107 4.475 4.474 0 2.365-1.918 4.283-4.283 4.283-2.366 0-4.473-2.107-4.473-4.472z"/></svg>
2015-06-08 21:22:09 +02:00
</button>
2013-12-01 00:47:47 +01:00
<div class="search-area">
2014-07-12 21:22:47 +02:00
<input type="search" class="form-control input-search search-field" placeholder="Search everything">
2014-07-13 01:58:31 +02:00
<button class="close search-close">&times;</button>
2013-12-01 00:47:47 +01:00
</div>
</section>
2014-07-12 21:22:47 +02:00
2013-12-01 00:47:47 +01:00
</div>
2015-06-08 21:22:09 +02:00
</div>