53183a2445
- Link all navigation items to their corresponding sections - Add smooth scroll behavior on html element - Add scroll-margin-top on sections to compensate for fixed header - Add id="presse" to footer for press navigation link Navigation mapping: - Le Courage du Réel → #hero - Extraits → #excerpts - Les poignées → #handles - Le système → #system - L'auteur → #author - Précommander → #buy - Presse → #presse (footer) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
477 lines
16 KiB
HTML
477 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Document</title>
|
||
<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>
|
||
<ul>
|
||
<li>
|
||
<a href="#hero">Le Courage du Réel</a>
|
||
</li>
|
||
<li>
|
||
<a href="#excerpts">Extraits</a>
|
||
</li>
|
||
<li>
|
||
<a href="#handles">Les poignées</a>
|
||
</li>
|
||
<li>
|
||
<a href="#system">Le système</a>
|
||
</li>
|
||
<li>
|
||
<a href="#author">L'auteur</a>
|
||
</li>
|
||
<li>
|
||
<a href="#buy">Précommander</a>
|
||
</li>
|
||
<li>
|
||
<a href="#presse">Presse</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<section id="hero" class="white-container">
|
||
<p class="author-name">Frédéric Denjoy</p>
|
||
<h1 class="title">
|
||
Le courage<br />
|
||
du réel
|
||
</h1>
|
||
<h2 class="subtitle">Changer sans tomber,<br />tenir sans croire</h2>
|
||
<a
|
||
id="preorder-button"
|
||
class="blue-button"
|
||
href="https://editions-reconnaissance.fr/livre/le-courage-du-reel/"
|
||
target="_blank"
|
||
>Précommander le livre</a
|
||
>
|
||
</section>
|
||
|
||
<section id="quote-full" class="blue-container">
|
||
<blockquote>
|
||
<p>
|
||
“Le vrai n'est pas démontrable.<br />
|
||
Il est habitable.”
|
||
</p>
|
||
</blockquote>
|
||
<p>
|
||
<cite>— Le Courage du Réel</cite>
|
||
</p>
|
||
</section>
|
||
|
||
<section id="the-book">
|
||
<div class="summary-wrapper">
|
||
<div class="title-wrapper">
|
||
<h3 class="title">Pour ceux qui ne sont plus si sûrs</h3>
|
||
<p>Le livre</p>
|
||
</div>
|
||
<div class="text">
|
||
<p>
|
||
Tout sonne creux, comme si le monde se fermait. Une sensation
|
||
d'absurde. Des mots, encore des mots— ils glissent. Ce livre
|
||
commence là : quand ça ne tient plus.
|
||
</p>
|
||
<p>
|
||
Ce n'est ni un développement personnel, ni un traité académique.
|
||
</p>
|
||
<p>
|
||
Le Courage du Réel propose une ontologie du passage. Le réel n'est
|
||
pas ce qui est, mais ce qui se traverse — localement — dans un
|
||
geste vivant, face à un inconnu.
|
||
</p>
|
||
<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
|
||
fonctionne plus. Voici venu le temps de construire.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="data-wrapper">
|
||
<div class="data">
|
||
<p class="label">Éditeur</p>
|
||
<p class="value">Reconnaissance</p>
|
||
</div>
|
||
<div class="data">
|
||
<p class="label">Pages</p>
|
||
<p class="value">220</p>
|
||
</div>
|
||
<div class="data">
|
||
<p class="label">Parution</p>
|
||
<p class="value">2026</p>
|
||
</div>
|
||
<div class="data">
|
||
<p class="label">ISBN</p>
|
||
<p class="value">978-2-487595-32-3</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="claim-wrapper">
|
||
<img
|
||
src="/assets/images/le-courage-du-reel-mine.jpg"
|
||
alt="Illustration montrant un mineur portant un casque éclairant"
|
||
/>
|
||
<div class="text">
|
||
<p class="big">
|
||
Pourquoi beaucoup de gens brillants ratent leur vie sans
|
||
comprendre pourquoi.
|
||
</p>
|
||
<p class="small">
|
||
Rater sa vie, ce n'est pas échouer. C'est continuer à tenir
|
||
quelque chose qui te vide — en sachant que ça te vide.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="excerpts" class="blue-container">
|
||
<header>
|
||
<h2 class="label">Extraits</h2>
|
||
<h3 class="title">
|
||
Le réel traversé appelle un mot pour ne pas mourir
|
||
</h3>
|
||
</header>
|
||
<div class="swiper excerpts-swiper">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="item">
|
||
<p class="label">Prologue</p>
|
||
<p class="text">
|
||
Le réel est un seuil.<br />
|
||
On entre, ou pas.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="item">
|
||
<p class="label">La peur</p>
|
||
<p class="text">
|
||
Le réel est là, à portée de main. La peur est son odeur.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="item">
|
||
<p class="label">L'apprentissage</p>
|
||
<p class="text">
|
||
On ne devient pas Einstein en le lisant, ni Picasso en le
|
||
regardant.<br />
|
||
<br />
|
||
Ça sauve presque.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="item">
|
||
<p class="label">Le temps</p>
|
||
<p class="text">
|
||
Les dernières secondes<br />
|
||
ne sont pas du rebut.<br />
|
||
<br />
|
||
Elles ramassent tout.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="item">
|
||
<p class="label">La dépression</p>
|
||
<p class="text">
|
||
La dépression est un effondrement de la traversabilité.<br />
|
||
<br />
|
||
C'est une plante qui ne meurt pas sur n'importe quel sol.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="item">
|
||
<p class="label">Le tissu du monde</p>
|
||
<p class="text">
|
||
Un seul amour,<br />
|
||
pleinement porté,<br />
|
||
suffit à ce que la<br />
|
||
totalité ne chute pas.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Navigation arrows -->
|
||
<div class="swiper-button-prev"></div>
|
||
<div class="swiper-button-next"></div>
|
||
|
||
<!-- Pagination bullets -->
|
||
<div class="swiper-pagination"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="handles">
|
||
<header>
|
||
<div class="title-wrapper">
|
||
<h2 class="index">Chapitre III</h2>
|
||
<h3 class="title">Les 7 poignées du réel</h3>
|
||
</div>
|
||
<p class="subtitle">Se défendre quand on ne peut plus fuir</p>
|
||
</header>
|
||
<div class="path">
|
||
<div class="step">
|
||
<h4>Le Bien ouvre, le Mal bloque</h4>
|
||
<p>
|
||
Pas de morale préétablie. Un geste est bon s'il ouvre un passage
|
||
réel, mauvais s'il ferme une possibilité vivante.
|
||
</p>
|
||
</div>
|
||
<div class="step">
|
||
<h4>Chacun sent le mal</h4>
|
||
<p>
|
||
Le mal précède le langage. On ne pense pas « c'est mal » — on sent
|
||
que ça s'est fermé.<br />
|
||
Ce savoir est incarné, universel.
|
||
</p>
|
||
</div>
|
||
<div class="step">
|
||
<h4>Le libre arbitre est absolu dans le relatif</h4>
|
||
<p>
|
||
La liberté est un lieu.<br />
|
||
Ici.<br />
|
||
Là-bas.<br />
|
||
Là où la vie tue le choix.
|
||
</p>
|
||
</div>
|
||
<div class="step">
|
||
<h4>L'intelligence est justesse du geste</h4>
|
||
<p>
|
||
Ni le savoir, ni le QI. La capacité de poser le geste juste, en
|
||
acceptant d'être transformé par ce qu'on rencontre.
|
||
</p>
|
||
</div>
|
||
<div class="step">
|
||
<h4>La vérité anticipe l'inconnu</h4>
|
||
<p>
|
||
Une parole est vraie si elle permet de traverser. Fausse si elle
|
||
empêche. Indépendamment de sa logique ou de son élégance.
|
||
</p>
|
||
</div>
|
||
<div class="step">
|
||
<h4>L'amour tient face à ce qui échappe</h4>
|
||
<p>
|
||
Rester présent face à ce qui échappe — la mort, l'infini, l'autre
|
||
— sans se fermer. Une puissance, pas une faiblesse.
|
||
</p>
|
||
</div>
|
||
<div class="step">
|
||
<h4>Pouvoir, c'est la capacité d'aimer</h4>
|
||
<p>
|
||
Maintenir une maille ouverte pour l'autre, sans l'emprunter
|
||
soi-même. Rendre possible, puis s'écarter.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="quote" class="blue-container">
|
||
<blockquote>
|
||
<p>
|
||
“Il ne t'explique rien. Il regarde si quelque chose passe en toi —
|
||
ou pas.”
|
||
</p>
|
||
</blockquote>
|
||
<p>
|
||
<cite>— Le Courage du Réel</cite>
|
||
</p>
|
||
</section>
|
||
|
||
<section id="system">
|
||
<div class="text">
|
||
<div class="top">
|
||
<h2 class="section-title">Ontologie</h2>
|
||
<h3 class="title">La carte du réel</h3>
|
||
<p class="info">
|
||
Chaque fragment peut révéler le système entier s'il est vécu
|
||
jusqu'au bout
|
||
</p>
|
||
</div>
|
||
<div class="bottom">
|
||
<ul>
|
||
<li>Tension brute (excès d’inconnu)</li>
|
||
<li>Geste (mouvement vivant)</li>
|
||
<li>Maille (lieu du passage)</li>
|
||
<li>Forme (structure habitable)</li>
|
||
<li>Tissus (formes -> monde)</li>
|
||
</ul>
|
||
<ul>
|
||
<li>
|
||
Points d’épreuve : vérité, intelligence, libre arbitre,
|
||
bien/mal, pouvoir, conscience du mal, amour
|
||
</li>
|
||
<li>Bords : infini, mort</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<figure>
|
||
<img src="/assets/images/schema.png" alt="Schéma la carte du réel" />
|
||
</figure>
|
||
</section>
|
||
|
||
<section id="excerpt" class="blue-container">
|
||
<div class="wrapper">
|
||
<h2 class="section-title">Extrait</h2>
|
||
<h3 class="chapter-title">Chapitre IV — Ontologie des formes</h3>
|
||
<div class="content">
|
||
<p>
|
||
Une forme fragile apparaît quand un geste traverse un point du
|
||
monde sans se refermer sur lui-même. C'est ce qui tient et respire
|
||
encore.
|
||
</p>
|
||
<p>
|
||
Elle peut être minuscule, bancale, même invisible, mais si
|
||
vivante, elle laisse passer quelque chose : circulation, souffle,
|
||
lien.
|
||
</p>
|
||
<p>
|
||
On reconnaît une forme vivante non à sa structure mais au fait
|
||
qu'elle réagit encore à un geste, qu'un lien peut l'irriguer sans
|
||
la figer, qu'elle peut encore muter.
|
||
</p>
|
||
<br />
|
||
<p>
|
||
Comme tous les matins, Samuel regarde sa femme et lui lance un
|
||
« Bonne journée mon amour » avant de fermer la porte de leur
|
||
rez-de-jardin. Ça fait bien longtemps que le mot sonne creux. Il a
|
||
certainement la même place pour eux que moutarde ou télécommande,
|
||
mais ils continuent à se rassurer.
|
||
</p>
|
||
<p class="reference">
|
||
<cite>Le courage du réel</cite> – Chapitre IV, Forme
|
||
</p>
|
||
</div>
|
||
<div class="button-wrapper">
|
||
<a
|
||
class="blue-button outlined"
|
||
href="https://editions-reconnaissance.fr/livre/le-courage-du-reel/"
|
||
target="_blank"
|
||
>Précommander le livre</a
|
||
>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="author">
|
||
<img
|
||
src="/assets/images/frederic-denjoy.jpg"
|
||
alt="Portrait de l'auteur Frédéric Denjoy"
|
||
/>
|
||
<div class="text">
|
||
<h2 class="section-title">L'auteur</h2>
|
||
<h3 class="author-name">Frédéric Denjoy</h3>
|
||
<p>
|
||
Frédéric Denjoy a passé vingt ans comme hedge fund manager au cœur
|
||
de la finance internationale — chez T. Rowe Price, puis chez Brevan
|
||
Howard, où il devient associé à vingt-huit ans, avant de fonder son
|
||
propre fonds en partenariat avec Blackstone. Il poursuit une
|
||
activité d'investissement indépendante.
|
||
</p>
|
||
<p>
|
||
Ce premier livre propose ce que la pensée moderne n'a pas su offrir
|
||
: un sol habitable. Ni dogme, ni relativisme. Un réel qui se
|
||
traverse. Une forme vivante.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="buy">
|
||
<div class="text">
|
||
<h2 class="section-title">Sortie 2026</h2>
|
||
<h3 class="title">Ce livre est un bord.</h3>
|
||
<p>
|
||
Tu n'as pas à être d'accord. Tu n'as même pas à comprendre. Mais tu
|
||
sais si tu entres — ou si tu fuis.<br />
|
||
<br />
|
||
Passer quand c'est possible — et tenir quand ça ne l'est plus.
|
||
</p>
|
||
<ul class="buy-links">
|
||
<li>
|
||
<a
|
||
href="https://www.fnac.com/a22583623/Frederic-Denjoy-Le-courage-du-reel"
|
||
target="_blank"
|
||
class="blue-button"
|
||
>Acheter - FNAC</a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="https://www.amazon.fr/COURAGE-DU-R%C3%89EL-Denjoy-Frederic/dp/B0GGYQN2FR"
|
||
target="_blank"
|
||
class="blue-button"
|
||
>Acheter - FNAC</a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="https://editions-reconnaissance.fr/livre/le-courage-du-reel/"
|
||
target="_blank"
|
||
class="blue-button"
|
||
>Acheter - FNAC</a
|
||
>
|
||
</li>
|
||
</ul>
|
||
<p class="info">Éditions Reconnaissance — ISBN 978-2-487595-32-3</p>
|
||
</div>
|
||
<img
|
||
src="/assets/images/le-courage-du-reel-cover.jpg"
|
||
alt="Couverture du livre Le courage du réel"
|
||
/>
|
||
</section>
|
||
</main>
|
||
<footer id="presse" class="blue-container">
|
||
<header>
|
||
<h2 class="section-title">Contact</h2>
|
||
<h3 class="title">Presse et médias</h3>
|
||
</header>
|
||
<div class="contact">
|
||
<div class="left">
|
||
<div class="item">
|
||
<p class="name">Contact librairie</p>
|
||
<a class="mail" href="mailto:diffusion@editions-reconnaissance.fr"
|
||
>diffusion@editions-reconnaissance.fr</a
|
||
>
|
||
</div>
|
||
</div>
|
||
<div class="right">
|
||
<div class="item">
|
||
<p class="name">Alina Gurdiel</p>
|
||
<a class="mail" href="mailto:ag@alinagurdiel.com"
|
||
>diffusion@editions-reconnaissance.fr</a
|
||
>
|
||
</div>
|
||
<div class="item">
|
||
<p class="name">Chaïma Moughaouic</p>
|
||
<a class="mail" href="mailto:assistant@alinagurdiel.com"
|
||
>assistant@alinagurdiel.com</a
|
||
>
|
||
</div>
|
||
<div class="item">
|
||
<p class="name">Anne Vuksanovic</p>
|
||
<a class="mail" href="mailto:anne@alinagurdiel.com"
|
||
>anne@alinagurdiel.com
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="legal">
|
||
<p>
|
||
© 2026 Frédéric Denjoy — Le Courage du Réel — Éditions Reconnaissance,
|
||
Paris
|
||
</p>
|
||
</div>
|
||
</footer>
|
||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||
<script src="/assets/js/script.js"></script>
|
||
</body>
|
||
</html>
|