v0.1.1 테마 구성 및 레이아웃 수정
This commit is contained in:
30
partials/site/topbar.hbs
Normal file
30
partials/site/topbar.hbs
Normal file
@@ -0,0 +1,30 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user