liebling/partials/header.hbs

48 lines
1.4 KiB
Handlebars
Raw Permalink Normal View History

2019-04-14 18:41:25 +00:00
{{!--
This header template is shared across all the pages.
--}}
2019-02-24 21:06:24 +00:00
{{#if background}}
<header class="m-header with-picture js-header">
{{else}}
<header class="m-header js-header">
{{/if}}
2019-02-19 23:00:22 +00:00
<div class="m-mobile-topbar" data-aos="fade-down">
<button class="m-icon-button in-mobile-topbar js-open-menu" aria-label="Open menu">
<span class="icon-menu"></span>
</button>
2019-02-25 16:14:38 +00:00
{{#if @site.logo}}
<a href="{{@site.url}}" class="m-logo in-mobile-topbar">
<img src="{{@site.logo}}" alt="{{@site.title}}">
</a>
2019-10-03 15:07:33 +00:00
{{else}}
<a href="{{@site.url}}" class="m-site-name in-mobile-topbar">
{{@site.title}}
</a>
2019-02-25 16:14:38 +00:00
{{/if}}
2019-02-19 23:00:22 +00:00
<button class="m-icon-button in-mobile-topbar js-open-search" aria-label="Open search">
<span class="icon-search"></span>
</button>
</div>
<div class="m-menu js-menu">
<button class="m-icon-button outlined as-close-menu js-close-menu" aria-label="Close menu">
<span class="icon-close"></span>
</button>
<div class="m-menu__main" data-aos="fade-down">
<div class="l-wrapper">
<div class="m-nav">
<nav class="m-nav__left">
{{#if @site.navigation}}
{{navigation}}
{{/if}}
</nav>
<button class="m-icon-button in-menu-main js-open-search" aria-label="Open search">
<span class="icon-search"></span>
</button>
</div>
</div>
</div>
</div>
</header>