mirror of
https://github.com/kremalicious/blog.git
synced 2024-09-24 10:08:50 +02:00
36 lines
1.9 KiB
HTML
36 lines
1.9 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" 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>
|
|
</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" 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>
|
|
</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>
|