38 lines
1.6 KiB
Handlebars
38 lines
1.6 KiB
Handlebars
{{!< default}}
|
|
|
|
<article class="container mx-auto px-4 py-12">
|
|
<header class="text-center mb-8">
|
|
<h1 class="text-6xl font-bold tracking-tight text-white mb-4">{{title}}</h1>
|
|
<section class="post-meta text-gray-400 text-lg">
|
|
<time datetime="{{date format="YYYY-MM-DD"}}">{{date format="MMMM DD, YYYY"}}</time>
|
|
{{#if primary_tag}}
|
|
<span class="mx-2">•</span>
|
|
<a href="{{primary_tag.url}}" class="text-gray-400 hover:text-white transition duration-200">{{primary_tag.name}}</a>
|
|
{{/if}}
|
|
</section>
|
|
</header>
|
|
|
|
{{#if feature_image}}
|
|
<figure class="mb-12 rounded-lg overflow-hidden shadow-xl">
|
|
<img
|
|
class="w-full h-auto object-cover"
|
|
src="{{img_url feature_image size="xl"}}"
|
|
srcset="{{img_url feature_image size="l"}} 1000w,
|
|
{{img_url feature_image size="xl"}} 2000w"
|
|
sizes="(max-width: 1000px) 1000px, 2000px"
|
|
alt="{{title}}"
|
|
>
|
|
</figure>
|
|
{{/if}}
|
|
|
|
<section class="post-content max-w-3xl mx-auto text-gray-200 leading-relaxed text-lg prose prose-invert">
|
|
{{content}}
|
|
</section>
|
|
|
|
<footer class="mt-12 pt-8 border-t border-gray-700 text-center">
|
|
<a href="/" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition duration-200">
|
|
← Back to Home
|
|
</a>
|
|
</footer>
|
|
</article>
|