Intégration de mes livres à mes articles

content/contact/index.md

@@ -1,5 +1,8 @@
 ---
 title: Me contacter
+oeuvres:
+  - "L'Humain, cette espèce primitive"
+  - "L'Anankéisme"
 ---
 
 ## Suivre mon actualité

content/critiques/films/jurassic-world-dominion/index.md

@@ -65,6 +65,7 @@ franchises:
   - Jurassic World
 oeuvres:
   - Jurassic World Dominion
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 23.9
   humidity: 34

content/interets/informatique/2021/03/14/ecommerce-et-auto-hebergement/index.md

@@ -1,6 +1,8 @@
 ---
 date: "2021-03-14T02:25:43+01:00"
 title: E-commerce et auto-hébergement
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 1.9
   humidity: 97

content/interets/informatique/2021/12/30/bonne-annee-2022/index.md

@@ -1,6 +1,8 @@
 ---
 date: "2021-12-30"
 title: Bonne année 2022 !
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 12.1
   humidity: 95

content/interets/informatique/2022/01/21/l-informatique-c-etait-mieux-avant/index.md

@@ -1,6 +1,8 @@
 ---
 date: "2022-01-21"
 title: L'informatique, c'était mieux avant
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 1.2
   humidity: 83

content/interets/informatique/2022/01/26/reflexions-sur-les-metaverses/index.md

@@ -1,6 +1,8 @@
 ---
 date: "2022-01-26"
 title: Réflexions sur les metaverses
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: -1.3
   humidity: 96

content/interets/informatique/2022/12/23/bonne-annee-2023/index.md

@@ -1,6 +1,8 @@
 ---
 date: "2022-12-23"
 title: Bonne année 2023 !
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 10.7
   humidity: 94

content/interets/informatique/2022/12/24/l-ia-pose-la-question-de-l-identite/index.md

@@ -1,6 +1,8 @@
 ---
 date: "2022-12-24"
 title: L'IA pose la question de l'identité
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 9.7
   humidity: 89

content/interets/informatique/2023/07/22/a-propos-de-web-environment-integrity/index.md

@@ -1,6 +1,8 @@
 ---
 date: '2023-07-23'
 title: À propos de Web Environment Integrity
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 22.8
   humidity: 49

content/interets/informatique/2023/07/28/la-confiance-sur-internet/index.md

@@ -1,6 +1,8 @@
 ---
 date: "2023-07-28"
 title: La confiance sur Internet
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 20.7
   humidity: 70

content/interets/informatique/2023/12/31/retrospective-2023/index.md

@@ -1,6 +1,8 @@
 ---
 date: '2023-12-31'
 title: Rétrospective 2023
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 8.2
   humidity: 86

content/interets/informatique/2024/02/19/j-ai-discute-avec-chatgpt/index.md

@@ -1,6 +1,8 @@
 ---
 date: "2024-02-20"
 title: J'ai discuté avec ChatGPT
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 6.4
   humidity: 90

content/interets/philosophie/2023/05/18/lhumain-cette-espece-primitive-introduction/index.md

@@ -3,6 +3,8 @@ date: "2023-05-18"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Introduction
 weight: 2
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 14
   humidity: 53

content/interets/philosophie/2023/05/18/lhumain-cette-espece-primitive-lhumain-cette-espece-primitive/index.md

@@ -3,6 +3,8 @@ date: "2023-05-18"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: L'Humain, cette espèce primitive
 weight: 1
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 14
   humidity: 53

content/interets/philosophie/2023/05/25/lhumain-cette-espece-primitive-dans-larbre-du-vivant/index.md

@@ -3,6 +3,8 @@ date: "2023-05-25"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Dans l'Arbre du Vivant
 weight: 4
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 18
   humidity: 56

content/interets/philosophie/2023/05/25/lhumain-cette-espece-primitive-la-place-de-lhomme/index.md

@@ -3,6 +3,8 @@ date: "2023-05-25"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: La place de l'Homme
 weight: 3
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 18
   humidity: 56

content/interets/philosophie/2023/06/01/lhumain-cette-espece-primitive-dans-lhistoire/index.md

@@ -5,6 +5,8 @@ title: Dans l'Histoire
 weight: 5
 personnalites:
   - Donald Johanson
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 24.4
   humidity: 35

