From 4b037526091b73a3012873061da8e303df7ea009 Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Wed, 9 Apr 2025 07:23:44 +0200
Subject: [PATCH] visually indicate draft status

---
 src/_includes/partials/card-blog.njk | 2 +-
 src/_layouts/post.njk                | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/_includes/partials/card-blog.njk b/src/_includes/partials/card-blog.njk
index ee346e1..80c171f 100644
--- a/src/_includes/partials/card-blog.njk
+++ b/src/_includes/partials/card-blog.njk
@@ -6,7 +6,7 @@
   <{{ headingLevel }} slot="headline" class="text-step-2">
     <a href="{{ item.url | url }}">{{ item.data.title }}</a>
   </{{ headingLevel }}>
-  <span slot="date"> {% include "partials/date.njk" %} </span>
+  <span slot="date">{%- if item.data.draft -%}<span class="button" data-small-button data-button-variant='tertiary'>draft</span>{%- endif %} {% include "partials/date.njk" %}</span>
   {% if showTags and item.data.tags.length > 1 %}
     <div slot="tag" webc:nokeep>
       {% for tag in item.data.tags %}
diff --git a/src/_layouts/post.njk b/src/_layouts/post.njk
index 2728a20..be3bfca 100644
--- a/src/_layouts/post.njk
+++ b/src/_layouts/post.njk
@@ -13,6 +13,10 @@ schema: BlogPosting
     {% endif %}
 
     <p class="meta | cluster gutter-xs-s">
+      <!-- draft status -->
+      {%- if draft -%}<span class="button" data-small-button data-button-variant="tertiary"
+        >draft</span
+      >{%- endif %}
       <!-- date -->
       {% set definedDate = date %} {% include "partials/date.njk" %}
       {%