:truck: Move leader to metadata

src/contact/content.meta.yml

@@ -1,3 +1,10 @@
 ---
 title: Contact
+title-img:
+        path: "/include/icon/icons8-96-filled-message.png"
+        alt: "envelope flat icon"
+subtitle: Retrouvez ici différents moyens pour me contacter
+date: 2018-12-20
+content-description: >
+        Pour l'instant par Linkedin, bientôt avec une adresse mail personnalisée.
 ...

src/contact/content.src.html

@@ -1,10 +1,3 @@
-<div class="focus-center">
-    <h1>Contact</h1>
-    <img src="/include/icon/icons8-96-filled-message.png" alt="home flat icon">
-    <h2>Retrouvez ici différents moyens pour me contacter</h2>
-    <p class="lead">Pour l'instant par Linkedin, bientôt avec une adresse mail personnalisée.</p>
-</div>
-
 <h3>
     <img src="/include/icon/icons8-48-linkedin.png" alt="linkedin logo flat icon">
     Linkedin

src/credit/content.meta.yml

@@ -1,3 +1,9 @@
 ---
 title: Credit
+title-img:
+        path: "/include/icon/iconmonstr-72-copyright-2.png"
+        alt: "copyright flat icon"
+date: 2023-05-20
+content-description: >
+        Cette page rassemble les ressources externes utilisées sur ce site.
 ...

src/credit/content.src.html

@@ -1,11 +1,3 @@
-<!-- Leader -->
-<div class="focus-center">
-    <h1>Credit</h1>
-    <img src="/include/icon/iconmonstr-72-copyright-2.png" alt="logo icons8">
-    <p class="lead">Cette page rassemble les ressources externes utilisées sur ce site.</p>
-</div>
-
-<!-- List -->
 <h3>
     <img src="/include/icon/icons8-48-icons8-new-logo.png" alt="logo icons8">
     Icons8

src/error404/content.meta.yml

@@ -1,3 +1,10 @@
 ---
 title: 404
+title-img:
+        path: "/include/icon/icons8-96-matrix-desktop.png"
+        alt: "matrix reloaded flat icon"
+subtitle: Page non trouvée
+date: 2018-12-20
+content-description: >
+        La page à laquelle votre navigateur souhaite accéder n'existe pas.
 ...

src/error404/content.src.html

@@ -1,11 +1,6 @@
-<!-- Content -->
-<main role="main" class="container">
-
-    <div class="focus-center">
-        <h1>404</h1>
-        <img src="/include/icon/icons8-96-matrix-desktop.png" alt="home flat icon">
-        <h2>Page non trouvée</h2>
-        <p class="lead">La page à laquelle votre navigateur souhaite accéder n'existe pas. Il est possible que j'ai fait
-            une erreur lors du développement de mon site. N'hésitez pas à revenir plus tard ...</p>
-    </div>
-</main>
+<p>
+        Il est possible que j'ai fait une erreur lors du développement de mon site.
+</p>
+<p>
+        N'hésitez pas à revenir plus tard ...
+</p>

src/index.meta.yml

@@ -1,3 +1,14 @@
 ---
 title: Jovian HERSEMEULE
+title-img:
+        path: "/include/icon/icons8-96-city.png"
+        alt: "sympathic city flat icon"
+subtitle: "Bienvenue sur mon site !"
+date: 2018-12-20
+content-description: >
+        Vous trouverez ici les principales informations me concernant :
+        qui je suis, mon parcours, mon expérience professionnelle 
+        et mes projets de programmation.
+        <br>
+        Bonne visite !
 ...

src/index.src.html

@@ -1,12 +1 @@
-<main role="main" class="container">
-
-<div class="focus-center">
-    <h1>Jovian Hersemeule</h1>
-    <img src="/include/icon/icons8-96-city.png" alt="Icone principale">
-    <h2>Bienvenue sur mon site !</h2>
-    <p class="lead">Vous trouverez ici les principales informations me concernant : qui je suis, mon parcours, mon
-        expérience professionnelle et mes projets de programmation.<br>Bonne visite !</p>
-</div>
 <img class="rounded img-fluid mx-auto d-block" src="include/images/avatar-cartoon600.png" alt="Avatar Jovian cartoon">
-
-</main>

src/projets/content.meta.yml

@@ -1,3 +1,12 @@
 ---
 title: Projets
+title-img:
+        path: "/include/icon/icons8-96-code.png"
+        alt: "code flat icon"
+subtitle: Mon folio de développeur
+date: 2023-05-20
+content-description: >
+        Voici l'ensemble des projets de programmation auxquels j'ai participé.
+        Certains ont été faits en équipe,
+        d'autres seuls, certains sont encore en développement.
 ...

