Adding draft warning on article for preview

simple-erreur503/static/css/main.css

@@ -675,4 +675,19 @@ figcaption {
 		black 40px
 	  )
 	  20;
+}
+
+.draft-article {
+	font-weight: bold;
+	font-size: larger;
+	background-color: var(--bg-article-color);
+	padding: 1em 1em 1em 1em;
+	border-radius: 25px;
+}
+
+.draft-article::before {
+	content: "☝️";
+	letter-spacing: 10px;
+    margin-left: -5px;
+	font-size: xx-large;
 }
\ No newline at end of file

simple-erreur503/templates/article.html

@@ -23,6 +23,9 @@
 
 {% block content %}
   <article class="article-page">
+    {% if article.status=='draft' %}
+      <p class="draft-article">Attention, cet article est un brouillon ! Tu vas y arriver 💪 !</p>
+    {% endif %}
     <header>
       <h1>
         <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"

simple-erreur503/templates/category-display.html

@@ -7,7 +7,7 @@
 
     {% for article in articles_page.object_list %}
         <article class="index">
-            <header><h2 class="art-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>
+            <header><h2 class="art-title"><span class="cat-{{ article.category.slug }}"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></span></h2>
                 <p class="art-desc">Publié le : <time datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time> dans la catégorie <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>.</p>
             </header>
         </article>