119 lines
5.0 KiB
Handlebars
119 lines
5.0 KiB
Handlebars
<aside class="sidebar sidebar--left">
|
|
<div class="sidebar__inner">
|
|
<a class="brand" 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>
|
|
|
|
<nav class="menu-groups">
|
|
<section class="menu-group is-open">
|
|
<button class="menu-group__trigger" type="button" data-accordion>
|
|
<span>Home pages</span>
|
|
<span>⌄</span>
|
|
</button>
|
|
<div class="menu-group__content">
|
|
{{navigation}}
|
|
</div>
|
|
</section>
|
|
|
|
<section class="menu-group">
|
|
<button class="menu-group__trigger" type="button" data-accordion>
|
|
<span>Tags</span>
|
|
<span>⌄</span>
|
|
</button>
|
|
<div class="menu-group__content">
|
|
<ul class="link-list">
|
|
{{#get "tags" limit="6" include="count.posts"}}
|
|
{{#foreach tags}}
|
|
<li><a href="{{url}}">{{name}}</a></li>
|
|
{{/foreach}}
|
|
{{/get}}
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="menu-group">
|
|
<button class="menu-group__trigger" type="button" data-accordion>
|
|
<span>Authors</span>
|
|
<span>⌄</span>
|
|
</button>
|
|
<div class="menu-group__content">
|
|
<ul class="link-list">
|
|
{{#get "authors" limit="6" include="count.posts"}}
|
|
{{#foreach authors}}
|
|
<li><a href="{{url}}">{{name}}</a></li>
|
|
{{/foreach}}
|
|
{{/get}}
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="menu-group">
|
|
<button class="menu-group__trigger" type="button" data-accordion>
|
|
<span>Members</span>
|
|
<span>⌄</span>
|
|
</button>
|
|
<div class="menu-group__content">
|
|
<ul class="link-list">
|
|
<li><a href="#/portal/signup">Sign up</a></li>
|
|
<li><a href="#/portal/signin">Sign in</a></li>
|
|
<li><a href="#/portal/account">Account</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
</nav>
|
|
|
|
<section class="sidebar-card">
|
|
<div class="sidebar-card__header">
|
|
<h2>Categories</h2>
|
|
</div>
|
|
<div class="category-grid">
|
|
{{#get "tags" limit="10" include="count.posts"}}
|
|
{{#foreach tags}}
|
|
<a class="category-chip" href="{{url}}">
|
|
<span class="category-chip__dot"></span>
|
|
<span>{{name}}</span>
|
|
<span class="category-chip__count">{{count.posts}}</span>
|
|
</a>
|
|
{{/foreach}}
|
|
{{/get}}
|
|
</div>
|
|
</section>
|
|
|
|
<section class="sidebar-card">
|
|
<div class="sidebar-card__header">
|
|
<h2>Authors</h2>
|
|
</div>
|
|
<div class="author-list">
|
|
{{#get "authors" limit="4" include="count.posts"}}
|
|
{{#foreach authors}}
|
|
<a class="author-list__item" href="{{url}}">
|
|
{{#if profile_image}}
|
|
<img class="avatar" src="{{img_url profile_image size="xxs"}}" alt="{{name}}">
|
|
{{else}}
|
|
<span class="avatar avatar--fallback">A</span>
|
|
{{/if}}
|
|
<span>
|
|
<strong>{{name}}</strong>
|
|
<small>{{plural count.posts empty="No posts" singular="% post" plural="% posts"}}</small>
|
|
</span>
|
|
</a>
|
|
{{/foreach}}
|
|
{{/get}}
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="sidebar-footer">
|
|
<a href="{{@custom.footer_primary_url}}">{{@custom.footer_primary_link}}</a>
|
|
<a href="{{@custom.footer_secondary_url}}">{{@custom.footer_secondary_link}}</a>
|
|
<a href="{{@custom.footer_tertiary_url}}">{{@custom.footer_tertiary_link}}</a>
|
|
<a href="{{@custom.footer_quaternary_url}}">{{@custom.footer_quaternary_link}}</a>
|
|
<button class="icon-button icon-button--plain" type="button" data-theme-toggle aria-label="Toggle theme">◐</button>
|
|
</footer>
|
|
</div>
|
|
</aside>
|