Ajout page À propos et correction googleapis

public/route.php

@@ -136,6 +136,10 @@ switch ($action) {
         include BASE_PATH . '/templates/post_form.php';
         break;
 
+    case 'about':
+        include BASE_PATH . '/templates/about.php';
+        break;
+
     case 'legal':
         include BASE_PATH . '/templates/legal.php';
         break;

templates/about.php

@@ -0,0 +1,105 @@
+<?php
+ob_start();
+?>
+
+<div class="posts-list">
+    <h1 class="mb-1">À propos</h1>
+    <p class="text-muted mb-4">Qui se cache derrière varlog ?</p>
+
+    <div class="card mb-4">
+        <div class="card-body">
+            <p>
+                Je m'appelle <strong>Cédric</strong>. Passionné d'informatique depuis longtemps,
+                je gère un <strong>HomeLab</strong> à la maison — un petit laboratoire personnel
+                où je fais tourner des serveurs, expérimente des configs réseau et casse des choses
+                pour mieux les comprendre.
+            </p>
+            <p>
+                varlog est mon carnet de bord technique. J'y documente ce que je fais,
+                ce que j'apprends, et parfois ce qui tourne mal — les incidents sont souvent
+                les meilleures leçons.
+            </p>
+            <p class="mb-0">
+                Le blog a été lancé publiquement aux <strong>JDLL 2025</strong>
+                (Journées Du Logiciel Libre), à Lyon.
+            </p>
+        </div>
+    </div>
+
+    <h2 class="h5 mb-3">Ce dont je parle ici</h2>
+
+    <div class="card mb-3">
+        <div class="card-body">
+            <h3 class="h6 mb-2">HomeLab &amp; infrastructure</h3>
+            <p class="mb-0 text-muted" style="font-size:0.93rem">
+                Proxmox, virtualisation, domotique (Zigbee, MQTT, Home Assistant),
+                supervision avec Uptime Kuma, auto-hébergement de services (Gitea, Keycloak…),
+                incidents réseau et leurs post-mortems.
+            </p>
+        </div>
+    </div>
+
+    <div class="card mb-3">
+        <div class="card-body">
+            <h3 class="h6 mb-2">Réseaux &amp; télécom</h3>
+            <p class="mb-0 text-muted" style="font-size:0.93rem">
+                Passionné par les réseaux mobiles (3G/4G/5G/6G), la fibre optique (50G-PON),
+                les stratégies des opérateurs et les infrastructures qui font fonctionner tout ça
+                sans qu'on y pense.
+            </p>
+        </div>
+    </div>
+
+    <div class="card mb-3">
+        <div class="card-body">
+            <h3 class="h6 mb-2">Linux &amp; développement</h3>
+            <p class="mb-0 text-muted" style="font-size:0.93rem">
+                Debian au quotidien, scripts, administration système, et un peu de PHP —
+                dont ce blog lui-même, développé maison sous le nom de code <em>Folio</em>.
+            </p>
+        </div>
+    </div>
+
+    <div class="card mb-3">
+        <div class="card-body">
+            <h3 class="h6 mb-2">Numérique &amp; société</h3>
+            <p class="mb-0 text-muted" style="font-size:0.93rem">
+                Souveraineté numérique, données personnelles, IA et plateformes qui monétisent
+                nos contenus — des sujets qui m'intéressent autant qu'ils m'inquiètent.
+            </p>
+        </div>
+    </div>
+
+    <div class="card mb-4">
+        <div class="card-body">
+            <h3 class="h6 mb-2">Le reste</h3>
+            <p class="mb-0 text-muted" style="font-size:0.93rem">
+                Bricolage, travaux, anecdotes techniques, lectures, liseuses Kobo,
+                et quelques billets qui n'entrent dans aucune case.
+                La vie ne se range pas en catégories.
+            </p>
+        </div>
+    </div>
+
+    <h2 class="h5 mb-3">Contact</h2>
+    <div class="card mb-4">
+        <div class="card-body">
+            <p class="mb-0">
+                Vous pouvez me joindre via le <a href="route.php?action=contact">formulaire de contact</a>.
+                Je lis tous les messages, même si je ne réponds pas toujours vite.
+            </p>
+        </div>
+    </div>
+
+    <p class="text-muted" style="font-size:0.82rem">
+        Le contenu de ce blog est publié sous licence
+        <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener">CC BY 4.0</a>
+        sauf mention contraire. Le moteur <em>Folio</em> est distribué sous
+        <a href="/LICENSE">licence MIT</a>.
+    </p>
+</div>
+
+<?php
+$content = ob_get_clean();
+$title   = 'À propos — varlog';
+include __DIR__ . '/layout.php';