v0.1.8 메인 히어로 및 카드 디테일 수정

This commit is contained in:
2026-04-13 16:30:38 +09:00
parent 9f02d0d519
commit 437c403830
5 changed files with 134 additions and 12 deletions

View File

@@ -1,5 +1,5 @@
<section class="hero">
<h1 class="hero__title">{{@site.title}} ideas published for meaningful conversation, discussed and shaped by the community</h1>
<h1 class="hero__title">Ideas <em>published</em> for meaningful conversation, discussed and shaped by the community</h1>
{{#if @site.description}}
<p class="hero__description">{{@site.description}}</p>
{{/if}}

View File

@@ -1,9 +1,15 @@
<section class="stack-section" data-tabs>
<div class="tab-row" role="tablist" aria-label="Homepage sections">
<button class="tab-row__button is-active" type="button" data-tab-trigger="latest">Latest</button>
<button class="tab-row__button" type="button" data-tab-trigger="featured">Featured</button>
<button class="tab-row__button" type="button" data-tab-trigger="updated">Updated</button>
<button class="tab-row__button" type="button" data-tab-trigger="categories">Categories</button>
<div class="tab-row-wrap">
<div class="tab-row" role="tablist" aria-label="Homepage sections">
<button class="tab-row__button is-active" type="button" data-tab-trigger="latest">Latest</button>
<button class="tab-row__button" type="button" data-tab-trigger="featured">Featured</button>
<button class="tab-row__button" type="button" data-tab-trigger="updated">Updated</button>
<button class="tab-row__button" type="button" data-tab-trigger="categories">Categories</button>
</div>
<button class="view-toggle" type="button" aria-label="Change view">
<span class="view-toggle__grid"></span>
<span class="view-toggle__chevron">⌄</span>
</button>
</div>
<div class="tab-panel is-active" data-tab-panel="latest">

View File

@@ -12,10 +12,13 @@
<h2><a href="{{url}}">{{title}}</a></h2>
{{#if excerpt}}<p>{{excerpt words="22"}}</p>{{/if}}
<div class="post-card__meta">
<time datetime="{{date format="YYYY-MM-DD"}}">{{date format="MMM D"}}</time>
{{#primary_author}}<span>{{name}}</span>{{/primary_author}}
<time class="meta-item" datetime="{{date format="YYYY-MM-DD"}}">{{date format="MMM D"}}</time>
{{#primary_author}}<span class="meta-item">{{name}}</span>{{/primary_author}}
{{#primary_tag}}<a class="meta-pill" href="{{url}}">{{name}}</a>{{/primary_tag}}
{{#if comments}}{{comment_count empty="0" singular="" plural="" autowrap="false"}}{{/if}}
<span class="meta-item meta-item--comments">
<span class="meta-item__icon">◌</span>
{{#if comments}}{{comment_count empty="0" singular="" plural="" autowrap="false"}}{{else}}0{{/if}}
</span>
</div>
</div>
</article>