mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-30 16:08:10 +01:00
42 lines
1.5 KiB
HTML
42 lines
1.5 KiB
HTML
|
|
<div class="topbar container">
|
|
<div class="row">
|
|
|
|
<header role="banner" class="banner">
|
|
<h1 class="banner-title">
|
|
<a class="banner-logo" href="/">kremalicious</a>
|
|
</h1>
|
|
</header>
|
|
|
|
<nav role="navigation" class="nav-main">
|
|
<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>
|
|
</button>
|
|
<div class="nav-popover hide">
|
|
{% for category in site.categories %}
|
|
<a class="nav-link" href="/{{ category | first }}/">
|
|
{{ category | first }}
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</nav>
|
|
|
|
<section class="site-search">
|
|
<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>
|
|
</button>
|
|
<div class="search-area">
|
|
<input type="search" class="form-control input-search search-field" placeholder="Search everything">
|
|
<button class="close search-close">×</button>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|