src/projets/content.src.html

@@ -1,17 +1,3 @@
-<div class="focus-center">
-    <h1>
-        Projets
-    </h1>
-    <img src="/include/icon/icons8-96-code.png" alt="code flat icon">
-    <h2>
-        Mon folio de développeur
-    </h2>
-    <p class="lead">
-        Voici l'ensemble des projets de programmation auxquels j'ai participé. Certains ont été faits en équipe,
-        d'autres seuls, certains sont encore en développement.
-    </p>
-</div>
-
 <h3>
     <img src="/include/icon/icons8-48-term.png" alt="term flat icon">
     Présentation

src/projets/pulsar/content.meta.yml

@@ -1,3 +1,13 @@
 ---
 title: Pulsar
+title-img:
+        path: "/include/icon/icons8-96-code.png"
+        alt: "code flat icon"
+subtitle: Concept de jeu vidéo
+date: 2017-03-20
+content-description: >
+        Pulsar est un grand projet qui est dans mon tiroir depuis 3 ans.
+        Il est ambitieux mais reste réalisable.
+        C'est un jeu vidéo dynamique et multijoueur,
+        qui allie à la fois combat et récolte de ressources dans un monde spatial.
 ...

src/projets/pulsar/content.src.html

@@ -1,17 +1,3 @@
-<div class="focus-center">
-    <h1>
-        Pulsar
-    </h1>
-    <img src="/include/icon/icons8-96-code.png" alt="code flat icon">
-    <h2>
-        Concept de jeu vidéo
-    </h2>
-    <p class="lead">
-    Pulsar est un grand projet qui est dans mon tiroir depuis 3 ans. Il est ambitieux mais reste réalisable. C'est un jeu vidéo dynamique et multijoueur, qui allie à la fois combat et récolte de ressources dans un monde spatial.
-    </p>
-</div>
-
-<!-- Travaux -->
 <div class="alert alert-info">
     <img class="float-left" src="/include/icon/icons8-90-road-worker.png" alt="worker flat icon">
     <p>

src/projets/quoridor/content.meta.yml

@@ -1,3 +1,11 @@
 ---
 title: Quoridor
+title-img:
+        path: "quoridor_96x96.png"
+        alt: "Quoridor icon"
+subtitle: TIPE 2017
+date: 2017-07-12
+content-description: >
+        Développement d'intelligences artificielles pour le jeu de stratégie Quoridor.
+        Ce projet est un travail de groupe réalisé sur l'ensemble de ma seconde année de prépa.
 ...

src/projets/quoridor/content.src.html

@@ -1,18 +1,3 @@
-<div class="focus-center">
-    <h1>
-        Quoridor
-    </h1>
-    <img src="quoridor_96x96.png" alt="Quoridor icon" class="rounded">
-    <h2>
-        TIPE 2017
-    </h2>
-    <p class="lead">
-    Développement d'intelligences artificielles pour le jeu de stratégie Quoridor.
-    Ce projet est un travail de groupe réalisé sur l'ensemble de ma seconde année de prépa.
-    </p>
-</div>
-
-<!-- Content -->
 <h3>
     <img src="/include/icon/icons8-48-term.png" alt="term flat icon">
     Introduction

src/projets/static_site/content.meta.yml

@@ -1,3 +1,10 @@
 ---
 title: Mon site internet
+title-img:
+        path: "/include/icon/icons8-96-html-5.png"
+        alt: "html-5 flat icon"
+subtitle: Le site sur lequel vous surfez actuellement.
+date: 2018-12-20
+content-description: >
+        Article rédigé en décembre 2018 racontant la genèse et les coulisses de ce site web.
 ...

src/projets/static_site/content.src.html

@@ -1,16 +1,3 @@
-<div class="focus-center">
-    <h1>
-        Mon site internet
-    </h1>
-    <img src="/include/icon/icons8-96-html-5.png" alt="html-5 flat icon">
-    <h2>
-        Le site sur lequel vous surfez actuellement.
-    </h2>
-    <p class="lead">
-        Article rédigé en décembre 2018 racontant la genèse et les coulisses de ce site web.
-    </p>
-</div>
-
 <!-- Host disclaimer -->
 <div class="alert alert-info">
     <strong>Article ancien :</strong> Cet article remonte à la création du site web. Certaines informations sont obsolètes. En effet, mon site web n'est plus hébergé sur mon Raspberry Pi, dont les aléas peuvent provoquer des coupures de service, mais sur un hébergement web dédié chez OVH.