feat: Garden dev 0.1

_includes/components/garden-badge.njk

@@ -0,0 +1,18 @@
+{#
+  garden-badge.njk — Digital Garden stage indicator
+  Usage: {% include "components/garden-badge.njk" %}
+  Requires: gardenStage variable in scope (from post frontmatter)
+  Renders a coloured pill badge linking to /garden/#<stage>
+#}
+{% if gardenStage %}
+{% set _stageInfo = gardenStage | gardenStageInfo %}
+{% if _stageInfo %}
+<a href="/garden/#{{ gardenStage }}"
+   class="garden-badge garden-badge--{{ gardenStage }}"
+   title="{{ _stageInfo.description }}"
+   aria-label="Garden stage: {{ _stageInfo.label }}">
+  <span aria-hidden="true">{{ _stageInfo.emoji }}</span>
+  <span>{{ _stageInfo.label }}</span>
+</a>
+{% endif %}
+{% endif %}

_includes/layouts/post.njk

@@ -43,6 +43,8 @@ withBlogSidebar: true
       {% endif %}
     </ul>
     {% endif %}
+    {# Digital Garden stage badge #}
+    {% include "components/garden-badge.njk" %}
   </div>
 
   {# Bridgy syndication content - controls what gets posted to social networks #}
@@ -228,6 +230,9 @@ withBlogSidebar: true
     <span data-pagefind-filter="ai-text-level">{{ aiTextLevel }}</span>
     <span data-pagefind-filter="ai-code-level">{{ aiCodeLevel or "0" }}</span>
     <span data-pagefind-filter="ai-used">{% if aiUsed %}yes{% else %}no{% endif %}</span>
+    {% if gardenStage %}
+    <span data-pagefind-filter="garden-stage">{{ gardenStage }}</span>
+    {% endif %}
     {% if category %}
       {% if category is string %}
       <span data-pagefind-filter="category">{{ category }}</span>