mirror of
https://github.com/Damillora/Yuika
synced 2024-11-05 02:17:32 +00:00
Damillora
94bf398368
- Upgrade Tailwind to 1.4, integrating CSS grid and transition utilities - Upgrade other dependencies - Change design
48 lines
1.6 KiB
Handlebars
48 lines
1.6 KiB
Handlebars
<div class="post-card">
|
|
<article class="relative w-full h-full hover:bg-gray-400 transition duration-500 ease-in-out py-4 px-4">
|
|
{{> post-background}} {{!--Special header-image.hbs partial to generate the background image--}}
|
|
<div class="h-full">
|
|
</div>
|
|
</div>
|
|
<div class="mt-4 py-1">
|
|
{{#if primary_tag}}
|
|
{{#primary_tag}}
|
|
<a href="{{url}}">
|
|
<span class="primary-tag-header">{{name}}</span>
|
|
</a>
|
|
{{/primary_tag}}
|
|
{{/if}}
|
|
</div>
|
|
<div class="mt-0 text-xl hover:text-yuika-blue-700 transition duration-500 ease-in-out">
|
|
<a href="{{url}}"><h1 class="font-light">{{title}}</h1></a>
|
|
</div>
|
|
<div class="mt-0 text-xs">
|
|
<p><span class="post-card-byline-date"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format="D MMM YYYY"}}</time> <span class="bull">•</span> {{reading_time}}</span></p>
|
|
</div>
|
|
{{#if authors}}
|
|
<div class="author-list text-xs ">
|
|
<div class="author-images">
|
|
{{#foreach authors}}
|
|
{{#if profile_image}}
|
|
<div class="h-8 ml-1 mr-3">
|
|
<a href="{{url}}">
|
|
<img class="h-full rounded-full" src="{{img_url profile_image size="xs"}}" alt="{{name}}"/>
|
|
</a>
|
|
</div>
|
|
{{/if}}
|
|
{{/foreach}}
|
|
</div>
|
|
<div class="author-names">
|
|
<div>
|
|
<p>{{#has author="count:>2"}}Multiple authors{{else}}{{authors}}{{/has}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
<div class="block mt-2 mb-4 text-sm excerpt overflow-hidden">
|
|
<p>{{excerpt words="30"}}</p>
|
|
</div>
|
|
</article>
|
|
|
|
</div>
|