42 lines
1.8 KiB
Handlebars
42 lines
1.8 KiB
Handlebars
<header class="topbar">
|
||
<div class="topbar__brand">
|
||
<a class="brand brand--topbar" href="{{@site.url}}">
|
||
{{#if @site.logo}}
|
||
<img class="brand__logo" src="{{@site.logo}}" alt="{{@site.title}}">
|
||
{{else}}
|
||
<span class="brand__mark"></span>
|
||
<span class="brand__name">{{@site.title}}</span>
|
||
{{/if}}
|
||
</a>
|
||
</div>
|
||
<div class="topbar__search">
|
||
<button class="search-trigger" type="button" data-search-open aria-label="Open search">
|
||
<span class="search-trigger__icon">⌕</span>
|
||
<span>Search</span>
|
||
<span class="search-shortcut">/</span>
|
||
</button>
|
||
</div>
|
||
<div class="topbar__actions">
|
||
<button class="icon-button icon-button--search-mobile" type="button" data-search-open aria-label="Open search">⌕</button>
|
||
{{#if @member}}
|
||
<a class="button button--accent" href="#/portal/account">Account</a>
|
||
{{else}}
|
||
<a class="button button--accent" href="#/portal/signup">Buy {{@site.title}}</a>
|
||
{{/if}}
|
||
<button class="icon-button" type="button" data-theme-toggle aria-label="Toggle theme">◐</button>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="search-modal" data-search-modal hidden>
|
||
<div class="search-modal__backdrop" data-search-close></div>
|
||
<div class="search-modal__panel">
|
||
<div class="search-modal__input">
|
||
<button type="button" class="icon-button icon-button--plain" data-search-close aria-label="Close search">×</button>
|
||
<input type="search" placeholder="Search posts, tags and authors" data-search-input>
|
||
</div>
|
||
<div class="search-modal__body" data-search-results>
|
||
<p class="search-modal__hint">Start typing to filter visible posts, tags, and authors in the current page.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|