diff --git a/assets/css/src/_footer.scss b/assets/css/src/_footer.scss new file mode 100644 index 0000000..1693d4c --- /dev/null +++ b/assets/css/src/_footer.scss @@ -0,0 +1,57 @@ +body > footer { + width: 100%; + position: fixed; + bottom: 0; + left: 0; + z-index: 0; + padding: 2.5rem 0; + display: flex; + flex-direction: column; + align-items: center; + header { + text-align: center; + .section-title { + font-size: var(--font-size-s); + width: 100%; + text-align: center; + text-transform: uppercase; + margin-bottom: 0.75rem; + font-weight: 400; + } + .title { + width: 100%; + text-align: center; + font-family: var(--font-narrow); + font-size: var(--font-size-l); + text-transform: uppercase; + } + } + + .contact { + margin-top: 5rem; + width: 50rem; + display: flex; + justify-content: space-between; + gap: 4rem; + + .item { + .name { + font-size: var(--font-size-s); + text-transform: uppercase; + opacity: 0.6; + margin-bottom: 0.75rem; + } + } + + .item:not(:last-child) { + margin-bottom: 2.5rem; + } + } + + .legal { + width: 50rem; + margin-top: 5rem; + padding: 2.5rem 0 0 0; + border-top: 1px solid rgba(255, 255, 255, 0.2); + } +} diff --git a/assets/css/src/_generic-classes.scss b/assets/css/src/_generic-classes.scss new file mode 100644 index 0000000..3ed9aa5 --- /dev/null +++ b/assets/css/src/_generic-classes.scss @@ -0,0 +1,31 @@ +.blue-container { + background-color: var(--color-blue); + color: #fff !important; +} + +.white-container { + color: var(--color-blue); + background-color: #fff !important; +} + +.blue-button { + display: block; + background-color: var(--color-blue); + border-radius: 2rem; + + font-size: var(--font-size-s); + color: #fff !important; + text-transform: uppercase; + width: max-content; + padding: 1rem 4rem; + + &.outlined { + outline: 1px solid #fff; + } +} + +.blue-button:hover { + background-color: #fff; + color: var(--color-blue) !important; + outline: 1px solid var(--color-blue); +} diff --git a/assets/css/src/_header.scss b/assets/css/src/_header.scss new file mode 100644 index 0000000..79d04e5 --- /dev/null +++ b/assets/css/src/_header.scss @@ -0,0 +1,32 @@ +body { + > header { + position: sticky; + z-index: 999; + top: 0; + left: 0; + width: 100%; + padding: 1.5rem var(--padding-body); + box-sizing: border-box; + + ul { + display: flex; + justify-content: space-between; + align-items: center; + + li { + a { + padding: 0.75rem; + } + } + + li:not(:first-child) { + font-size: var(--font-size-s); + text-transform: uppercase; + } + li:first-child { + width: 30%; + font-size: 1.5625rem; + } + } + } +} diff --git a/assets/css/src/_reset.scss b/assets/css/src/_reset.scss new file mode 100644 index 0000000..c010211 --- /dev/null +++ b/assets/css/src/_reset.scss @@ -0,0 +1,47 @@ +body, +html, +ul, +p, +h1, +h2, +h3, +h4, +h5, +h6, +blockquote { + margin: 0; + padding: 0; +} + +a { + text-decoration: none; + color: inherit; +} + +a:active { + color: inherit; +} + +li { + list-style: none; +} + +img { + width: 100%; +} + +button { + all: unset; + cursor: pointer; +} + +cite { + font-style: normal; +} + +main { + position: relative; + z-index: 1; + background-color: #fff; + margin-bottom: 50rem; +} diff --git a/assets/css/src/_section_1-hero.scss b/assets/css/src/_section_1-hero.scss new file mode 100644 index 0000000..168580f --- /dev/null +++ b/assets/css/src/_section_1-hero.scss @@ -0,0 +1,35 @@ +section#hero { + position: relative; + background-image: url('/assets/images/le-courage-du-reel-hero-bg.jpg'); + background-position: center 45%; + background-size: cover; + background-repeat: no-repeat; + padding: 0 var(--padding-body); + + height: calc(100vh - 4.875rem); + display: flex; + justify-content: center; + flex-direction: column; + + .author-name { + font-size: 1.5rem; + margin-bottom: 1.75rem; + } + + .title { + font-family: var(--font-narrow); + font-size: 8rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0; + } + + .subtitle { + font-weight: 400; + } + + #preorder-button { + position: absolute; + top: 50rem; + } +} diff --git a/assets/css/src/_section_10-buy.scss b/assets/css/src/_section_10-buy.scss new file mode 100644 index 0000000..cefb7a8 --- /dev/null +++ b/assets/css/src/_section_10-buy.scss @@ -0,0 +1,56 @@ +section#buy { + display: flex; + justify-content: space-between; + padding: 6rem var(--padding-body); + + .text { + text-align: center; + width: 30rem; + margin-left: 8rem; + .section-title { + font-size: var(--font-size-s); + text-transform: uppercase; + margin-bottom: 0.75rem; + } + + .title { + font-family: 'owners-xnarrow', sans-serif; + font-size: var(--font-size-l); + text-transform: uppercase; + color: var(--color-blue); + margin-bottom: 1.75rem; + } + + p { + font-size: var(--font-size-m); + font-weight: 500; + } + p:not(:last-child) { + margin-bottom: 0.75rem; + } + + .buy-links { + margin-top: 5rem; + li { + margin-bottom: 1rem; + a { + display: inline-block; + } + } + } + + .info { + font-size: 0.625rem; + opacity: 0.8; + text-transform: uppercase; + letter-spacing: 2.4px; + font-weight: 400; + } + } + + img { + width: 45%; + height: 40vw; + object-fit: cover; + } +} diff --git a/assets/css/src/_section_2-quote.scss b/assets/css/src/_section_2-quote.scss new file mode 100644 index 0000000..22a5d5d --- /dev/null +++ b/assets/css/src/_section_2-quote.scss @@ -0,0 +1,20 @@ +section#quote-full, +section#quote { + display: flex; + flex-direction: column; + align-items: center; + padding: 7.9375rem 0; + + blockquote { + display: block; + width: min(100%, 40rem); + text-align: center; + font-size: 2.5rem; + margin-bottom: 1.25rem; + } +} + +section#quote { + margin: 0 var(--padding-body); + border-radius: var(--radius-section); +} diff --git a/assets/css/src/_section_3-the_book.scss b/assets/css/src/_section_3-the_book.scss new file mode 100644 index 0000000..d2eb824 --- /dev/null +++ b/assets/css/src/_section_3-the_book.scss @@ -0,0 +1,65 @@ +section#the-book { + padding: 10rem 15vw; + + .summary-wrapper { + display: grid; + grid-template-columns: repeat(2, 1fr); + column-gap: 4rem; + margin-bottom: 4rem; + + .title-wrapper { + text-transform: uppercase; + + .title { + font-family: var(--font-narrow); + font-size: 4.0625rem; + font-weight: 700; + color: blue; + } + } + + .text { + font-weight: normal; + font-size: var(--font-size-m); + p { + margin-bottom: 1.75rem; + } + } + } + + .data-wrapper { + display: flex; + justify-content: space-between; + text-align: center; + padding-top: 2.5rem; + border-top: 1px solid rgba(0, 0, 0, 0.2); + text-transform: uppercase; + margin-bottom: 5rem; + + .label { + font-size: 0.625rem; + font-weight: 400; + opacity: 0.8; + margin-bottom: 0.5rem; + } + } + + .claim-wrapper { + display: grid; + grid-template-columns: repeat(2, 1fr); + align-items: center; + column-gap: 4rem; + + .text { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + + .big { + font-size: 2.5rem; + margin-bottom: 1.25rem; + } + } + } +} diff --git a/assets/css/src/_section_4-excerpts.scss b/assets/css/src/_section_4-excerpts.scss new file mode 100644 index 0000000..3b5a197 --- /dev/null +++ b/assets/css/src/_section_4-excerpts.scss @@ -0,0 +1,71 @@ +section#excerpts { + margin: 0 var(--padding-body); + border-radius: var(--radius-section); + display: flex; + flex-direction: column; + align-items: center; + padding: 6rem 14.375rem; + + header { + text-align: center; + width: min(80%, 41.875rem); + margin-bottom: 3rem; + .label { + font-weight: 400; + font-size: var(--font-size-s); + text-transform: uppercase; + } + + .title { + font-family: var(--font-narrow); + font-size: var(--font-size-l); + font-weight: 700; + text-transform: uppercase; + letter-spacing: 5%; + } + } + + .slider { + width: 100%; + display: flex; + overflow: hidden; + + .slide { + width: 100%; + display: flex; + justify-content: space-between; + + .item { + width: 13.125rem; + .label { + opacity: 0.8; + text-transform: uppercase; + font-size: 0.625rem; + margin-bottom: 0.7rem; + } + .text { + font-size: var(--font-size-m); + line-height: 140%; + margin-bottom: 8rem; + } + } + } + } + + .controls { + width: 100%; + display: flex; + justify-content: space-between; + + .bullets { + display: flex; + .bullet { + width: 0.45rem; + height: 0.45rem; + border-radius: 100%; + background-color: #fff; + margin: 0.2rem; + } + } + } +} diff --git a/assets/css/src/_section_5-handles.scss b/assets/css/src/_section_5-handles.scss new file mode 100644 index 0000000..f84d867 --- /dev/null +++ b/assets/css/src/_section_5-handles.scss @@ -0,0 +1,63 @@ +section#handles { + margin: 5rem var(--padding-body); + display: flex; + flex-direction: column; + align-items: center; + + header { + width: 100%; + display: flex; + justify-content: space-between; + align-items: end; + + .title-wrapper { + .index { + font-size: var(--font-size-s); + text-transform: uppercase; + font-weight: 500; + margin-bottom: 0.75rem; + } + .title { + font-family: var(--font-narrow); + color: var(--color-blue); + font-size: 4.0625rem; + text-transform: uppercase; + } + } + .subtitle { + font-weight: 500; + margin-right: 7vw; + } + } + + .path { + margin-top: 7.5rem; + width: 42rem; + .step { + box-sizing: border-box; + width: min(100%, 20rem); + padding: 1rem 2rem; + border-radius: var(--radius-section); + border: 1px solid var(--color-blue); + color: var(--color-blue); + font-size: var(--font-size-s); + + font-weight: 500; + + h4 { + text-transform: uppercase; + margin-bottom: 0.7rem; + } + } + .step:hover { + background-color: var(--color-blue); + color: #fff; + } + .step:nth-child(even) { + margin-left: 22rem; + } + .step:not(:last-child) { + margin-bottom: 2rem; + } + } +} diff --git a/assets/css/src/_section_7-system.scss b/assets/css/src/_section_7-system.scss new file mode 100644 index 0000000..a1419f9 --- /dev/null +++ b/assets/css/src/_section_7-system.scss @@ -0,0 +1,58 @@ +section#system { + display: flex; + justify-content: space-between; + margin: 5rem var(--padding-body); + + .text { + display: flex; + flex-direction: column; + justify-content: space-between; + height: 46vw; + max-width: 27rem; + + .top { + .section-title { + font-weight: 400; + font-size: var(--font-size-s); + text-transform: uppercase; + margin-bottom: 0.75rem; + } + + .title { + font-family: 'owners-xnarrow', sans-serif; + font-weight: 500; + font-size: var(--font-size-l); + text-transform: uppercase; + color: var(--color-blue); + margin-bottom: 2rem; + } + + .info { + font-size: var(--font-size-m); + font-weight: 500; + } + } + + .bottom { + ul { + li { + list-style: disc; + list-style-position: inside; + } + } + ul:not(:last-child) { + margin-bottom: 3rem; + } + } + } + + figure { + width: 55%; + height: 46vw; + img { + object-fit: cover; + width: 100%; + height: 100%; + } + } +} diff --git a/assets/css/src/_section_8-excerpt.scss b/assets/css/src/_section_8-excerpt.scss new file mode 100644 index 0000000..e73cfb0 --- /dev/null +++ b/assets/css/src/_section_8-excerpt.scss @@ -0,0 +1,42 @@ +section#excerpt { + padding: 6rem 0; + display: flex; + justify-content: center; + .wrapper { + width: min(90vw, 40rem); + + .section-title { + font-size: var(--font-size-s); + width: 100%; + text-align: center; + margin-bottom: 0.75rem; + } + .chapter-title { + width: 100%; + text-align: center; + font-family: var(--font-narrow); + font-size: var(--font-size-l); + text-transform: uppercase; + } + + .content { + margin: 3rem 0; + font-size: var(--font-size-m); + p:not(:last-child) { + margin-bottom: 1.75rem; + } + + p.reference { + font-size: 0.75rem; + } + } + + .button-wrapper { + width: 100%; + text-align: center; + .blue-button { + display: inline-block; + } + } + } +} diff --git a/assets/css/src/_section_9-author.scss b/assets/css/src/_section_9-author.scss new file mode 100644 index 0000000..c9800f0 --- /dev/null +++ b/assets/css/src/_section_9-author.scss @@ -0,0 +1,42 @@ +section#author { + display: flex; + padding: 12.5rem var(--padding-body); + img { + border-radius: var(--radius-section); + overflow: hidden; + width: 25rem; + height: 28rem; + object-fit: cover; + filter: grayscale(1); + margin-right: 10vw; + } + + .text { + width: 35rem; + + .section-title { + font-size: var(--font-size-s); + text-transform: uppercase; + margin-bottom: 0.75rem; + font-weight: 400; + } + + .author-name { + font-family: 'owners-xnarrow', sans-serif; + font-size: var(--font-size-l); + color: var(--color-blue); + text-transform: uppercase; + margin-bottom: 5.75rem; + } + + p { + font-size: var(--font-size-m); + font-weight: 500; + line-height: 140%; + } + + p:not(:last-child) { + margin-bottom: 2rem; + } + } +} diff --git a/assets/css/src/_text.scss b/assets/css/src/_text.scss new file mode 100644 index 0000000..c87c386 --- /dev/null +++ b/assets/css/src/_text.scss @@ -0,0 +1,5 @@ +body { + font-family: 'owners', sans-serif; + font-weight: 400; + letter-spacing: 5%; +} diff --git a/assets/css/src/_variables.scss b/assets/css/src/_variables.scss new file mode 100644 index 0000000..2517b4e --- /dev/null +++ b/assets/css/src/_variables.scss @@ -0,0 +1,13 @@ +:root { + --font-narrow: 'owners-xnarrow', sans-serif; + + --font-size-l: 4rem; // 65px + --font-size-m: 1.125rem; // 18px + --font-size-s: 0.9375rem; // 15px + + --padding-body: 1.875rem; + + --radius-section: 0.7rem; + + --color-blue: #4433ff; +} diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..3823fdc --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,583 @@ +body, +html, +ul, +p, +h1, +h2, +h3, +h4, +h5, +h6, +blockquote { + margin: 0; + padding: 0; +} + +a { + text-decoration: none; + color: inherit; +} + +a:active { + color: inherit; +} + +li { + list-style: none; +} + +img { + width: 100%; +} + +button { + all: unset; + cursor: pointer; +} + +cite { + font-style: normal; +} + +main { + position: relative; + z-index: 1; + background-color: #fff; + margin-bottom: 50rem; +} + +:root { + --font-narrow: 'owners-xnarrow', sans-serif; + --font-size-l: 4rem; + --font-size-m: 1.125rem; + --font-size-s: 0.9375rem; + --padding-body: 1.875rem; + --radius-section: 0.7rem; + --color-blue: #4433ff; +} + +body { + font-family: "owners", sans-serif; + font-weight: 400; + letter-spacing: 5%; +} + +.blue-container { + background-color: var(--color-blue); + color: #fff !important; +} + +.white-container { + color: var(--color-blue); + background-color: #fff !important; +} + +.blue-button { + display: block; + background-color: var(--color-blue); + border-radius: 2rem; + font-size: var(--font-size-s); + color: #fff !important; + text-transform: uppercase; + width: -moz-max-content; + width: max-content; + padding: 1rem 4rem; +} +.blue-button.outlined { + outline: 1px solid #fff; +} + +.blue-button:hover { + background-color: #fff; + color: var(--color-blue) !important; + outline: 1px solid var(--color-blue); +} + +body > header { + position: sticky; + z-index: 999; + top: 0; + left: 0; + width: 100%; + padding: 1.5rem var(--padding-body); + box-sizing: border-box; +} +body > header ul { + display: flex; + justify-content: space-between; + align-items: center; +} +body > header ul li a { + padding: 0.75rem; +} +body > header ul li:not(:first-child) { + font-size: var(--font-size-s); + text-transform: uppercase; +} +body > header ul li:first-child { + width: 30%; + font-size: 1.5625rem; +} + +section#hero { + position: relative; + background-image: url("/assets/images/le-courage-du-reel-hero-bg.jpg"); + background-position: center 45%; + background-size: cover; + background-repeat: no-repeat; + padding: 0 var(--padding-body); + height: calc(100vh - 4.875rem); + display: flex; + justify-content: center; + flex-direction: column; +} +section#hero .author-name { + font-size: 1.5rem; + margin-bottom: 1.75rem; +} +section#hero .title { + font-family: var(--font-narrow); + font-size: 8rem; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0; +} +section#hero .subtitle { + font-weight: 400; +} +section#hero #preorder-button { + position: absolute; + top: 50rem; +} + +section#quote-full, +section#quote { + display: flex; + flex-direction: column; + align-items: center; + padding: 7.9375rem 0; +} +section#quote-full blockquote, +section#quote blockquote { + display: block; + width: min(100%, 40rem); + text-align: center; + font-size: 2.5rem; + margin-bottom: 1.25rem; +} + +section#quote { + margin: 0 var(--padding-body); + border-radius: var(--radius-section); +} + +section#the-book { + padding: 10rem 15vw; +} +section#the-book .summary-wrapper { + display: grid; + grid-template-columns: repeat(2, 1fr); + -moz-column-gap: 4rem; + column-gap: 4rem; + margin-bottom: 4rem; +} +section#the-book .summary-wrapper .title-wrapper { + text-transform: uppercase; +} +section#the-book .summary-wrapper .title-wrapper .title { + font-family: var(--font-narrow); + font-size: 4.0625rem; + font-weight: 700; + color: blue; +} +section#the-book .summary-wrapper .text { + font-weight: normal; + font-size: var(--font-size-m); +} +section#the-book .summary-wrapper .text p { + margin-bottom: 1.75rem; +} +section#the-book .data-wrapper { + display: flex; + justify-content: space-between; + text-align: center; + padding-top: 2.5rem; + border-top: 1px solid rgba(0, 0, 0, 0.2); + text-transform: uppercase; + margin-bottom: 5rem; +} +section#the-book .data-wrapper .label { + font-size: 0.625rem; + font-weight: 400; + opacity: 0.8; + margin-bottom: 0.5rem; +} +section#the-book .claim-wrapper { + display: grid; + grid-template-columns: repeat(2, 1fr); + align-items: center; + -moz-column-gap: 4rem; + column-gap: 4rem; +} +section#the-book .claim-wrapper .text { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; +} +section#the-book .claim-wrapper .text .big { + font-size: 2.5rem; + margin-bottom: 1.25rem; +} + +section#excerpts { + margin: 0 var(--padding-body); + border-radius: var(--radius-section); + display: flex; + flex-direction: column; + align-items: center; + padding: 6rem 14.375rem; +} +section#excerpts header { + text-align: center; + width: min(80%, 41.875rem); + margin-bottom: 3rem; +} +section#excerpts header .label { + font-weight: 400; + font-size: var(--font-size-s); + text-transform: uppercase; +} +section#excerpts header .title { + font-family: var(--font-narrow); + font-size: var(--font-size-l); + font-weight: 700; + text-transform: uppercase; + letter-spacing: 5%; +} +section#excerpts .slider { + width: 100%; + display: flex; + overflow: hidden; +} +section#excerpts .slider .slide { + width: 100%; + display: flex; + justify-content: space-between; +} +section#excerpts .slider .slide .item { + width: 13.125rem; +} +section#excerpts .slider .slide .item .label { + opacity: 0.8; + text-transform: uppercase; + font-size: 0.625rem; + margin-bottom: 0.7rem; +} +section#excerpts .slider .slide .item .text { + font-size: var(--font-size-m); + line-height: 140%; + margin-bottom: 8rem; +} +section#excerpts .controls { + width: 100%; + display: flex; + justify-content: space-between; +} +section#excerpts .controls .bullets { + display: flex; +} +section#excerpts .controls .bullets .bullet { + width: 0.45rem; + height: 0.45rem; + border-radius: 100%; + background-color: #fff; + margin: 0.2rem; +} + +section#handles { + margin: 5rem var(--padding-body); + display: flex; + flex-direction: column; + align-items: center; +} +section#handles header { + width: 100%; + display: flex; + justify-content: space-between; + align-items: end; +} +section#handles header .title-wrapper .index { + font-size: var(--font-size-s); + text-transform: uppercase; + font-weight: 500; + margin-bottom: 0.75rem; +} +section#handles header .title-wrapper .title { + font-family: var(--font-narrow); + color: var(--color-blue); + font-size: 4.0625rem; + text-transform: uppercase; +} +section#handles header .subtitle { + font-weight: 500; + margin-right: 7vw; +} +section#handles .path { + margin-top: 7.5rem; + width: 42rem; +} +section#handles .path .step { + box-sizing: border-box; + width: min(100%, 20rem); + padding: 1rem 2rem; + border-radius: var(--radius-section); + border: 1px solid var(--color-blue); + color: var(--color-blue); + font-size: var(--font-size-s); + font-weight: 500; +} +section#handles .path .step h4 { + text-transform: uppercase; + margin-bottom: 0.7rem; +} +section#handles .path .step:hover { + background-color: var(--color-blue); + color: #fff; +} +section#handles .path .step:nth-child(even) { + margin-left: 22rem; +} +section#handles .path .step:not(:last-child) { + margin-bottom: 2rem; +} + +section#system { + display: flex; + justify-content: space-between; + margin: 5rem var(--padding-body); +} +section#system .text { + display: flex; + flex-direction: column; + justify-content: space-between; + height: 46vw; + max-width: 27rem; +} +section#system .text .top .section-title { + font-weight: 400; + font-size: var(--font-size-s); + text-transform: uppercase; + margin-bottom: 0.75rem; +} +section#system .text .top .title { + font-family: "owners-xnarrow", sans-serif; + font-weight: 500; + font-size: var(--font-size-l); + text-transform: uppercase; + color: var(--color-blue); + margin-bottom: 2rem; +} +section#system .text .top .info { + font-size: var(--font-size-m); + font-weight: 500; +} +section#system .text .bottom ul li { + list-style: disc; + list-style-position: inside; +} +section#system .text .bottom ul:not(:last-child) { + margin-bottom: 3rem; +} +section#system figure { + width: 55%; + height: 46vw; +} +section#system figure img { + -o-object-fit: cover; + object-fit: cover; + width: 100%; + height: 100%; +} + +section#excerpt { + padding: 6rem 0; + display: flex; + justify-content: center; +} +section#excerpt .wrapper { + width: min(90vw, 40rem); +} +section#excerpt .wrapper .section-title { + font-size: var(--font-size-s); + width: 100%; + text-align: center; + margin-bottom: 0.75rem; +} +section#excerpt .wrapper .chapter-title { + width: 100%; + text-align: center; + font-family: var(--font-narrow); + font-size: var(--font-size-l); + text-transform: uppercase; +} +section#excerpt .wrapper .content { + margin: 3rem 0; + font-size: var(--font-size-m); +} +section#excerpt .wrapper .content p:not(:last-child) { + margin-bottom: 1.75rem; +} +section#excerpt .wrapper .content p.reference { + font-size: 0.75rem; +} +section#excerpt .wrapper .button-wrapper { + width: 100%; + text-align: center; +} +section#excerpt .wrapper .button-wrapper .blue-button { + display: inline-block; +} + +section#author { + display: flex; + padding: 12.5rem var(--padding-body); +} +section#author img { + border-radius: var(--radius-section); + overflow: hidden; + width: 25rem; + height: 28rem; + -o-object-fit: cover; + object-fit: cover; + filter: grayscale(1); + margin-right: 10vw; +} +section#author .text { + width: 35rem; +} +section#author .text .section-title { + font-size: var(--font-size-s); + text-transform: uppercase; + margin-bottom: 0.75rem; + font-weight: 400; +} +section#author .text .author-name { + font-family: "owners-xnarrow", sans-serif; + font-size: var(--font-size-l); + color: var(--color-blue); + text-transform: uppercase; + margin-bottom: 5.75rem; +} +section#author .text p { + font-size: var(--font-size-m); + font-weight: 500; + line-height: 140%; +} +section#author .text p:not(:last-child) { + margin-bottom: 2rem; +} + +section#buy { + display: flex; + justify-content: space-between; + padding: 6rem var(--padding-body); +} +section#buy .text { + text-align: center; + width: 30rem; + margin-left: 8rem; +} +section#buy .text .section-title { + font-size: var(--font-size-s); + text-transform: uppercase; + margin-bottom: 0.75rem; +} +section#buy .text .title { + font-family: "owners-xnarrow", sans-serif; + font-size: var(--font-size-l); + text-transform: uppercase; + color: var(--color-blue); + margin-bottom: 1.75rem; +} +section#buy .text p { + font-size: var(--font-size-m); + font-weight: 500; +} +section#buy .text p:not(:last-child) { + margin-bottom: 0.75rem; +} +section#buy .text .buy-links { + margin-top: 5rem; +} +section#buy .text .buy-links li { + margin-bottom: 1rem; +} +section#buy .text .buy-links li a { + display: inline-block; +} +section#buy .text .info { + font-size: 0.625rem; + opacity: 0.8; + text-transform: uppercase; + letter-spacing: 2.4px; + font-weight: 400; +} +section#buy img { + width: 45%; + height: 40vw; + -o-object-fit: cover; + object-fit: cover; +} + +body > footer { + width: 100%; + position: fixed; + bottom: 0; + left: 0; + z-index: 0; + padding: 2.5rem 0; + display: flex; + flex-direction: column; + align-items: center; +} +body > footer header { + text-align: center; +} +body > footer header .section-title { + font-size: var(--font-size-s); + width: 100%; + text-align: center; + text-transform: uppercase; + margin-bottom: 0.75rem; + font-weight: 400; +} +body > footer header .title { + width: 100%; + text-align: center; + font-family: var(--font-narrow); + font-size: var(--font-size-l); + text-transform: uppercase; +} +body > footer .contact { + margin-top: 5rem; + width: 50rem; + display: flex; + justify-content: space-between; + gap: 4rem; +} +body > footer .contact .item .name { + font-size: var(--font-size-s); + text-transform: uppercase; + opacity: 0.6; + margin-bottom: 0.75rem; +} +body > footer .contact .item:not(:last-child) { + margin-bottom: 2.5rem; +} +body > footer .legal { + width: 50rem; + margin-top: 5rem; + padding: 2.5rem 0 0 0; + border-top: 1px solid rgba(255, 255, 255, 0.2); +}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map new file mode 100644 index 0000000..121d961 --- /dev/null +++ b/assets/css/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["src/_reset.scss","style.css","src/_variables.scss","src/_text.scss","src/_generic-classes.scss","src/_header.scss","src/_section_1-hero.scss","src/_section_2-quote.scss","src/_section_3-the_book.scss","src/_section_4-excerpts.scss","src/_section_5-handles.scss","src/_section_7-system.scss","src/_section_8-excerpt.scss","src/_section_9-author.scss","src/_section_10-buy.scss","src/_footer.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss new file mode 100644 index 0000000..8b5c18b --- /dev/null +++ b/assets/css/style.scss @@ -0,0 +1,15 @@ +@import 'src/reset.scss'; +@import 'src/variables'; +@import 'src/text.scss'; +@import 'src/generic-classes.scss'; +@import 'src/header.scss'; +@import 'src/section_1-hero.scss'; +@import 'src/section_2-quote.scss'; +@import 'src/section_3-the_book.scss'; +@import 'src/section_4-excerpts.scss'; +@import 'src/section_5-handles.scss'; +@import 'src/section_7-system.scss'; +@import 'src/section_8-excerpt.scss'; +@import 'src/section_9-author.scss'; +@import 'src/section_10-buy.scss'; +@import 'src/footer.scss'; diff --git a/assets/images/frederic-denjoy.jpg b/assets/images/frederic-denjoy.jpg new file mode 100644 index 0000000..48aab9e Binary files /dev/null and b/assets/images/frederic-denjoy.jpg differ diff --git a/assets/images/le-courage-du-reel-cover.jpg b/assets/images/le-courage-du-reel-cover.jpg new file mode 100644 index 0000000..bf90c56 Binary files /dev/null and b/assets/images/le-courage-du-reel-cover.jpg differ diff --git a/assets/images/le-courage-du-reel-hero-bg.jpg b/assets/images/le-courage-du-reel-hero-bg.jpg new file mode 100644 index 0000000..c24f422 Binary files /dev/null and b/assets/images/le-courage-du-reel-hero-bg.jpg differ diff --git a/assets/images/le-courage-du-reel-mine.jpg b/assets/images/le-courage-du-reel-mine.jpg new file mode 100644 index 0000000..808481d Binary files /dev/null and b/assets/images/le-courage-du-reel-mine.jpg differ diff --git a/assets/images/schema.png b/assets/images/schema.png new file mode 100644 index 0000000..e2f3485 Binary files /dev/null and b/assets/images/schema.png differ diff --git a/assets/svg/arrow-left.svg b/assets/svg/arrow-left.svg new file mode 100644 index 0000000..7a234d1 --- /dev/null +++ b/assets/svg/arrow-left.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/svg/arrow-right.svg b/assets/svg/arrow-right.svg new file mode 100644 index 0000000..09b88b1 --- /dev/null +++ b/assets/svg/arrow-right.svg @@ -0,0 +1,4 @@ + + + + diff --git a/css/main.css b/css/main.css deleted file mode 100644 index 938f744..0000000 --- a/css/main.css +++ /dev/null @@ -1,2 +0,0 @@ -@import "reset.css"; -@import "text.css"; \ No newline at end of file diff --git a/css/reset.css b/css/reset.css deleted file mode 100644 index 432833d..0000000 --- a/css/reset.css +++ /dev/null @@ -1,5 +0,0 @@ -html {box-sizing: border-box;}*,*::before,*::after {box-sizing: inherit;}body,h1,h2,h3,h4,h5,h6,ul,ol,li,p,pre,blockquote,figure,hr {margin: 0;padding: 0; font-size:100%; font-weight: normal;}ul {list-style: none;}input,textarea,select,button {color: inherit;font: inherit;letter-spacing: inherit;}input,textarea,button {border: 1px solid gray;}button {border-radius: 0;padding: 0.75em 1em;background-color: transparent;}button * {pointer-events: none;}embed,iframe,img,object,video {display: block;max-width: 100%;}table {table-layout: fixed;width: 100%;}[hidden] {display: none !important;}noscript {display: block;margin-bottom: 1em;margin-top: 1em;} -/* Buttons and input buttons */ -[role="button"],input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} -input[type="submit"], input[type="reset"], input[type="button"], button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } -input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0;} diff --git a/css/text.css b/css/text.css deleted file mode 100644 index b6c8910..0000000 --- a/css/text.css +++ /dev/null @@ -1,45 +0,0 @@ -.title-l { - font-size: var(--font-size-xxl); - line-height: var(--line-height-title-l); - font-family: serif; -} -.title-m { - font-size: var(--font-size-xl); - line-height: var(--line-height-title-m); - font-family: serif; -} - -.current-text-l { - font-size: var(--font-size-l); - line-height: var(--line-height-current-text-l); - font-family: sans-serif; -} -.current-text-m { - font-size: var(--font-size-m); - line-height: var(--line-height-current-text); - font-family: sans-serif; -} - -.bubble-current-text { - font-size: var(--font-size-s); - line-height: var(--line-height-current-text); - font-family: sans-serif; -} - -.label-m, -.bubble-title, -.topbar-menu-item { - /*revoir les classes*/ - font-size: var(--font-size-s); - line-height: var(--line-height-label-m); - font-family: sans-serif; - text-transform: uppercase; -} - -.label-s { - font-size: var(--font-size-xs); - line-height: var(--line-height-label-s); - font-family: sans-serif; - opacity: 0.8; - text-transform: uppercase; -} diff --git a/css/varibles.css b/css/varibles.css deleted file mode 100644 index 5366a2c..0000000 --- a/css/varibles.css +++ /dev/null @@ -1,25 +0,0 @@ -:root{ - --font-size-xxl : 8rem; - --font-size-xl : 4.0625rem; - --font-size-l : 2.5rem; - --font-size-m : 1.125rem; - --font-size-s : 0.9375rem; - --font-size-xs : 0.625rem; - - --line-height-title-l: 0.93em; - --line-height-title-m: 1em; - --line-height-bubble-title: 1em; - --line-height-current-text-l: 50px; - --line-height-current-text: 1.4em; - --line-height-label-m: 1em; - --line-height-label-s: 15px; - - --spacing-l: calc(var(--spacing-m) * 2); - --spacing-m: 5rem; - --spacing-s: 1.75rem; - --spacing-xs: 1.25rem; - - --color-blue:#4433FF; - --color-black: black; - --color-white: white; -} \ No newline at end of file diff --git a/index.html b/index.html index ab86102..c5c6d59 100644 --- a/index.html +++ b/index.html @@ -1,76 +1,442 @@ - - - + + + Document - - - - + + + + +
+ +
+
-
-
-

Frédéric Denjoy

-

Le courage
du réel

-

Changer sans tomber, tenir sans croire

-
-
-
-

“Le vrai n'est pas démontrable.
Il est habitable.”

-
-

— Le Courage du Réel

-
-
-
-

Pour ceux qui ne sont
plus si sûrs

-

Le livre

-
-
-

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.

-

Ce n'est ni un développement personnel, ni un traité académique.

-

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.

-

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.

-
-
-
-

Éditeur

-

Reconnaissance

-
-
-

Pages

-

220

-
-
-

Parution

-

2026

-
-
-

ISBN

-

978-2-487595-32-3

-
-
-
-
-
-
-
-
-
-
-
-
- - - \ No newline at end of file +
+

Frédéric Denjoy

+

+ Le courage
+ du réel +

+

Changer sans tomber,
tenir sans croire

+ Précommander le livre +
+ +
+
+

+ “Le vrai n'est pas démontrable.
+ Il est habitable.” +

+
+

+ — Le Courage du Réel +

+
+ +
+
+
+

Pour ceux qui ne sont plus si sûrs

+

Le livre

+
+
+

+ 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. +

+

+ Ce n'est ni un développement personnel, ni un traité académique. +

+

+ 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. +

+

+ 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. +

+
+
+ +
+
+

Éditeur

+

Reconnaissance

+
+
+

Pages

+

220

+
+
+

Parution

+

2026

+
+
+

ISBN

+

978-2-487595-32-3

+
+
+ +
+ Illustration montrant un mineur portant un casque éclairant +
+

+ Pourquoi beaucoup de gens brillants ratent leur vie sans + comprendre pourquoi. +

+

+ Rater sa vie, ce n'est pas échouer. C'est continuer à tenir + quelque chose qui te vide — en sachant que ça te vide. +

+
+
+
+ +
+
+

Extraits

+

+ Le réel traversé appelle un mot pour ne pas mourir +

+
+
+
+
+

Prologue

+

+ Le réel est un seuil.
+ On entre, ou pas. +

+
+
+

La peur

+

+ Le réel est là, à portée de main. La peur est son odeur. +

+
+
+

L'apprentissage

+

+ On ne devient pas Einstein en le lisant, ni Picasso en le + regardant.
+
+ Ça sauve presque. +

+
+
+
+
+ + + +
+
+ +
+
+
+

Chapitre III

+

Les 7 poignées du réel

+
+

Se défendre quand on ne peut plus fuir

+
+
+
+

Le Bien ouvre, le Mal bloque

+

+ Pas de morale préétablie. Un geste est bon s'il ouvre un passage + réel, mauvais s'il ferme une possibilité vivante. +

+
+
+

Chacun sent le mal

+

+ Le mal précède le langage. On ne pense pas « c'est mal » — on sent + que ça s'est fermé.
+ Ce savoir est incarné, universel. +

+
+
+

Le libre arbitre est absolu dans le relatif

+

+ La liberté est un lieu.
+ Ici.
+ Là-bas.
+ Là où la vie tue le choix. +

+
+
+

L'intelligence est justesse du geste

+

+ Ni le savoir, ni le QI. La capacité de poser le geste juste, en + acceptant d'être transformé par ce qu'on rencontre. +

+
+
+

La vérité anticipe l'inconnu

+

+ Une parole est vraie si elle permet de traverser. Fausse si elle + empêche. Indépendamment de sa logique ou de son élégance. +

+
+
+

L'amour tient face à ce qui échappe

+

+ Rester présent face à ce qui échappe — la mort, l'infini, l'autre + — sans se fermer. Une puissance, pas une faiblesse. +

+
+
+

Pouvoir, c'est la capacité d'aimer

+

+ Maintenir une maille ouverte pour l'autre, sans l'emprunter + soi-même. Rendre possible, puis s'écarter. +

+
+
+
+ +
+
+

+ “Il ne t'explique rien. Il regarde si quelque chose passe en toi — + ou pas.” +

+
+

+ — Le Courage du Réel +

+
+ +
+
+
+

Ontologie

+

La carte du réel

+

+ Chaque fragment peut révéler le système entier s'il est vécu + jusqu'au bout +

+
+
+
    +
  • Tension brute (excès d’inconnu)
    • +
  • Geste (mouvement vivant)
    • +
  • Maille (lieu du passage)
    • +
  • Forme (structure habitable)
    • +
  • Tissus (formes -> monde)
    • +
+
    +
  • + Points d’épreuve : vérité, intelligence, libre arbitre, + bien/mal, pouvoir, conscience du mal, amour +
    • +
  • Bords : infini, mort
    • +
+
+
+
+ Schéma la carte du réel +
+
+ +
+
+

Extrait

+

Chapitre IV — Ontologie des formes

+
+

+ 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. +

+

+ Elle peut être minuscule, bancale, même invisible, mais si + vivante, elle laisse passer quelque chose : circulation, souffle, + lien. +

+

+ 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. +

+
+

+ 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. +

+

+ Le courage du réel – Chapitre IV, Forme +

+
+
+ Précommander le livre +
+
+
+ +
+ Portrait de l'auteur Frédéric Denjoy +
+

L'auteur

+

Frédéric Denjoy

+

+ 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. +

+

+ 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. +

+
+
+ +
+
+

Sortie 2026

+

Ce livre est un bord.

+

+ Tu n'as pas à être d'accord. Tu n'as même pas à comprendre. Mais tu + sais si tu entres — ou si tu fuis.
+
+ Passer quand c'est possible — et tenir quand ça ne l'est plus. +

+ +

Éditions Reconnaissance — ISBN 978-2-487595-32-3

+
+ Couverture du livre Le courage du réel +
+ + + +