blakerain.com/layouts/partials/blog/post-card/description.html

26 lines
914 B
HTML

<div class="grow flex flex-col gap-4 justify-between">
<div class="flex flex-col gap-4">
<a href="{{ .post.RelPermalink }}" class="unstyled">
<h1 class="text-2xl font-bold">{{ .post.Title }}</h1>
</a>
{{ if .post.Summary }}
<p class="font-sans text-lg leading-relaxed transition-colors duration-200
{{ if .first }}
text-gray-600 dark:text-gray-300
{{ else }}
text-gray-500 dark:text-gray-400
md:group-hover:text-gray-600 md:dark:group-hover:text-gray-300
{{ end }}">
{{ .post.Summary }}
</p>
{{ end }}
</div>
<div class="flex flex-row gap-2 justify-between items-end">
{{ partial "blog/post-card/details" (dict "post" .post "card" true) }}
<a href="{{ .post.RelPermalink }}" class="button button-outline">
Read more &#8594;
</a>
</div>
</div>