diff --git a/src/layouts/blogpost.njk b/src/layouts/blogpost.njk index 4195f5f..1e32eca 100644 --- a/src/layouts/blogpost.njk +++ b/src/layouts/blogpost.njk @@ -7,7 +7,10 @@ layout: base.njk {% if image and image.src != '' %} style="background-image: image-set({% bgimgset image.src %})" {% endif %} - class="relative mb-8 grid 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-4 *:z-10 before:absolute before:inset-0 before:bg-slate-300 before:bg-opacity-65 sm:h-128 sm:pt-28 md:pt-32 md:px-safe-offset-6 lg:mb-12 lg:h-160 lg:pb-12 2xl:h-192 before:dark:bg-slate-900 before:dark:bg-opacity-65" + {% 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" >

{{ title }}

diff --git a/src/posts.njk b/src/posts.njk index 9cebc3b..71feff1 100644 --- a/src/posts.njk +++ b/src/posts.njk @@ -20,7 +20,14 @@ pagination:
{% if post.data.image and post.data.image.src != '' %} - {{ post.data.image.alt }} +
+ {{ post.data.image.alt }} + {% if post.data.image and post.data.image.credit != '' %} +
+ {{ post.data.image.credit }} +
+ {% endif %} +
{% endif %}

{{ post.data.description }}

diff --git a/tailwind.config.js b/tailwind.config.js index d66ba55..57a2853 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -6,7 +6,7 @@ export default { gridTemplateRows: { 'article-header': '1fr auto 0' }, - height: { + minHeight: { '128': '32rem', '160': '40rem', '192': '48rem'