content/interets/philosophie/2023/06/08/lhumain-cette-espece-primitive-les-philosophes-antiques/index.md

@@ -3,6 +3,8 @@ date: "2023-06-08"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Les philosophes antiques
 weight: 7
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 23.9
   humidity: 44

content/interets/philosophie/2023/06/08/lhumain-cette-espece-primitive-un-primitivisme-historique/index.md

@@ -3,6 +3,8 @@ date: "2023-06-08"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Un primitivisme historique
 weight: 6
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 23.9
   humidity: 44

content/interets/philosophie/2023/06/15/lhumain-cette-espece-primitive-la-censure-des-sciences/index.md

@@ -3,6 +3,8 @@ date: "2023-06-15"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: La censure des sciences
 weight: 8
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 24.2
   humidity: 34

content/interets/philosophie/2023/06/22/lhumain-cette-espece-primitive-emancipation-ou-asservissement/index.md

@@ -3,6 +3,8 @@ date: "2023-06-22"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Émancipation ou asservissement ?
 weight: 9
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 25.6
   humidity: 63

content/interets/philosophie/2023/06/29/lhumain-cette-espece-primitive-une-bulle-cognitive-limitante/index.md

@@ -3,6 +3,8 @@ date: "2023-06-29"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Une bulle cognitive limitante
 weight: 10
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 26.3
   humidity: 38

content/interets/philosophie/2023/07/06/lhumain-cette-espece-primitive-des-communications-limitees/index.md

@@ -3,6 +3,8 @@ date: "2023-07-06"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Des communications limitées
 weight: 11
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 21.2
   humidity: 41

content/interets/philosophie/2023/07/06/lhumain-cette-espece-primitive-les-limites-de-notre-perception/index.md

@@ -5,6 +5,8 @@ title: Les limites de notre perception
 weight: 12
 personnalites:
   - Donald R. Griffin
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 21.2
   humidity: 41

content/interets/philosophie/2023/07/13/lhumain-cette-espece-primitive-lecriture/index.md

@@ -3,6 +3,8 @@ date: "2023-07-13"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: L'écriture
 weight: 13
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 22.2
   humidity: 40

content/interets/philosophie/2023/07/20/lhumain-cette-espece-primitive-le-langage-parle/index.md

@@ -3,6 +3,8 @@ date: "2023-07-20"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Le langage parlé
 weight: 14
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 22.4
   humidity: 38

content/interets/philosophie/2023/07/27/lhumain-cette-espece-primitive-autres-formes-de-communication/index.md

@@ -3,6 +3,8 @@ date: "2023-07-27"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Autres formes de communication
 weight: 15
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 20.3
   humidity: 63

content/interets/philosophie/2023/08/05/lhumain-cette-espece-primitive-la-technologie-a-la-rescousse/index.md

@@ -3,6 +3,8 @@ date: "2023-08-05"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: La technologie à la rescousse
 weight: 16
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 19.1
   humidity: 61

content/interets/philosophie/2023/08/10/lhumain-cette-espece-primitive-la-genetique-sociale/index.md

@@ -3,6 +3,8 @@ date: "2023-08-10"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: La génétique sociale
 weight: 18
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 21.9
   humidity: 52

content/interets/philosophie/2023/08/10/lhumain-cette-espece-primitive-un-primitivisme-social/index.md

@@ -3,6 +3,8 @@ date: "2023-08-10"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Un primitivisme social
 weight: 17
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 21.9
   humidity: 52

content/interets/philosophie/2023/08/17/lhumain-cette-espece-primitive-la-surpopulation/index.md

@@ -3,6 +3,8 @@ date: "2023-08-17"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: La surpopulation
 weight: 19
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 25.1
   humidity: 70

content/interets/philosophie/2023/08/24/lhumain-cette-espece-primitive-du-mauvais-usage-de-la-technologie/index.md

@@ -3,6 +3,8 @@ date: "2023-08-24"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Du mauvais usage de la technologie
 weight: 20
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 28.8
   humidity: 56

content/interets/philosophie/2023/09/02/lhumain-cette-espece-primitive-vers-une-societe-astronomique/index.md

@@ -3,6 +3,8 @@ date: "2023-09-02"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Vers une société astronomique
 weight: 21
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 24.2
   humidity: 65

content/interets/philosophie/2023/09/07/lhumain-cette-espece-primitive-conclusion/index.md

