43 lines
2.3 KiB
Handlebars
43 lines
2.3 KiB
Handlebars
<header class="topbar">
|
||
<div class="topbar__inner">
|
||
<div class="topbar__brand flex items-center gap-3">
|
||
<button class="topbar__sidebar-toggle" type="button" data-left-sidebar-toggle aria-expanded="true" aria-label="Toggle left sidebar">
|
||
<img class="topbar__sidebar-toggle-icon topbar__sidebar-toggle-icon--open" src="{{asset "icons/left_panel_open.svg"}}" alt="">
|
||
<img class="topbar__sidebar-toggle-icon topbar__sidebar-toggle-icon--close" src="{{asset "icons/left_panel_close.svg"}}" alt="">
|
||
</button>
|
||
<a class="brand brand--topbar" href="{{@site.url}}">
|
||
<span class="brand__name">{{@site.title}}</span>
|
||
</a>
|
||
</div>
|
||
<div class="topbar__search">
|
||
<button class="search-trigger" type="button" data-search-open aria-label="Open search">
|
||
<img class="search-trigger__icon" src="{{asset "icons/search.svg"}}" alt="">
|
||
<span>Search</span>
|
||
<span class="search-shortcut">/</span>
|
||
</button>
|
||
</div>
|
||
<div class="topbar__actions flex items-center justify-end gap-2">
|
||
<button class="icon-button icon-button--search-mobile" type="button" data-search-open aria-label="Open search">
|
||
<img class="search-trigger__icon" src="{{asset "icons/search.svg"}}" alt="">
|
||
</button>
|
||
{{#if @custom.show_admin_link}}
|
||
<a class="button button--accent" href="/ghost/">Admin</a>
|
||
<a class="icon-button icon-button--profile" href="/ghost/" aria-label="Ghost admin"><span></span></a>
|
||
{{/if}}
|
||
</div>
|
||
</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>
|