svemagie.net/indiekit-blog
1
0
Fork 0
Code Issues Actions Packages Projects Releases Activity

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

Browse Source 
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
1 changed files with 24 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_includes/layouts/post.njk
+24 -21
View File
@@ -28,29 +28,32 @@ withBlogSidebar: true
{% endif %} {% endif %}
<div class="post-meta mb-4 sm:mb-6"> <div class="post-meta mb-4 sm:mb-6">
<span class="font-mono text-sm">Planted: </span><time-difference><time class="dt-published font-mono text-sm" datetime="{{ date.toISOString() }}"> <div class="flex flex-wrap items-center gap-2">
{{ date | dateDisplay }} <span class="font-mono text-sm">Planted: </span><time-difference><time class="dt-published font-mono text-sm" datetime="{{ date.toISOString() }}">
</time></time-difference> {{ date | dateDisplay }}
{% if updated %} </time></time-difference>
<br> {% if category | withoutGardenTags %}
<span class="font-mono text-sm">Tended: </span><time-difference><time class="dt-updated font-mono text-sm" datetime="{{ updated | isoDate }}"> <ul class="post-categories flex flex-wrap gap-2 list-none p-0 m-0" role="list" aria-label="Categories">
{{ updated | dateDisplay }} {# Handle both string and array categories #}
</time></time-difference> {% if category is string %}
{% endif %} <li><a href="/categories/{{ category | nestedSlugify }}/" class="p-category">{{ category }}</a></li>
{% if category | withoutGardenTags %} {% else %}
<ul class="post-categories flex flex-wrap gap-2 list-none p-0 m-0" role="list" aria-label="Categories"> {% for cat in (category | withoutGardenTags) %}
{# Handle both string and array categories #} <li><a href="/categories/{{ cat | nestedSlugify }}/" class="p-category">{{ cat }}</a></li>
{% if category is string %} {% endfor %}
<li><a href="/categories/{{ category | nestedSlugify }}/" class="p-category">{{ category }}</a></li> {% endif %}
{% else %} </ul>
{% for cat in (category | withoutGardenTags) %}
<li><a href="/categories/{{ cat | nestedSlugify }}/" class="p-category">{{ cat }}</a></li>
{% endfor %}
{% endif %} {% endif %}
</ul> {# Digital Garden stage badge #}
{% include "components/garden-badge.njk" %}
</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 %} {% endif %}
{# Digital Garden stage badge #}
{% include "components/garden-badge.njk" %}
</div> </div>
{# Bridgy syndication content - controls what gets posted to social networks #} {# Bridgy syndication content - controls what gets posted to social networks #}