feat: add work in progress state

pelican/themes/simple/templates/article.html

@@ -24,13 +24,27 @@
 {% block content %}
   <article>
     <header>
-      <h2>
-        <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
-           title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>
+
+
+    {% if not article.image %}
+      <h2>{{ article.title }}</h2>
+    {% endif %}
+    {% if article.image %}
+    <div class="relative overflow-hidden h-[350px]">
+        <img class="w-full h-full object-cover object-center rounded-lg opacity-65" src="/img/banner/{{ article.image }}" alt="" />
+        <div class="absolute bottom-8 left-0 text-green-300">
+            <h2><span class="leading-relaxed bg-gray-700 p-2"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}" class="no-underline text-green-300">{{ article.title }}</a></span></h2>
+        </div>
+  </div>
+    {% endif %}
+
+
       {% import 'translations.html' as translations with context %}
       {{ translations.translations_for(article) }}
     </header>
+    <div class="leading-relaxed">
     {{ article.content }}
+    </div>
     <footer>
       <p>Published: <time datetime="{{ article.date.isoformat() }}">
         {{ article.locale_date }}