v0.1.25 포스트 카드 구조 정리
This commit is contained in:
@@ -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}}
|
||||
|
||||
Reference in New Issue
Block a user