46 lines
1.6 KiB
HTML
46 lines
1.6 KiB
HTML
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
|
|
<div class="flex-1 border-b">
|
|
<a href="{{ post.permalink }}" class="block">
|
|
<div class="flex-shrink-0">
|
|
<img class="h-48 w-full mx-auto object-cover" src=/{{post.extra.imgPath}} alt="" />
|
|
</div>
|
|
<div class="flex-1 bg-white p-6 flex flex-col justify-between">
|
|
|
|
<h3 class="mt-2 text-xl leading-6 font-medium text-gray-900 text-left not-italic">
|
|
{{ post.title }}
|
|
</h3>
|
|
{% if post.description %}
|
|
<p class="mt-3 text-sm font-normal text-gray-500 text-left">
|
|
{{ post.description }}
|
|
</p>
|
|
{% endif %}
|
|
</a>
|
|
</div>
|
|
<div class="w-full post-card-meta py-3">
|
|
<div class="avatars">
|
|
<div class="flex items-center">
|
|
<div class="flex justify-between items-center">
|
|
<ul class="list-none flex author-list mr-2">
|
|
<li class="author-list-item"><img alt="{{post.extra.author}}" src="{{post.extra.authorImg}}"
|
|
class="w-8 h-8 rounded-full bg-gray-200 border-2 border-white"></li>
|
|
</ul>
|
|
</div>
|
|
<div class="flex flex-col text-left leading-none uppercase">
|
|
<p class="text-gray-700 text-xs">{{ post.extra.author }}</p>
|
|
<p class="text-gray-700 text-xs">
|
|
<time datetime="{{post.date}}">
|
|
{{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
|
|
</time>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.border-b {
|
|
border-bottom-width: 1px !important;
|
|
}
|
|
</style> |