@@ -3,6 +3,8 @@ date: "2023-09-07"
 dossier: [ "L'Humain, cette espèce primitive" ]
 title: Conclusion
 weight: 22
+oeuvres:
+  - "L'Humain, cette espèce primitive"
 weather:
   temperature: 25.1
   humidity: 54

themes/42/assets/css/aside.css

@@ -18,4 +18,77 @@ aside {
             margin: var(--margin-half);
         }
     }
+}
+
+.oeuvre-panel {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    gap: var(--gap-oeuvre-panel);
+}
+
+.oeuvre-panel__image {
+    margin: 0;
+    flex: 0 0 var(--width-oeuvre-cover);
+}
+
+.oeuvre-panel__image img {
+    display: block;
+    width: 100%;
+    height: auto;
+}
+
+.oeuvre-panel__content {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap-oeuvre-panel);
+}
+
+.oeuvre-panel h2 {
+    margin: 0;
+    font-size: var(--font-size-card-title);
+    color: var(--color-oeuvre-heading);
+}
+
+.oeuvre-panel p {
+    margin: 0;
+    color: var(--color-oeuvre-text);
+}
+
+.oeuvre-panel p+p {
+    margin-top: var(--gap-third);
+}
+
+.oeuvre-panel p:last-of-type {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--gap-third);
+}
+
+.oeuvre-panel p:last-of-type a {
+    display: inline-block;
+    padding: 0.35rem 0.9rem;
+    font-size: 0.95em;
+    text-decoration: none;
+    background: var(--color-oeuvre-link-primary-bg);
+    color: var(--color-oeuvre-link-primary-text);
+    border: 1px solid var(--color-oeuvre-link-primary-border);
+}
+
+.oeuvre-panel p:last-of-type a:hover,
+.oeuvre-panel p:last-of-type a:focus-visible {
+    color: var(--color-oeuvre-link-primary-text);
+    text-decoration: underline;
+}
+
+@media (max-width: 768px) {
+    .oeuvre-panel {
+        flex-direction: column;
+        align-items: stretch;
+    }
+
+    .oeuvre-panel__image {
+        max-width: 220px;
+    }
 }

themes/42/assets/css/variables/structure.css

@@ -49,4 +49,7 @@
     --weather-metric-padding: var(--padding-half);
     --weather-badge-padding: 0.35rem 0.6rem;
     --weather-sources-margin: var(--gap-half);
+
+    --width-oeuvre-cover: 140px;
+    --gap-oeuvre-panel: var(--gap-half);
 }

themes/42/layouts/_partials/oeuvres/l-anankeisme.html

@@ -1,17 +1,33 @@
 {{/* Bloc de présentation pour l'ouvrage "L'Anankéisme" */}}
 <aside>
-  <div class="panel">
-    <h2>L'Anankéisme</h2>
-    <p>
-      <em>L'Anankéisme – Essai philosophique sur le déterminisme intégral</em> propose
-      un cadre axiomatique en dix propositions pour penser un déterminisme absolu,
-      une vérité indépendante de toute cognition et une définition rigoureuse du vivant,
-      de l'intelligence, de la morale et de l'éthique.
-    </p>
-    <p>
-      <a href="https://doi.org/10.5281/zenodo.15313161">Télécharger la version numérique</a><br>
-      <a href="https://anankeisme.fr/">Découvrir le site dédié à l'Anankéisme</a>
-    </p>
+  <div class="panel oeuvre-panel">
+    <div class="oeuvre-panel__image">
+      {{- $assetPath := "images/oeuvres/l-anankeisme.png" -}}
+      {{- with resources.Get $assetPath -}}
+      {{- $img := .Resize "320x" -}}
+      <img src='{{ $img.RelPermalink }}' width="{{ $img.Width }}" height="{{ $img.Height }}"
+        alt="Couverture de L'Anankéisme – Essai philosophique sur le déterminisme intégral" loading="lazy">
+      {{- else -}}
+      <img src='{{ "/images/oeuvres/l-anankeisme.png" | relURL }}'
+        alt="Couverture de L'Anankéisme – Essai philosophique sur le déterminisme intégral" loading="lazy">
+      {{- end }}
+    </div>
+    <div class="oeuvre-panel__content">
+      <h2>L'Anankéisme</h2>
+      <p>
+        <em>L'Anankéisme – Essai philosophique sur le déterminisme intégral</em> propose
+        un cadre axiomatique en dix propositions pour penser un déterminisme absolu,
+        une vérité indépendante de toute cognition et une définition rigoureuse du vivant,
+        de l'intelligence, de la morale et de l'éthique.
+      </p>
+      <p>
+        <a href="https://anankeisme.fr/">
+          Découvrir le site dédié à l'Anankéisme
+        </a>
+        <a href="https://librairie.bod.fr/lanankeisme-richard-dern-9782322634903">
+          Acheter le livre
+        </a>
+      </p>
+    </div>
   </div>
