feat: add mobile burger menu, SEO meta tags, and various fixes

- Add burger menu with open/close animation and scroll lock
- Add nav-logo element for mobile header
- Hide nav links on mobile, reveal in fullscreen overlay
- Add title, meta description, Open Graph and Twitter Card tags
- Add canonical URL
- Various SCSS adjustments (hero line-height, excerpt font-weight)
- Fix asset paths

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-02-23 18:19:28 +01:00
parent f62ba6fbd7
commit f7f3d0f0b5
17 changed files with 329 additions and 41 deletions

View file

@ -3,13 +3,58 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<!-- SEO -->
<title>Le Courage du Réel — Frédéric Denjoy</title>
<meta
name="description"
content="Le Courage du Réel propose une ontologie du passage. Le réel n'est pas ce qui est, mais ce qui se traverse. Un livre de Frédéric Denjoy, aux Éditions Reconnaissance."
/>
<meta name="author" content="Frédéric Denjoy" />
<link rel="canonical" href="https://lecouragedureel.com/" />
<!-- Open Graph -->
<meta property="og:type" content="book" />
<meta property="og:title" content="Le Courage du Réel — Frédéric Denjoy" />
<meta
property="og:description"
content="Le réel n'est pas ce qui est, mais ce qui se traverse. Une ontologie du passage. Ni développement personnel, ni traité académique."
/>
<meta property="og:url" content="https://lecouragedureel.com/" />
<meta
property="og:image"
content="https://lecouragedureel.com/assets/images/le-courage-du-reel-cover.jpg"
/>
<meta property="og:locale" content="fr_FR" />
<meta property="og:site_name" content="Le Courage du Réel" />
<meta property="book:author" content="Frédéric Denjoy" />
<meta property="book:isbn" content="978-2-487595-32-3" />
<meta property="book:release_date" content="2026" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Le Courage du Réel — Frédéric Denjoy" />
<meta
name="twitter:description"
content="Le réel n'est pas ce qui est, mais ce qui se traverse. Une ontologie du passage."
/>
<meta
name="twitter:image"
content="https://lecouragedureel.com/assets/images/le-courage-du-reel-cover.jpg"
/>
<!-- Styles -->
<link rel="stylesheet" href="/assets/css/style.css" />
<link rel="stylesheet" href="https://use.typekit.net/tnd1ymt.css" />
</head>
<body>
<header class="blue-container">
<nav>
<span class="nav-logo">Le courage du Réel</span>
<button class="burger" aria-label="Menu">
<span></span>
<span></span>
</button>
<ul>
<li>
<a href="#hero">Le Courage du Réel</a>
@ -88,7 +133,7 @@
<p>
Le mal n'est pas moral : il est structurel. La vérité, l'amour,
l'intelligence, le pouvoir ne sont pas ce que tu crois — et toi
non plus. De Platon à Lacan, ce livre met à nu ce qui ne
non plus. De Platon à Derrida, ce livre met à nu ce qui ne
fonctionne plus. Voici venu le temps de construire.
</p>
</div>
@ -409,7 +454,7 @@
href="https://www.amazon.fr/COURAGE-DU-R%C3%89EL-Denjoy-Frederic/dp/B0GGYQN2FR"
target="_blank"
class="blue-button"
>Acheter - FNAC</a
>Acheter - Amazon</a
>
</li>
<li>
@ -417,7 +462,7 @@
href="https://editions-reconnaissance.fr/livre/le-courage-du-reel/"
target="_blank"
class="blue-button"
>Acheter - FNAC</a
>Précommander le livre</a
>
</li>
</ul>