19 lines
1.2 KiB
Handlebars
19 lines
1.2 KiB
Handlebars
<article class="flex flex-row items-center h-20 border-b border-b-neutral-800 p-3 transition ease-in hover:bg-zinc-800 duration-300 hover:rounded {{post_class}}">
|
|
{{#if feature_image}}
|
|
<a class="w-44 mr-7 h-full shrink-0 overflow-hidden rounded" href={{url}} aria-hidden="true">
|
|
<img class="mt-0 mb-0 relative -top-1/3"
|
|
data-srcset="{{img_url feature_image size='s'}} 400w"
|
|
data-sizes="auto"
|
|
src="{{img_url feature_image size='s'}}"
|
|
srcset="{{img_url feature_image size='s'}} 400w"
|
|
sizes="auto"
|
|
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{/if}}">
|
|
</a>
|
|
{{/if}}
|
|
<div class="grow">
|
|
{{> "article/tags" size="sm"}}
|
|
<time class="text-xxs text-blue-600 font-bold mr-3 mt-2" itemprop="datePublished" datetime="{{date format="YYYY-MM-DD"}}">{{date format="MMM D"}}</time>
|
|
<a class="no-underline font-light italic text-sm tracking-widest text-stone-200 mr-5" href={{url}} aria-label="Read article entitled: {{title}}" title="Read article entitled: {{title}}">{{title}}</a>
|
|
</div>
|
|
<span class="shrink-0 text-slate-500 text-xs italic">{{reading_time}}</span>
|
|
</article> |