feat: improve header of article

content/blog/example.md

@@ -1,6 +1,9 @@
 +++
-title = "Markdown example page"
+title = "Page d'exemple Markdown"
-date = 2019-11-27
+description = "A quoi ça ressemble un article ?"
+date = 2025-03-27
+updated = 2025-05-13
+authors = ["Ungol"]
 +++
 
 Cet article est un exemple utilisant du lorem ipsum en markdown pour développer

sass/_base.scss

@@ -30,6 +30,21 @@ section {
     border-bottom-width: 1px;
     border-bottom-color: var(--surface0);
     border-bottom-style: solid;
+
+    &>p {
+      &.metadata {
+        font-size: .8rem;
+        font-style: italic;
+        text-align: end;
+      }
+
+      &.subtitle {
+        color: var(--subtext0);
+        font-size: 1.5rem;
+        margin-top: 0;
+        margin-bottom: 2rem;
+      }
+    }
   }
 }
 
@@ -87,12 +102,6 @@ h6 {
 p {
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
-
-  &.subtitle {
-    color: var(--subtext0);
-    margin-top: 0;
-    margin-bottom: 3rem;
-  }
 }
 
 a {

templates/post.html

@@ -4,7 +4,10 @@
 <article>
     <section class=title>
         <h1 class=title>{{ page.title }}</h1>
-        <p class=subtitle>{{ page.date }}</p>
+        {% if page.description %}
+        <p class=subtitle>{{ page.description }}</p>
+        {% endif %}
+        <p class=metadata>par {{ page.authors | join(sep=', ') }} le {{ page.date }}{% if page.updated %} (mise à jour : {{ page.updated }}){% endif %}</p>
     </section>
     <section>
         {{ page.content | safe }}