Dimitrie Stefanescu
35 lines
1.5 KiB
Handlebars
35 lines
1.5 KiB
Handlebars
<div class="flex flex-col rounded-lg transition shadow hover:shadow-2xl overflow-hidden border-solid {{#if featured}}border-8 border-blue-500 border-opacity-50 {{/if}}">
|
|
<div class="flex-shrink-0">
|
|
<a href="{{url}}" class="block">
|
|
{{#if feature_image}}
|
|
<img class="h-40 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
|
|
{{img_url feature_image size="m"}} 600w,
|
|
{{img_url feature_image size="l"}} 1000w,
|
|
{{img_url feature_image size="xl"}} 2000w"
|
|
sizes="(max-width: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
|
|
alt="{{title}}">
|
|
{{else}}
|
|
<div class="h-40 w-full block bg-gradient-to-r from-blue-400 to-blue-300 dark:from-blue-900 dark:to-blue-700"> </div>
|
|
{{/if}}
|
|
</a>
|
|
</div>
|
|
<div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-200 p-6 flex flex-col justify-between">
|
|
<div class="flex-1">
|
|
<a href="{{url}}" class="block mt-2">
|
|
<p class="text-xl font-semibold text-gray-900 dark:text-gray-200">
|
|
{{title}}
|
|
</p>
|
|
<p class="mt-3 text-base text-gray-500 line-clamp-3">
|
|
{{excerpt}}
|
|
</p>
|
|
</a>
|
|
</div>
|
|
<div class="mt-6 flex items-center">
|
|
<div class="">
|
|
<p class="text-sm font-medium text-gray-900 dark:text-gray-200">
|
|
<span class="text-gray-500"> <time datetime="{{date format="YYYY-MM-DD"}}">{{date format="D MMM YYYY"}}</time></span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |