v0.1.7 헤더 및 사이드바 디테일 수정
This commit is contained in:
@@ -1,5 +1,23 @@
|
||||
<aside class="sidebar sidebar--right">
|
||||
<div class="sidebar__inner sidebar__inner--right">
|
||||
{{#is "post"}}
|
||||
{{#post}}
|
||||
{{#primary_author}}
|
||||
<section class="author-feature author-feature--top">
|
||||
{{#if profile_image}}
|
||||
<img class="avatar avatar--large" src="{{img_url profile_image size="s"}}" alt="{{name}}">
|
||||
{{else}}
|
||||
<div class="avatar avatar--large avatar--fallback">A</div>
|
||||
{{/if}}
|
||||
<div>
|
||||
<h3>{{name}}</h3>
|
||||
{{#if bio}}<p>{{bio}}</p>{{/if}}
|
||||
</div>
|
||||
</section>
|
||||
{{/primary_author}}
|
||||
{{/post}}
|
||||
{{/is}}
|
||||
|
||||
<section class="site-intro">
|
||||
{{#if @site.icon}}
|
||||
<img class="site-icon" src="{{@site.icon}}" alt="{{@site.title}}">
|
||||
@@ -23,6 +41,7 @@
|
||||
<section class="sidebar-card sidebar-card--tight">
|
||||
<div class="sidebar-card__header">
|
||||
<h2>Follow</h2>
|
||||
<span class="sidebar-card__action">↗</span>
|
||||
</div>
|
||||
<div class="social-row">
|
||||
{{#if @site.facebook}}<a href="{{social_url type="facebook"}}" aria-label="Facebook">f</a>{{/if}}
|
||||
@@ -34,6 +53,7 @@
|
||||
<section class="sidebar-card sidebar-card--tight">
|
||||
<div class="sidebar-card__header">
|
||||
<h2>Recommended</h2>
|
||||
<span class="sidebar-card__action">↗</span>
|
||||
</div>
|
||||
<ul class="recommended-list">
|
||||
{{#get "posts" filter="featured:true" limit="3" include="tags"}}
|
||||
@@ -53,19 +73,6 @@
|
||||
|
||||
{{#is "post"}}
|
||||
{{#post}}
|
||||
{{#primary_author}}
|
||||
<section class="author-feature">
|
||||
{{#if profile_image}}
|
||||
<img class="avatar avatar--large" src="{{img_url profile_image size="s"}}" alt="{{name}}">
|
||||
{{else}}
|
||||
<div class="avatar avatar--large avatar--fallback">A</div>
|
||||
{{/if}}
|
||||
<div>
|
||||
<h3>{{name}}</h3>
|
||||
{{#if bio}}<p>{{bio}}</p>{{/if}}
|
||||
</div>
|
||||
</section>
|
||||
{{/primary_author}}
|
||||
<section class="sidebar-card sidebar-card--tight">
|
||||
<div class="sidebar-card__header">
|
||||
<h2>Read next</h2>
|
||||
|
||||
@@ -20,10 +20,11 @@
|
||||
<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>
|
||||
<a class="icon-button icon-button--profile" href="#/portal/account" aria-label="Account"><span></span></a>
|
||||
{{else}}
|
||||
<a class="button button--accent" href="#/portal/signup">Buy {{@site.title}}</a>
|
||||
<a class="icon-button icon-button--profile" href="#/portal/signin" aria-label="Sign in"><span></span></a>
|
||||
{{/if}}
|
||||
<button class="icon-button" type="button" data-theme-toggle aria-label="Toggle theme">◐</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user