Files
ghost-theme/post.hbs
T
Dimitrie Stefanescu 4e2aa2ac2f feat(various): improvs
usecases -> features; footer alignment; graphics landing; gh link navbar; minor copy edits;
whitespace reductions; etc.
2021-02-15 10:24:37 +00:00

65 lines
1.8 KiB
Handlebars

{{!< default}}
{{#post}}
<article class="relative">
{{> extras/patterns}}
{{!-- Header --}}
<header class="relative px-4 sm:px-6 lg:px-8 mt-10">
<div class="max-w-screen-lg mx-auto object-center">
{{#if feature_image}}
<img class="gh-feature-image mx-auto" 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>
<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="1" order="id asc"}}
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:<
{{id}}" limit=" 1" order="id desc" }}
{{#foreach posts}} {{> cardFancySmall}}
{{/foreach}} {{/get}} {{> cardTag}} </div> </article>
{{/post}}