style: refonte visuelle — CSS custom Inter, navbar claire, cards modernes, assets js

2026-05-08 13:39:49 +02:00
parent 7bf05b05dd
commit 6ba1c18764
6 changed files with 445 additions and 28 deletions
@@ -20,15 +20,19 @@
    <!-- Favicon (si dispo) -->
    <link rel="icon" href="/assets/favicon.ico" type="image/x-icon">

+    <!-- Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+
    <!-- CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/style.css">
 </head>

-<body class="bg-light text-dark">
+<body>

 <header>
-    <nav class="navbar navbar-expand-lg navbar-dark bg-dark mb-4" role="navigation" aria-label="Navigation principale">
+    <nav class="navbar navbar-expand-lg navbar-light mb-0" role="navigation" aria-label="Navigation principale">
        <div class="container-fluid">
            <a class="navbar-brand" href="route.php">📝 varlog</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Basculer la navigation">
@@ -51,8 +55,9 @@
    &copy; <?= date('Y') ?> — <strong>varlog</strong> est un journal personnel développé par Cédrix
 </footer>

-<!-- JS Bootstrap (optionnel) -->
+<!-- JS -->
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+<script src="assets/js/app.js"></script>

 </body>
 </html>
@@ -11,7 +11,7 @@ ob_start();
    <div class="card-body">
        <h2 class="card-title"><?= htmlspecialchars($post['title']) ?></h2>

-        <div class="card-text">
+        <div class="card-text post-content">
            <?= $Parsedown->text($post['content']) ?>
        </div>