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:
parent
f62ba6fbd7
commit
f7f3d0f0b5
17 changed files with 329 additions and 41 deletions
53
index.html
53
index.html
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue