Un peu de style

index.html

@@ -15,7 +15,34 @@
 
     #journaux {
       margin: 2rem;
+      width: 30rem;
+      text-align: justify;
+      line-height: 1.2rem;
     }
+
+    #journaux blockquote {
+      border-left: 10px solid lightgrey;
+      font-size: 1.2rem;
+      font-weight: bolder;
+      font-style: italic;
+    }
+
+    #journaux  p {
+      margin: 1.2rem;
+      text-indent: 1.2rem;
+    }
+
+    #journaux h1 {
+      margin: 1.2rem 0 0 0;
+      padding: 2rem 0 1rem 0;
+      border-top: 1px solid black;
+    }
+    #journaux time {
+      display: block;
+      text-align: right;
+      font-style: italic;
+    }
+
   </style>
 
   <main id=journaux>
@@ -41,7 +68,7 @@ const MiseEnFormeDe = (journal) => {
   const sectionJournal = document.createElement('section');
   sectionJournal.innerHTML = journal.body;
 
-  var dateJournal = document.createElement('em');
+  var dateJournal = document.createElement('time');
   dateJournal.textContent = new Date(journal.meta.date).toLocaleDateString('fr-FR', {year: 'numeric', month: 'long', day: 'numeric'});
   sectionJournal.prepend(dateJournal);
 

journaux/000.md

@@ -3,8 +3,6 @@ title: "Jour 0"
 date: 2014-09-07T19:42:05+01:00
 ---
 
-## Il était une fois…
-
 Fin mars 2015, je voyais partir les élèves avec qui je venais de passer 6 mois.
 Nous étions ensemble à plein temps. Il y a eu des hauts et des bas, des débats
 aussi. Quelques grands moments et des coups de fatigue.