fix(blog): move tags and garden badge inline with Planted date

Tended date now appears on its own line below, matching the desired
layout: Planted + tags + badge on line 1, Tended on line 2.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
svemagie
2026-03-17 07:48:27 +01:00
parent 52b453a5b5
commit ca8362d1ee
+9 -6
View File
@@ -28,15 +28,10 @@ withBlogSidebar: true
{% endif %} {% endif %}
<div class="post-meta mb-4 sm:mb-6"> <div class="post-meta mb-4 sm:mb-6">
<div class="flex flex-wrap items-center gap-2">
<span class="font-mono text-sm">Planted: </span><time-difference><time class="dt-published font-mono text-sm" datetime="{{ date.toISOString() }}"> <span class="font-mono text-sm">Planted: </span><time-difference><time class="dt-published font-mono text-sm" datetime="{{ date.toISOString() }}">
{{ date | dateDisplay }} {{ date | dateDisplay }}
</time></time-difference> </time></time-difference>
{% if updated %}
<br>
<span class="font-mono text-sm">Tended: </span><time-difference><time class="dt-updated font-mono text-sm" datetime="{{ updated | isoDate }}">
{{ updated | dateDisplay }}
</time></time-difference>
{% endif %}
{% if category | withoutGardenTags %} {% if category | withoutGardenTags %}
<ul class="post-categories flex flex-wrap gap-2 list-none p-0 m-0" role="list" aria-label="Categories"> <ul class="post-categories flex flex-wrap gap-2 list-none p-0 m-0" role="list" aria-label="Categories">
{# Handle both string and array categories #} {# Handle both string and array categories #}
@@ -52,6 +47,14 @@ withBlogSidebar: true
{# Digital Garden stage badge #} {# Digital Garden stage badge #}
{% include "components/garden-badge.njk" %} {% include "components/garden-badge.njk" %}
</div> </div>
{% if updated %}
<div>
<span class="font-mono text-sm">Tended: </span><time-difference><time class="dt-updated font-mono text-sm" datetime="{{ updated | isoDate }}">
{{ updated | dateDisplay }}
</time></time-difference>
</div>
{% endif %}
</div>
{# Bridgy syndication content - controls what gets posted to social networks #} {# Bridgy syndication content - controls what gets posted to social networks #}
{# For interaction types (bookmarks, likes, replies, reposts), include the target URL #} {# For interaction types (bookmarks, likes, replies, reposts), include the target URL #}