37 lines
3.4 KiB
Text
37 lines
3.4 KiB
Text
---
|
|
layout: base.njk
|
|
---
|
|
|
|
<article>
|
|
<header
|
|
{% if image and image.src != '' %}
|
|
style="background-image: image-set({% bgimgset image.src %})"
|
|
{% endif %}
|
|
{% if image and image.credit != '' %}
|
|
data-credit="{{ image.credit }}"
|
|
{% endif %}
|
|
class="relative mb-8 grid min-h-96 grid-flow-row grid-rows-article-header place-items-center space-y-6 bg-cover bg-center pb-8 pt-20 px-safe-offset-8 *:z-10 before:absolute before:inset-0 before:bg-slate-300 before:bg-opacity-65 after:absolute after:bottom-0 after:right-0 after:z-10 after:rounded-tl-md after:bg-black after:px-2 after:py-1 after:text-xs after:text-white after:content-[attr(data-credit)] sm:min-h-128 sm:pt-28 md:pt-32 after:md:text-sm lg:mb-12 lg:min-h-160 lg:pb-12 lg:px-safe-offset-12 2xl:min-h-192 before:dark:bg-slate-900 before:dark:bg-opacity-65"
|
|
>
|
|
<div class="prose prose-slate mx-auto md:prose-lg lg:prose-xl 2xl:prose-2xl dark:prose-invert prose-headings:font-normal">
|
|
<h1 class="text-balance text-center">{{ title }}</h1>
|
|
</div>
|
|
<div class="not-prose space-y-6 self-end text-sm md:text-base xl:text-lg 2xl:text-xl">
|
|
{%- from 'postmeta.macro.njk' import postmeta %}
|
|
{{ postmeta({ date: page.date, author: author, content: content, center: true }) }}
|
|
{% if tags.length > 0 %}
|
|
<ul class="flex flex-wrap justify-center gap-1" aria-label="Tagged in">
|
|
{% for tag in tags %}
|
|
<li class="inline-flex items-center gap-1 rounded-md border border-solid border-sky-500 bg-sky-200 px-1.5 py-0.5 text-sky-500 dark:bg-sky-950 dark:text-sky-500">
|
|
{% lucide "tag", { "class": "size-4 md:size-5 xl:size-6" } %}
|
|
{{ tag }}
|
|
</li>
|
|
{%- endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
</header>
|
|
|
|
<section class="prose prose-slate mx-auto px-safe-offset-4 md:prose-lg lg:prose-xl 2xl:prose-2xl dark:prose-invert prose-headings:font-normal prose-p:text-justify prose-blockquote:relative prose-blockquote:border-none prose-blockquote:px-6 prose-blockquote:py-10 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:text-inherit before:prose-blockquote:absolute before:prose-blockquote:left-0 before:prose-blockquote:right-0 before:prose-blockquote:top-8 before:prose-blockquote:-z-10 before:prose-blockquote:text-center before:prose-blockquote:text-8xl before:prose-blockquote:leading-[0] before:prose-blockquote:text-sky-600 before:prose-blockquote:content-[open-quote] after:prose-blockquote:absolute after:prose-blockquote:-bottom-5 after:prose-blockquote:left-0 after:prose-blockquote:right-0 after:prose-blockquote:-z-10 after:prose-blockquote:text-center after:prose-blockquote:text-8xl after:prose-blockquote:leading-[0] after:prose-blockquote:text-sky-600 after:prose-blockquote:content-[close-quote] before:prose-p:prose-blockquote:content-none after:prose-p:prose-blockquote:content-none first:prose-p:prose-blockquote:mt-0 last:prose-p:prose-blockquote:mb-0 prose-figcaption:text-center prose-strong:font-bold prose-strong:text-inherit prose-li:marker:!text-inherit prose-th:font-bold prose-img:mx-auto prose-img:rounded-3xl md:px-safe-offset-6 md:prose-blockquote:px-16 md:prose-blockquote:py-3 md:prose-blockquote:text-left md:before:prose-blockquote:top-0 md:before:prose-blockquote:text-left md:before:prose-blockquote:text-9xl md:after:prose-blockquote:-bottom-16 md:after:prose-blockquote:text-right md:after:prose-blockquote:text-9xl">
|
|
{{ content | safe }}
|
|
</section>
|
|
</article>
|