31 lines
1.3 KiB
Handlebars
31 lines
1.3 KiB
Handlebars
<header class="topbar">
|
||
<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">
|
||
{{#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>
|