v0.1.7 헤더 및 사이드바 디테일 수정

This commit is contained in:
2026-04-13 16:09:31 +09:00
parent d834827236
commit 9f02d0d519
4 changed files with 116 additions and 25 deletions

View File

@@ -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>

View File

@@ -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>