v0.1.25 포스트 카드 구조 정리

This commit is contained in:
2026-04-14 11:10:24 +09:00
parent 21897b8fd3
commit b29685e959
9 changed files with 116 additions and 18 deletions

View File

@@ -3,7 +3,9 @@
<article class="post-card{{#if featured}} is-featured{{/if}}">
<a class="post-card__media" href="{{url}}">
{{#if feature_image}}
<img src="{{img_url feature_image size="s"}}" alt="{{title}}">
<figure class="post-card__figure" role="none">
<img src="{{img_url feature_image size="s"}}" alt="{{title}}">
</figure>
{{else}}
<span class="post-card__media-fallback">{{title}}</span>
{{/if}}
@@ -22,7 +24,7 @@
<time class="meta-item" datetime="{{date format="YYYY-MM-DD"}}">{{date format="MMM D"}}</time>
{{#primary_author}}
<span class="meta-divider">/</span>
<span class="meta-item">{{name}}</span>
<a class="meta-item" href="{{url}}">{{name}}</a>
{{/primary_author}}
{{#primary_tag}}
<span class="meta-divider">/</span>
@@ -33,11 +35,14 @@
<span class="meta-item meta-item--access">Members</span>
{{/unless}}
<span class="meta-divider">/</span>
<span class="meta-item meta-item--comments">
<span class="meta-item__icon">◌</span>
<a class="meta-item meta-item--comments" href="{{url}}#ghost-comments">
<img class="meta-item__icon meta-item__icon--image" src="{{asset "icons/chat_bubble.svg"}}" alt="">
{{#if comments}}{{comment_count empty="0" singular="" plural="" autowrap="false"}}{{else}}0{{/if}}
</span>
</a>
</div>
<button class="post-card__share" type="button" aria-label="Share this post">
<img class="post-card__share-icon" src="{{asset "icons/arrow_outward.svg"}}" alt="">
</button>
</div>
</article>
{{/foreach}}