1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-11 23:55:16 +01:00
blog/_src/_includes/header.html

42 lines
1.5 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" role="img" aria-labelledby="title">
<title id="title">Menu</title>
<use xlink:href="/assets/img/sprite.svg#entypo-menu"></use>
</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" role="img" aria-labelledby="title">
<title id="title">Search</title>
<use xlink:href="/assets/img/sprite.svg#entypo-magnifying-glass"></use>
</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>