studio-variable/le-courage-du-reel
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

hero : add baseline

Browse source
This commit is contained in:
isUnknown 2026-02-24 17:14:01 +01:00
parent d4f4ca3537
commit 940788a02d
5 changed files with 45 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

16
assets/css/src/_mobile.scss
View file

@ -130,13 +130,12 @@ body.no-scroll {
// ---- HERO ---- // ---- HERO ----
section#hero { section#hero {
height: auto; height: calc(100vh - 3.5rem);
min-height: 100vh;
text-align: center; text-align: center;
align-items: center; align-items: center;
padding: 4rem var(--padding-body) 3rem; padding: 25vh var(--padding-body) 3rem;
background-position: 74% -44vh; background-position: 70% -51vh;
background-size: 96vh; background-size: 100vh;
.title { .title {
font-size: 4rem; font-size: 4rem;
@ -147,7 +146,12 @@ body.no-scroll {
} }
#preorder-button { #preorder-button {
position: static; margin-top: 0;
}
.baseline {
bottom: 2rem;
width: 15rem;
} }
} }

11
assets/css/src/_section_1-hero.scss
View file

@ -1,4 +1,5 @@
section#hero { section#hero {
box-sizing: border-box;
position: relative; position: relative;
background-image: url('/assets/images/le-courage-du-reel-hero-bg.jpg'); background-image: url('/assets/images/le-courage-du-reel-hero-bg.jpg');
background-position: center 45%; background-position: center 45%;
@ -29,8 +30,14 @@ section#hero {
font-weight: 400; font-weight: 400;
} }
#preorder-button { .baseline {
position: absolute; position: absolute;
top: 50rem; bottom: 3rem;
font-size: var(--font-size-m);
font-weight: 500;
}
#preorder-button {
margin-top: 4.625rem;
} }
} }

25
assets/css/style.css
View file

@ -204,6 +204,7 @@ body > header ul li:first-child {
} }
section#hero { section#hero {
box-sizing: border-box;
position: relative; position: relative;
background-image: url("/assets/images/le-courage-du-reel-hero-bg.jpg"); background-image: url("/assets/images/le-courage-du-reel-hero-bg.jpg");
background-position: center 45%; background-position: center 45%;
@ -230,9 +231,14 @@ section#hero .title {
section#hero .subtitle { section#hero .subtitle {
font-weight: 400; font-weight: 400;
} }
section#hero #preorder-button { section#hero .baseline {
position: absolute; position: absolute;
top: 50rem; bottom: 3rem;
font-size: var(--font-size-m);
font-weight: 500;
}
section#hero #preorder-button {
margin-top: 4.625rem;
} }
section#quote-full, section#quote-full,
@ -896,13 +902,12 @@ body.no-scroll {
scroll-margin-top: 5.8125rem; scroll-margin-top: 5.8125rem;
} }
section#hero { section#hero {
height: auto; height: calc(100vh - 3.5rem);
min-height: 100vh;
text-align: center; text-align: center;
align-items: center; align-items: center;
padding: 4rem var(--padding-body) 3rem; padding: 25vh var(--padding-body) 3rem;
background-position: 74% -44vh; background-position: 70% -51vh;
background-size: 96vh; background-size: 100vh;
} }
section#hero .title { section#hero .title {
font-size: 4rem; font-size: 4rem;
@ -911,7 +916,11 @@ body.no-scroll {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
section#hero #preorder-button { section#hero #preorder-button {
position: static; margin-top: 0;
}
section#hero .baseline {
bottom: 2rem;
width: 15rem;
} }
section#quote-full, section#quote-full,
section#quote { section#quote {

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long

16
index.html
View file

@ -89,7 +89,7 @@
Le courage<br /> Le courage<br />
du réel du réel
</h1> </h1>
<h2 class="subtitle">Changer sans tomber,<br />tenir sans croire</h2> <h2 class="subtitle">Changer sans tomber<br />Tenir sans croire</h2>
<a <a
id="preorder-button" id="preorder-button"
class="blue-button" class="blue-button"
@ -97,6 +97,7 @@
target="_blank" target="_blank"
>Précommander le livre</a >Précommander le livre</a
> >
<p class="baseline">Une métaphysique neuve pour sortir du vide</p>
</section> </section>
<section id="quote-full" class="blue-container"> <section id="quote-full" class="blue-container">
@ -124,17 +125,14 @@
commence là : quand ça ne tient plus. commence là : quand ça ne tient plus.
</p> </p>
<p> <p>
Ce n'est ni un développement personnel, ni un traité académique. Le Courage du Réel remplace le logiciel qu'on utilise pour penser
</p> sa vie. Le réel n'est pas ce qui est, mais ce qui se traverse —
<p> localement — dans un geste vivant, face à un inconnu.
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>
<p> <p>
Le mal n'est pas moral : il est structurel. La vérité, l'amour, 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 l'intelligence, le pouvoir ne sont pas ce que vous croyez — et
non plus. De Platon à Derrida, ce livre met à nu ce qui ne vous non plus. De Platon à Lacan, ce livre met à nu ce qui ne
fonctionne plus. Voici venu le temps de construire. fonctionne plus. Voici venu le temps de construire.
</p> </p>
</div> </div>