draft desktop version finish
This commit is contained in:
isUnknown
parent
4b99d290f3
commit
ac3542099a
30 changed files with 1682 additions and 149 deletions
510
index.html
510
index.html
|
|
@ -1,76 +1,442 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="css\main.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="topbar">
|
||||
<p class="topbar-name">F.Denjoy</p>
|
||||
<li class="topbar-menu">
|
||||
<ul class="topbar-menu-item"><a href="#">Le Courage du Réel</a></ul>
|
||||
<ul class="topbar-menu-item"><a href="#">Extraits</a></ul>
|
||||
<ul class="topbar-menu-item"><a href="#">Les poignées</a></ul>
|
||||
<ul class="topbar-menu-item"><a href="#">Le système</a></ul>
|
||||
<ul class="topbar-menu-item"><a href="#">L’auteur</a></ul>
|
||||
<ul class="topbar-menu-item"><a href="#">Précommander</a></ul>
|
||||
<ul class="topbar-menu-item"><a href="#">Presse</a></ul>
|
||||
</li>
|
||||
</nav>
|
||||
<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="#le-courage-du-reel">Le Courage du Réel</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Extraits</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Les poignées</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Le système</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">L’auteur</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Précommander</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Presse</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section id="le-courage-du-reel">
|
||||
<header id="hero">
|
||||
<p class="hero-name">Frédéric Denjoy</p>
|
||||
<h1>Le courage<br/> du réel</h1>
|
||||
<h2>Changer sans tomber, tenir sans croire</h2>
|
||||
</header>
|
||||
<section class="wraper-quote">
|
||||
<blockquote>
|
||||
<p>“Le vrai n'est pas démontrable.<br/> Il est habitable.”</p>
|
||||
</blockquote>
|
||||
<p class="current-text-m">— Le Courage du Réel</p>
|
||||
</section>
|
||||
<section class="the-book">
|
||||
<div class="warpper-title">
|
||||
<h3>Pour ceux qui ne sont<br/> plus si sûrs</h3>
|
||||
<p>Le livre</p>
|
||||
</div>
|
||||
<div class="current-text-m">
|
||||
<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 class="wrapper-data">
|
||||
<div class="data">
|
||||
<p class="label-s">Éditeur</p>
|
||||
<p class="label-m">Reconnaissance</p>
|
||||
</div>
|
||||
<div class="data">
|
||||
<p class="label-s">Pages</p>
|
||||
<p class="label-m">220</p>
|
||||
</div>
|
||||
<div class="data">
|
||||
<p class="label-s">Parution</p>
|
||||
<p class="label-m">2026</p>
|
||||
</div>
|
||||
<div class="data">
|
||||
<p class="label-s">ISBN</p>
|
||||
<p class="label-m">978-2-487595-32-3</p>
|
||||
</div>
|
||||
</div>
|
||||
<div></div>
|
||||
</section>
|
||||
</section>
|
||||
<section id="extrait"></section>
|
||||
<section id="les-poignees"></section>
|
||||
<section id="le-systeme"></section>
|
||||
<section id="l-auteur"></section>
|
||||
<section id="precommander"></section>
|
||||
<section id="presse"></section>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<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="slider">
|
||||
<div class="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 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 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>
|
||||
<div class="controls">
|
||||
<button class="prev">
|
||||
<img src="/assets/svg/arrow-left.svg" alt="flèche précédente" />
|
||||
</button>
|
||||
<ul class="bullets">
|
||||
<li><button class="bullet"></button></li>
|
||||
<li><button class="bullet"></button></li>
|
||||
</ul>
|
||||
<button class="next">
|
||||
<img src="/assets/svg/arrow-right.svg" alt="flèche suivante" />
|
||||
</button>
|
||||
</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 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>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue