Nouvelle version avec commentaires

.gitignore

@@ -2,3 +2,4 @@ public/
 resources/
 archetypes/
 .hugo_build.lock
+*.old

content/posts/lancement_du_blog.md

@@ -3,6 +3,7 @@ date = '2025-06-17'
 draft = false
 title = 'Lancement du blog, FabNum'
 summary = "FabNum est une application que j'ai conçue pour identifier et analyser les vulnérabilités de la chaîne de fabrication du numérique. Vous êtes sur le blog qui présentera l'application et les vulnérabilités."
+description = "FabNum est une application que j'ai conçue pour identifier et analyser les vulnérabilités de la chaîne de fabrication du numérique. Vous êtes sur le blog qui présentera l'application et les vulnérabilités."
 tags = ["fabnum","risques"]
 categories = ["posts"]
 +++
@@ -13,7 +14,7 @@ La chaîne de fabrication du numérique, qui s'étend de l'extraction des matiè
 
 Pourtant, cette chaîne reste insuffisamment étudiée dans son entièreté. De nombreuses analyses existantes portant sur la « criticité » des minerais ne vont pas au-delà d'une approche macroéconomique, souvent focalisée sur la seule rareté d'un métal ou sur le degré de concentration de sa production.
 
-![Figure 1. Impacts et rétroactions sur la chaîne de fabrication](/posts/images/lancement_du_blog/Impacts_et_retroactions.png)
+![Figure 1. Impacts et rétroactions sur la chaîne de fabrication](/posts/images/lancement_du_blog/Impacts_et_retroactions.webp)
 
 Or, dans le contexte actuel de « polycrise globale », marqué par des tensions géopolitiques, des aléas climatiques et une croissance rapide de la demande hors numérique (transition énergétique, défense, etc.), voir schéma ci-dessus, ces approches généralistes révèlent leurs limites.
 

content/posts/premier_cas_d_usage.md

@@ -3,6 +3,7 @@ date = '2025-06-18T07:50:15+02:00'
 draft = false
 title = 'Minerais critiques en rupture'
 summary = 'Pékin décide de restreindre les exportations de certains minerais critiques. Quelles sont les conséquences ?'
+description = 'Pékin décide de restreindre les exportations de certains minerais critiques. Quelles sont les conséquences ?'
 tags = ['fabnum','dysprosium','terbium','samarium','scandium','gadolinium','yttrium']
 categories = ['posts','minerais critiques']
 +++
@@ -51,11 +52,11 @@ Reprenons le cas d'usage précédent et considérons une entreprise (banque en l
 
 Il suffit d'introduire le scénario dans la zone de sélection :
 
-![Figure 1. Filtre du  scénario](/posts/images/premier_cas_d_usage/Filtre_du_scenario.png)
+![Figure 1. Filtre du  scénario](/posts/images/premier_cas_d_usage/Filtre_du_scenario.webp)
 
 Et on obtient le graphe suivant :
 
-![Figure 2. Graphe du  scénario](/posts/images/premier_cas_d_usage/Graphe_du_scenario.png)
+![Figure 2. Graphe du  scénario](/posts/images/premier_cas_d_usage/Graphe_du_scenario.webp)
 
 L'analyse du graphe nous donne les informations suivantes :
 
@@ -74,17 +75,17 @@ Vous souhaitez aller plus loin dans l'analyse, ou vous n'êtes pas encore au poi
 
 La sélection pour introduire le scénario est plus simple et directe :
 
-![Figure 3. Filtre du  plan d'action](/posts/images/premier_cas_d_usage/Filtre_du_plan_d_action.png)
+![Figure 3. Filtre du  plan d'action](/posts/images/premier_cas_d_usage/Filtre_du_plan_d_action.webp)
 
 Le résultat se présente alors en plusieurs sections :
 
-![Figure 4. Plan d'action - section 1](/posts/images/premier_cas_d_usage/Plan_d_action_section_1.png)
+![Figure 4. Plan d'action - section 1](/posts/images/premier_cas_d_usage/Plan_d_action_section_1.webp)
 
 En haut à droite se trouve la zone de sélection avec sur sa droite la liste du top 5 étendu des chemins critiques qui permettent aussi de faire des sélections rapides.
 
 En dessous, se trouve les synthèses des criticités. Pour bien comprendre ces graphes, je vous invite à lire les instructions avec la description des indices.
 
-![Figure 5. Plan d'action - vue d'ensemble des criticités](/posts/images/premier_cas_d_usage/Vue_d_ensemble_des_criticites.png)
+![Figure 5. Plan d'action - vue d'ensemble des criticités](/posts/images/premier_cas_d_usage/Vue_d_ensemble_des_criticites.webp)
 
 **Comment interpréter ces graphes**
 
@@ -96,7 +97,7 @@ La section qui suit est celle qui va permettre d'anticiper les risques et elle p
 
 > En fonction de l'activité de l'entreprise, elle les mettra en œuvre ou demandera à ses fournisseurs de le faire. La figure donne l'exemple de l'opération d'assemblage du smartphone.
 
-![Figure 6. Plan d'action - actions et indicateurs](/posts/images/premier_cas_d_usage/Actions_et_indicateurs.png)
+![Figure 6. Plan d'action - actions et indicateurs](/posts/images/premier_cas_d_usage/Actions_et_indicateurs.webp)
 
 Et finalement, si vous souhaitez avoir encore plus détails, vous pouvez lire le détail des opérations en bas de page.
 

hugo.toml

@@ -1,4 +1,4 @@
-baseURL = 'http://localhost:1313/'
+baseURL = 'https://fabnum-blog.peccini.fr/'
 defaultContentLanguage = "fr"
 languageCode = "fr-fr"
 title = 'FabNum, le blog'
@@ -18,6 +18,7 @@ authorbox = true
 comments = true                                                                   # Enable comments for all site pages
 related = true                                                                    # Enable Related content for single pages
 relatedMax = 5
+customCSS = ["css/custom.css"]
 [Params.Entry]
 meta = ["date", "tags", "categories", "readingtime"]
 toc = true                                           # Enable Table of Contents
@@ -37,6 +38,13 @@ themeColor = "#1b1b1b"
 description = "FabNum, le blog des vulnérabilités de la fabrication du numérique"
 orientation = "portrait"
 scope = "/"
+[Params.Author] # Used in authorbox
+name = "Stéphan Peccini"
+bio = "Indépendant, conseil autour des risques induit par le numérique, formation et accompagnement autour de la conception plus responsable de service numérique."
+avatar = "/images/avatars/spc.jpg"
+[Params.Breadcrumb]
+enable = true        # Enable breadcrumb block globally
+homeText = "Accueil" # Home node text
 
 
 [[menu.main]]

static/css/custom.css

@@ -0,0 +1,5 @@
+article img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}

themes/binario/layouts/_default/baseof.html

@@ -53,6 +53,7 @@
 		<div class="page block">
 			{{ with .Title }}<h1 class="page__title">{{ . }}</h1>{{ end }}
 			{{ with .Content }}<div class="page__content{{ if not $.Title }} page__content--notitle{{ end }}">{{ . }}</div>{{ end }}
+			{{ partial "comments.html" . }}
 		</div>
 		{{ end }}
 	{{ end }}

themes/binario/layouts/partials/authorbox.html

@@ -1,21 +1,23 @@
 {{- if .Param "authorbox" }}
 <div class="authorbox block">
-	<div class="author">
+  <div class="author">
-		{{- with .Site.Author.avatar }}
+    {{- with .Site.Params.Author.avatar }}
-		<figure class="author__avatar">
+    <figure class="author__avatar">
-			<img class="author__img" alt="{{ $.Site.Author.name }} avatar" src="{{ $.Site.Author.avatar | relURL }}" height="90" width="90">
+      <img
-		</figure>
+        class="author__img"
-		{{- end }}
+        alt="{{ $.Site.Params.Author.name }} avatar"
-		<div class="author__body">
+        src="{{ $.Site.Params.Author.avatar | relURL }}"
-			<div class="author__name">
+        height="90"
-				{{ .Site.Author.name }}
+        width="90"
-			</div>
+      />
-			{{- with .Site.Author.bio }}
+    </figure>
-			<div class="author__bio">
+    {{- end }}
-				{{- . -}}
+    <div class="author__body">
-			</div>
+      <div class="author__name">{{ .Site.Params.Author.name }}</div>
-			{{- end }}
+      {{- with .Site.Params.Author.bio }}
-		</div>
+      <div class="author__bio">{{- . -}}</div>
-	</div>
+      {{- end }}
+    </div>
+  </div>
 </div>
 {{- end }}

themes/binario/layouts/partials/comments.html

@@ -1,11 +1,2 @@
-{{- $server := "" }}
+<section id="isso-thread"></section>
-{{- if ge (int (index (split hugo.Version ".") 1)) "120" }}
+<script data-isso="/isso/" src="/isso/js/embed.min.js"></script>
-	{{- $server = hugo.IsServer }}
-{{- else }}
-	{{- $server = .Site.IsServer }}
-{{- end }}
-{{- if and (.Site.Config.Services.Disqus.Shortname) (.Param "comments") (not $server) }}
-<section class="comments block">
-	{{ template "_internal/disqus.html" . }}
-</section>
-{{- end }}