-</aside>
-
+</aside>

themes/42/layouts/_partials/oeuvres/l-humain-cette-espece-primitive.html

@@ -1,20 +1,32 @@
 {{/* Bloc de présentation pour l'ouvrage "L'Humain, cette espèce primitive" */}}
 <aside>
-  <div class="panel">
-    <h2>L'Humain, cette espèce primitive</h2>
-    <p>
-      <em>L'Humain, cette espèce primitive</em> est un essai dans lequel vous explorez
-      différentes facettes de ce que l'on perçoit comme notre évolution, en adoptant
-      la perspective de l'exploration spatiale et de ce que nous risquons d'y découvrir.
-    </p>
-    <p>
-      <a href="/interets/philosophie/2023/05/18/lhumain-cette-espece-primitive-lhumain-cette-espece-primitive/">
-        Lire le livre en ligne sur le blog
-      </a><br>
-      <a href="https://www.amazon.fr/dp/B08VF4D2NT">
-        Acheter la version numérique ou papier sur Amazon
-      </a>
-    </p>
+  <div class="panel oeuvre-panel">
+    <div class="oeuvre-panel__image">
+      {{- $assetPath := "images/oeuvres/l-humain-cette-espece-primitive.jpeg" -}}
+      {{- with resources.Get $assetPath -}}
+      {{- $img := .Resize "320x" -}}
+      <img src='{{ $img.RelPermalink }}' width="{{ $img.Width }}" height="{{ $img.Height }}"
+        alt="Couverture de L'Humain, cette espèce primitive" loading="lazy">
+      {{- else -}}
+      <img src='{{ "/images/oeuvres/l-humain-cette-espece-primitive.jpeg" | relURL }}'
+        alt="Couverture de L'Humain, cette espèce primitive" loading="lazy">
+      {{- end }}
+    </div>
+    <div class="oeuvre-panel__content">
+      <h2>L'Humain, cette espèce primitive</h2>
+      <p>
+        <em>L'Humain, cette espèce primitive</em> est un essai dans lequel vous explorez
+        différentes facettes de ce que l'on perçoit comme notre évolution, en adoptant
+        la perspective de l'exploration spatiale et de ce que nous risquons d'y découvrir.
+      </p>
+      <p>
+        <a href="https://www.amazon.fr/dp/B08VF4D2NT">
+          Acheter la version numérique
+        </a>
+        <a href="/interets/philosophie/2023/05/18/lhumain-cette-espece-primitive-lhumain-cette-espece-primitive/">
+          Lire le livre en ligne
+        </a>
+      </p>
+    </div>
   </div>
-</aside>
-
+</aside>

themes/42/layouts/page.html

@@ -34,10 +34,10 @@
     </aside>
     {{- end }}
 
-    {{- partial "asides/keywords.html" . }}
-
     {{ partial "oeuvres.html" . }}
 
+    {{- partial "asides/keywords.html" . }}
+
     {{ if .Params.weather }}
     <aside>
       {{- partial "render/weather.html" . -}}

themes/default/assets/css/variables/aesthetics.css

@@ -105,4 +105,12 @@
     --weather-metric-bg: rgba(255, 255, 255, 0.03);
     --weather-metric-border: 1px solid var(--gray-800);
     --weather-icon-shadow: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.4));
+
+    /* Oeuvres (blocs de livres) */
+    --color-oeuvre-heading: var(--gray-0);
+    --color-oeuvre-text: var(--color-text);
+    --color-oeuvre-link-primary-bg: var(--green-700);
+    --color-oeuvre-link-primary-text: var(--gray-0);
+    --color-oeuvre-link-primary-border: var(--green-500);
+    --color-oeuvre-link-secondary-text: var(--color-link);
 }