2019-11-09 21:10:51 +00:00
|
|
|
<div class="post-card w-full md:w-1/2 xl:w-1/3 px-3 py-6 ">
|
2019-11-08 20:59:26 +00:00
|
|
|
<article class="relative group w-full">
|
|
|
|
{{> post-background}} {{!--Special header-image.hbs partial to generate the background image--}}
|
2019-11-09 21:10:51 +00:00
|
|
|
<div class="h-full bg-black opacity-50 group-hover:opacity-75 transition-opacity">
|
2019-11-08 20:59:26 +00:00
|
|
|
</div>
|
2019-11-14 07:55:11 +00:00
|
|
|
<div class="absolute bottom-0 px-6 py-2 mt-4 mt-0 w-full">
|
2019-11-08 20:59:26 +00:00
|
|
|
{{#if primary_tag}}
|
|
|
|
{{#primary_tag}}
|
|
|
|
<div class="py-1">
|
2019-11-09 21:10:51 +00:00
|
|
|
<a href="{{url}}"><p class="bg-green-700 w-auto inline-block px-2 py-1 text-white text-sm">{{name}}</p></a>
|
2019-11-08 20:59:26 +00:00
|
|
|
</div>
|
|
|
|
{{/primary_tag}}
|
|
|
|
{{/if}}
|
2019-11-09 21:10:51 +00:00
|
|
|
<div class="mt-0 text-xl text-white group-hover:text-gray-300">
|
2019-11-08 20:59:26 +00:00
|
|
|
<a href="{{url}}"><h1 class="font-light">{{title}}</h1></a>
|
|
|
|
</div>
|
2019-11-14 07:30:53 +00:00
|
|
|
<div class="block mt-2 mb-4 text-sm text-white max-h-24 overflow-hidden">
|
2019-11-09 11:32:42 +00:00
|
|
|
<p>{{excerpt words="30"}}</p>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-row items-center my-2">
|
2019-11-08 20:59:26 +00:00
|
|
|
<div class="flex flex-row">
|
|
|
|
{{#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>
|
2019-11-09 21:10:51 +00:00
|
|
|
<div class="flex-grow flex flex-col text-xs text-white">
|
2019-11-08 20:59:26 +00:00
|
|
|
<div>
|
|
|
|
<p>{{#has author="count:>2"}}Multiple authors{{else}}{{authors}}{{/has}}</p>
|
|
|
|
<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>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-11-14 07:55:11 +00:00
|
|
|
</div>
|
2019-11-08 20:59:26 +00:00
|
|
|
</div>
|
|
|
|
</article>
|
|
|
|
</div>
|