Files
2021-03-08 09:36:53 +00:00

69 lines
1.9 KiB
Handlebars

{{!< default}}
{{#post}}
<article class="relative">
{{> extras/patterns}}
{{!-- Header --}}
<div class="relative max-w-screen-xl mx-auto object-center">
{{#if feature_image}}
<img class="object-fill mx-auto object-center self-center" style="max-height:50vh;"
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) 1000px, 2000px"
loading="lazy" src="{{img_url feature_image size="xl"}}"
alt="{{title}}" />
{{/if}}
</div>
<header class="relative px-4 sm:px-6 lg:px-8 mt-10">
<div class="max-w-prose mx-auto object-center">
<h1 class="mt-10">
<span class="mt-2 block text-4xl text-center leading-8 font-extrabold tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl">
{{title}}
</span>
</h1>
{{#if custom_excerpt}}
<p class="mt-8 text-2xl text-gray-500 dark:text-gray-300 leading-8">
{{custom_excerpt}}
</p>
{{/if}}
</div>
</header>
{{!-- Content --}}
<div class="post-body mt-10 max-w-prose mx-auto text-gray-700 dark:text-gray-300">
{{content}}
</div>
{{!-- Read more --}}
<div class="max-w-prose mx-auto mt-8 grid gap-5 md:grid-cols-2 mb-10">
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:>{{id}}"
limit="2" order="id asc"}}
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:<
{{id}}" limit="2" order="id desc" }}
{{#foreach posts}} {{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{> cardTag}}
</div> </article>
{{/post}}