feat: added warning banners to drafts

_includes/post.njk

@@ -3,6 +3,11 @@ layout: base.njk
 ---
 
 <article class="blog-post">
+  {% if not released %}
+  <div class="draft-warning-banner">
+    ⚠️ This post is still a draft and may be incomplete or subject to changes.
+  </div>
+  {% endif %}
   <header class="post-header">
     <h1>{{ title }}</h1>
     <time datetime="{{ createdAt | dateTimeFormat }}">{{ createdAt | dateTimeFormat }}</time>

_includes/recipe.njk

@@ -2,6 +2,11 @@
 layout: base.njk
 ---
 <article class="recipe">
+  {% if isDraft %}
+  <div class="draft-warning-banner">
+    ⚠️ This recipe is still a draft and may be incomplete or subject to changes.
+  </div>
+  {% endif %}
   <header class="recipe-header">
     <h1>{{ title }}</h1>
     {% if isDraft %}

css/style.css

@@ -319,6 +319,18 @@ a {
   text-decoration: none;
 }
 
+/* Draft Warning Banner */
+.draft-warning-banner {
+  background-color: #fff3cd;
+  border: 1px solid #ffc107;
+  border-radius: 5px;
+  padding: 1rem;
+  margin-bottom: 1.5rem;
+  color: #856404;
+  font-weight: 500;
+  text-align: center;
+}
+
 /* Footer */
 footer {
   margin-top: 2rem;