diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..4c5f206 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.claude/ diff --git a/assets/css/src/_footer.scss b/assets/css/src/_footer.scss index d6e9d3d..a8546fc 100644 --- a/assets/css/src/_footer.scss +++ b/assets/css/src/_footer.scss @@ -1,5 +1,10 @@ +#presse { + scroll-margin-top: 0vh; +} + body > footer { - width: 100%; + width: 100vw; + box-sizing: border-box; position: fixed; bottom: 0; left: 0; @@ -42,9 +47,14 @@ body > footer { } .legal { + font-size: 0.625rem; + text-transform: uppercase; + letter-spacing: 0.15rem; + text-align: center; width: 50rem; margin-top: 5rem; padding: 2.5rem 0 0 0; border-top: 1px solid rgba(255, 255, 255, 0.2); + font-weight: 400; } } diff --git a/assets/css/src/_generic-classes.scss b/assets/css/src/_generic-classes.scss index 6520185..7f07f36 100644 --- a/assets/css/src/_generic-classes.scss +++ b/assets/css/src/_generic-classes.scss @@ -40,6 +40,7 @@ text-transform: uppercase; width: max-content; padding: 1rem 4rem; + font-weight: 500; &.outlined { outline: 1px solid #fff; @@ -59,7 +60,7 @@ font-size: var(--font-size-s); text-transform: uppercase; margin-bottom: 0.75rem; - font-weight: 400; + font-weight: 500; } @mixin section-title-centered { @@ -104,7 +105,7 @@ @mixin label-base { font-size: 0.625rem; text-transform: uppercase; - font-weight: 400; + font-weight: 500; opacity: 0.8; } diff --git a/assets/css/src/_header.scss b/assets/css/src/_header.scss index 79d04e5..9adffdb 100644 --- a/assets/css/src/_header.scss +++ b/assets/css/src/_header.scss @@ -1,13 +1,19 @@ body { > header { + box-sizing: border-box; position: sticky; z-index: 999; top: 0; left: 0; - width: 100%; + width: 100vw; padding: 1.5rem var(--padding-body); box-sizing: border-box; + .nav-logo, + .burger { + display: none; + } + ul { display: flex; justify-content: space-between; diff --git a/assets/css/src/_mobile.scss b/assets/css/src/_mobile.scss new file mode 100644 index 0000000..4ee383f --- /dev/null +++ b/assets/css/src/_mobile.scss @@ -0,0 +1,358 @@ +// Body scroll lock when nav is open +body.no-scroll { + overflow: hidden; +} + +@media (max-width: 930px) { + // ---- HEADER ---- + body > header { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 3.5rem; + margin: 0; + border-radius: 0; + box-sizing: border-box; + padding: 1rem var(--padding-body); + z-index: 9999; + + nav { + display: flex; + align-items: center; + position: relative; + z-index: 2; + + .nav-logo { + display: block; + font-size: 1rem; + z-index: 2; + } + + .burger { + margin-left: auto; + width: 7.125rem; + height: 1.25rem; + position: relative; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + z-index: 2; + + span { + display: block; + width: 100%; + height: 1px; + background-color: #fff; + transition: transform 0.3s ease, opacity 0.3s ease; + transform-origin: center; + } + } + + // Full-screen overlay + ul { + position: fixed; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100dvh; + background-color: var(--color-blue); + flex-direction: column; + align-items: flex-start; + padding: 6rem var(--padding-body) 2rem; + box-sizing: border-box; + z-index: 1; + opacity: 0; + pointer-events: none; + transition: opacity 0.3s ease-in-out; + + li { + width: 100%; + + a { + display: block; + padding: 0.5rem 0; + font-size: 2.5rem; + font-weight: 400; + } + } + + li:first-child { + width: 100%; + font-size: 2.5rem; + + a { + font-family: var(--font-narrow); + text-transform: uppercase; + } + } + + li:not(:first-child) { + font-family: var(--font-narrow); + font-size: 2rem; + text-transform: uppercase; + font-weight: 700; + } + } + } + + // ---- OPEN STATE ---- + &.nav-open nav { + ul { + opacity: 1; + pointer-events: all; + } + + .burger span:nth-child(2) { + opacity: 0; + } + + .burger span:first-child { + transform: translateY(0.55rem) rotate(10deg); + } + + .burger span:last-child { + transform: translateY(-0.55rem) rotate(-10deg); + } + } + } + + // Compensate fixed header + main { + padding-top: 3.5rem; + } + + section { + scroll-margin-top: calc(4.8125rem + 1rem); + } + + // ---- HERO ---- + section#hero { + height: auto; + min-height: 100vh; + text-align: center; + align-items: center; + padding: 4rem var(--padding-body) 3rem; + background-position: 74% -44vh; + background-size: 96vh; + + .title { + font-size: 4rem; + } + + .subtitle { + margin-bottom: 2rem; + } + + #preorder-button { + position: static; + } + } + + // ---- QUOTES ---- + section#quote-full, + section#quote { + padding: 4rem var(--padding-body); + + blockquote { + font-size: 1.5rem; + } + } + + // ---- THE BOOK ---- + section#the-book { + padding: 4rem var(--padding-body); + + .summary-wrapper { + grid-template-columns: 1fr; + gap: 2rem; + + .title-wrapper .title { + font-size: 2.5rem; + } + } + + .data-wrapper { + flex-wrap: wrap; + gap: 1.5rem; + justify-content: center; + + .data { + width: 40%; + } + } + + .claim-wrapper { + grid-template-columns: 1fr; + gap: 2rem; + + img { + border-radius: var(--radius-section); + } + + .text .big { + font-size: 1.75rem; + } + } + } + + // ---- EXCERPTS ---- + section#excerpts { + padding: 4rem var(--padding-body); + + header .title { + font-size: 2.5rem; + } + + .swiper-slide .item { + width: 100%; + max-width: 20rem; + text-align: center; + } + } + + // ---- HANDLES ---- + section#handles { + margin: 3rem var(--padding-body); + padding: 0; + + header { + flex-direction: column; + align-items: flex-start; + gap: 1rem; + + .title-wrapper .title { + font-size: 2.5rem; + } + + .subtitle { + margin-right: 0; + } + } + + .path { + width: 100%; + margin-top: 3rem; + + .step { + width: 100%; + } + + .step:nth-child(even) { + margin-left: 0; + } + } + } + + // ---- SYSTEM ---- + section#system { + flex-direction: column; + margin: 3rem var(--padding-body); + padding: 0; + gap: 3rem; + + .text { + max-width: 100%; + height: auto; + + .title { + font-size: 2.5rem; + } + + .bottom { + margin-top: 2rem; + } + } + + figure { + width: 100%; + margin: 0; + height: auto; + } + } + + // ---- EXCERPT (single) ---- + section#excerpt { + padding: 4rem var(--padding-body); + + .wrapper { + width: 100%; + + .chapter-title { + font-size: 2rem; + } + } + } + + // ---- AUTHOR ---- + section#author { + flex-direction: column; + padding: 4rem var(--padding-body); + align-items: center; + + img { + width: 100%; + height: auto; + margin-right: 0; + margin-bottom: 3rem; + } + + .text { + width: 100%; + + .author-name { + font-size: 2.5rem; + margin-bottom: 2rem; + } + } + } + + // ---- BUY ---- + section#buy { + flex-direction: column; + padding: 4rem var(--padding-body); + align-items: center; + gap: 3rem; + + .text { + width: 100%; + margin-left: 0; + + .title { + font-size: 2.5rem; + } + + .buy-links { + margin-top: 2.5rem; + } + } + + img { + width: 100%; + height: auto; + } + } + + // ---- FOOTER ---- + body > footer { + padding: 3rem var(--padding-body); + + header .title { + font-size: 2.5rem; + } + + .contact { + width: 100%; + flex-direction: column; + gap: 2rem; + margin-top: 3rem; + } + + .legal { + width: 100%; + margin-top: 3rem; + } + } +} diff --git a/assets/css/src/_reset.scss b/assets/css/src/_reset.scss index c010211..23f32d9 100644 --- a/assets/css/src/_reset.scss +++ b/assets/css/src/_reset.scss @@ -1,3 +1,7 @@ +html { + scroll-behavior: smooth; +} + body, html, ul, @@ -45,3 +49,7 @@ main { background-color: #fff; margin-bottom: 50rem; } + +section { + scroll-margin-top: calc(4.8125rem + 4rem); +} diff --git a/assets/css/src/_section_1-hero.scss b/assets/css/src/_section_1-hero.scss index 168580f..59d8527 100644 --- a/assets/css/src/_section_1-hero.scss +++ b/assets/css/src/_section_1-hero.scss @@ -22,6 +22,7 @@ section#hero { font-weight: 700; text-transform: uppercase; letter-spacing: 0; + line-height: 93%; } .subtitle { diff --git a/assets/css/src/_section_10-buy.scss b/assets/css/src/_section_10-buy.scss index 87187ef..5f4338e 100644 --- a/assets/css/src/_section_10-buy.scss +++ b/assets/css/src/_section_10-buy.scss @@ -26,10 +26,14 @@ section#buy { .buy-links { margin-top: 5rem; + display: flex; + flex-direction: column; + align-items: center; + gap: 1rem; li { - margin-bottom: 1rem; a { - display: inline-block; + width: 14rem; + display: block; } } } @@ -37,6 +41,8 @@ section#buy { .info { @include label-base; letter-spacing: 2.4px; + font-weight: 400; + margin-top: 1rem; } } diff --git a/assets/css/src/_section_2-quote.scss b/assets/css/src/_section_2-quote.scss index 22a5d5d..0097cbb 100644 --- a/assets/css/src/_section_2-quote.scss +++ b/assets/css/src/_section_2-quote.scss @@ -7,11 +7,14 @@ section#quote { blockquote { display: block; - width: min(100%, 40rem); + width: min(100%, 44rem); text-align: center; font-size: 2.5rem; margin-bottom: 1.25rem; } + cite { + font-weight: 500; + } } section#quote { diff --git a/assets/css/src/_section_3-the_book.scss b/assets/css/src/_section_3-the_book.scss index c146327..bedd5d4 100644 --- a/assets/css/src/_section_3-the_book.scss +++ b/assets/css/src/_section_3-the_book.scss @@ -18,6 +18,7 @@ section#the-book { .text { font-weight: normal; font-size: var(--font-size-m); + font-weight: 500; @include text-paragraphs-spaced; } } @@ -35,6 +36,9 @@ section#the-book { @include label-base; margin-bottom: 0.5rem; } + .value { + font-weight: 500; + } } .claim-wrapper { @@ -52,6 +56,12 @@ section#the-book { .big { font-size: 2.5rem; margin-bottom: 1.25rem; + font-weight: 500; + } + + .small { + font-weight: 500; + font-size: var(--font-size-m); } } } diff --git a/assets/css/src/_section_4-excerpts.scss b/assets/css/src/_section_4-excerpts.scss index ad62862..13fc284 100644 --- a/assets/css/src/_section_4-excerpts.scss +++ b/assets/css/src/_section_4-excerpts.scss @@ -12,7 +12,6 @@ section#excerpts { margin-bottom: 3rem; .label { - font-weight: 400; font-size: var(--font-size-s); text-transform: uppercase; } @@ -55,11 +54,13 @@ section#excerpts { .label { @include label-spaced; + font-weight: 400; } .text { font-size: var(--font-size-m); line-height: 140%; + font-weight: 500; } } } diff --git a/assets/css/src/_section_5-handles.scss b/assets/css/src/_section_5-handles.scss index 3d66164..581d43b 100644 --- a/assets/css/src/_section_5-handles.scss +++ b/assets/css/src/_section_5-handles.scss @@ -1,5 +1,5 @@ section#handles { - margin: 5rem var(--padding-body); + padding: 10rem 15vw; display: flex; flex-direction: column; align-items: center; @@ -37,11 +37,13 @@ section#handles { color: var(--color-blue); font-size: var(--font-size-s); - font-weight: 500; - h4 { text-transform: uppercase; margin-bottom: 0.7rem; + font-weight: 500; + } + p { + font-weight: 400; } } .step:hover { diff --git a/assets/css/src/_section_7-system.scss b/assets/css/src/_section_7-system.scss index 4d73b0e..149dd17 100644 --- a/assets/css/src/_section_7-system.scss +++ b/assets/css/src/_section_7-system.scss @@ -1,7 +1,7 @@ section#system { display: flex; justify-content: space-between; - margin: 5rem var(--padding-body); + padding: 10rem 0 10rem min(15vw, 100%); .text { display: flex; @@ -31,6 +31,7 @@ section#system { li { list-style: disc; list-style-position: inside; + font-weight: 500; } } ul:not(:last-child) { @@ -40,10 +41,10 @@ section#system { } figure { - width: 55%; - height: 46vw; + width: 70vw; + height: 40vw; img { - object-fit: cover; + object-fit: contain; width: 100%; height: 100%; } diff --git a/assets/css/src/_section_8-excerpt.scss b/assets/css/src/_section_8-excerpt.scss index 6301050..d7004ac 100644 --- a/assets/css/src/_section_8-excerpt.scss +++ b/assets/css/src/_section_8-excerpt.scss @@ -18,6 +18,7 @@ section#excerpt { margin: 3rem 0; font-size: var(--font-size-m); @include text-paragraphs-spaced; + font-weight: 500; p.reference { font-size: 0.75rem; diff --git a/assets/css/style.css b/assets/css/style.css index 70e0023..0f7b30c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,3 +1,7 @@ +html { + scroll-behavior: smooth; +} + body, html, ul, @@ -46,6 +50,10 @@ main { margin-bottom: 50rem; } +section { + scroll-margin-top: 8.8125rem; +} + :root { --font-narrow: 'owners-xnarrow', sans-serif; --font-size-l: 4rem; @@ -95,6 +103,7 @@ body { width: -moz-max-content; width: max-content; padding: 1rem 4rem; + font-weight: 500; } .blue-button.outlined { outline: 1px solid #fff; @@ -110,7 +119,7 @@ body { font-size: var(--font-size-s); text-transform: uppercase; margin-bottom: 0.75rem; - font-weight: 400; + font-weight: 500; } .section-title.--centered { width: 100%; @@ -140,7 +149,7 @@ body { .label { font-size: 0.625rem; text-transform: uppercase; - font-weight: 400; + font-weight: 500; opacity: 0.8; } .label.--dimmed { @@ -164,14 +173,19 @@ body { } body > header { + box-sizing: border-box; position: sticky; z-index: 999; top: 0; left: 0; - width: 100%; + width: 100vw; padding: 1.5rem var(--padding-body); box-sizing: border-box; } +body > header .nav-logo, +body > header .burger { + display: none; +} body > header ul { display: flex; justify-content: space-between; @@ -211,6 +225,7 @@ section#hero .title { font-weight: 700; text-transform: uppercase; letter-spacing: 0; + line-height: 93%; } section#hero .subtitle { font-weight: 400; @@ -230,11 +245,15 @@ section#quote { section#quote-full blockquote, section#quote blockquote { display: block; - width: min(100%, 40rem); + width: min(100%, 44rem); text-align: center; font-size: 2.5rem; margin-bottom: 1.25rem; } +section#quote-full cite, +section#quote cite { + font-weight: 500; +} section#quote { margin: 0 var(--padding-body); @@ -265,6 +284,7 @@ section#the-book .summary-wrapper .title-wrapper .title { section#the-book .summary-wrapper .text { font-weight: normal; font-size: var(--font-size-m); + font-weight: 500; } section#the-book .summary-wrapper .text p:not(:last-child) { margin-bottom: 1.75rem; @@ -281,10 +301,13 @@ section#the-book .data-wrapper { section#the-book .data-wrapper .label { font-size: 0.625rem; text-transform: uppercase; - font-weight: 400; + font-weight: 500; opacity: 0.8; margin-bottom: 0.5rem; } +section#the-book .data-wrapper .value { + font-weight: 500; +} section#the-book .claim-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); @@ -301,6 +324,11 @@ section#the-book .claim-wrapper .text { section#the-book .claim-wrapper .text .big { font-size: 2.5rem; margin-bottom: 1.25rem; + font-weight: 500; +} +section#the-book .claim-wrapper .text .small { + font-weight: 500; + font-size: var(--font-size-m); } section#excerpts { @@ -317,7 +345,6 @@ section#excerpts header { margin-bottom: 3rem; } section#excerpts header .label { - font-weight: 400; font-size: var(--font-size-s); text-transform: uppercase; } @@ -358,13 +385,15 @@ section#excerpts .swiper-slide .item { section#excerpts .swiper-slide .item .label { font-size: 0.625rem; text-transform: uppercase; - font-weight: 400; + font-weight: 500; opacity: 0.8; margin-bottom: 0.7rem; + font-weight: 400; } section#excerpts .swiper-slide .item .text { font-size: var(--font-size-m); line-height: 140%; + font-weight: 500; } section#excerpts .swiper-button-prev, section#excerpts .swiper-button-next { @@ -443,7 +472,7 @@ section#excerpts .swiper-pagination-bullet-active { } section#handles { - margin: 5rem var(--padding-body); + padding: 10rem 15vw; display: flex; flex-direction: column; align-items: center; @@ -458,7 +487,7 @@ section#handles header .title-wrapper .index { font-size: var(--font-size-s); text-transform: uppercase; margin-bottom: 0.75rem; - font-weight: 400; + font-weight: 500; font-weight: 500; } section#handles header .title-wrapper .title { @@ -485,11 +514,14 @@ section#handles .path .step { 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; + font-weight: 500; +} +section#handles .path .step p { + font-weight: 400; } section#handles .path .step:hover { background-color: var(--color-blue); @@ -505,7 +537,7 @@ section#handles .path .step:not(:last-child) { section#system { display: flex; justify-content: space-between; - margin: 5rem var(--padding-body); + padding: 10rem 0 10rem min(15vw, 100%); } section#system .text { display: flex; @@ -518,7 +550,7 @@ section#system .text .top .section-title { font-size: var(--font-size-s); text-transform: uppercase; margin-bottom: 0.75rem; - font-weight: 400; + font-weight: 500; } section#system .text .top .title { font-family: "owners-xnarrow", sans-serif; @@ -535,17 +567,18 @@ section#system .text .top .info { section#system .text .bottom ul li { list-style: disc; list-style-position: inside; + font-weight: 500; } section#system .text .bottom ul:not(:last-child) { margin-bottom: 3rem; } section#system figure { - width: 55%; - height: 46vw; + width: 70vw; + height: 40vw; } section#system figure img { - -o-object-fit: cover; - object-fit: cover; + -o-object-fit: contain; + object-fit: contain; width: 100%; height: 100%; } @@ -562,7 +595,7 @@ section#excerpt .wrapper .section-title { font-size: var(--font-size-s); text-transform: uppercase; margin-bottom: 0.75rem; - font-weight: 400; + font-weight: 500; width: 100%; text-align: center; } @@ -581,6 +614,9 @@ section#excerpt .wrapper .content { section#excerpt .wrapper .content p:not(:last-child) { margin-bottom: 1.75rem; } +section#excerpt .wrapper .content { + font-weight: 500; +} section#excerpt .wrapper .content p.reference { font-size: 0.75rem; } @@ -613,7 +649,7 @@ section#author .text .section-title { font-size: var(--font-size-s); text-transform: uppercase; margin-bottom: 0.75rem; - font-weight: 400; + font-weight: 500; } section#author .text .author-name { font-family: "owners-xnarrow", sans-serif; @@ -646,7 +682,7 @@ section#buy .text .section-title { font-size: var(--font-size-s); text-transform: uppercase; margin-bottom: 0.75rem; - font-weight: 400; + font-weight: 500; } section#buy .text .title { font-family: "owners-xnarrow", sans-serif; @@ -665,19 +701,23 @@ section#buy .text p:not(:last-child) { } section#buy .text .buy-links { margin-top: 5rem; -} -section#buy .text .buy-links li { - margin-bottom: 1rem; + display: flex; + flex-direction: column; + align-items: center; + gap: 1rem; } section#buy .text .buy-links li a { - display: inline-block; + width: 14rem; + display: block; } section#buy .text .info { font-size: 0.625rem; text-transform: uppercase; - font-weight: 400; + font-weight: 500; opacity: 0.8; letter-spacing: 2.4px; + font-weight: 400; + margin-top: 1rem; } section#buy img { width: 45%; @@ -686,8 +726,13 @@ section#buy img { object-fit: cover; } +#presse { + scroll-margin-top: 0vh; +} + body > footer { - width: 100%; + width: 100vw; + box-sizing: border-box; position: fixed; bottom: 0; left: 0; @@ -704,7 +749,7 @@ body > footer header .section-title { font-size: var(--font-size-s); text-transform: uppercase; margin-bottom: 0.75rem; - font-weight: 400; + font-weight: 500; width: 100%; text-align: center; } @@ -733,8 +778,295 @@ body > footer .contact .item:not(:last-child) { margin-bottom: 2.5rem; } body > footer .legal { + font-size: 0.625rem; + text-transform: uppercase; + letter-spacing: 0.15rem; + text-align: center; width: 50rem; margin-top: 5rem; padding: 2.5rem 0 0 0; border-top: 1px solid rgba(255, 255, 255, 0.2); + font-weight: 400; +} + +body.no-scroll { + overflow: hidden; +} + +@media (max-width: 930px) { + body > header { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 3.5rem; + margin: 0; + border-radius: 0; + box-sizing: border-box; + padding: 1rem var(--padding-body); + z-index: 9999; + } + body > header nav { + display: flex; + align-items: center; + position: relative; + z-index: 2; + } + body > header nav .nav-logo { + display: block; + font-size: 1rem; + z-index: 2; + } + body > header nav .burger { + margin-left: auto; + width: 7.125rem; + height: 1.25rem; + position: relative; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + z-index: 2; + } + body > header nav .burger span { + display: block; + width: 100%; + height: 1px; + background-color: #fff; + transition: transform 0.3s ease, opacity 0.3s ease; + transform-origin: center; + } + body > header nav ul { + position: fixed; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100dvh; + background-color: var(--color-blue); + flex-direction: column; + align-items: flex-start; + padding: 6rem var(--padding-body) 2rem; + box-sizing: border-box; + z-index: 1; + opacity: 0; + pointer-events: none; + transition: opacity 0.3s ease-in-out; + } + body > header nav ul li { + width: 100%; + } + body > header nav ul li a { + display: block; + padding: 0.5rem 0; + font-size: 2.5rem; + font-weight: 400; + } + body > header nav ul li:first-child { + width: 100%; + font-size: 2.5rem; + } + body > header nav ul li:first-child a { + font-family: var(--font-narrow); + text-transform: uppercase; + } + body > header nav ul li:not(:first-child) { + font-family: var(--font-narrow); + font-size: 2rem; + text-transform: uppercase; + font-weight: 700; + } + body > header.nav-open nav ul { + opacity: 1; + pointer-events: all; + } + body > header.nav-open nav .burger span:nth-child(2) { + opacity: 0; + } + body > header.nav-open nav .burger span:first-child { + transform: translateY(0.55rem) rotate(10deg); + } + body > header.nav-open nav .burger span:last-child { + transform: translateY(-0.55rem) rotate(-10deg); + } + main { + padding-top: 3.5rem; + } + section { + scroll-margin-top: 5.8125rem; + } + section#hero { + height: auto; + min-height: 100vh; + text-align: center; + align-items: center; + padding: 4rem var(--padding-body) 3rem; + background-position: 74% -44vh; + background-size: 96vh; + } + section#hero .title { + font-size: 4rem; + } + section#hero .subtitle { + margin-bottom: 2rem; + } + section#hero #preorder-button { + position: static; + } + section#quote-full, + section#quote { + padding: 4rem var(--padding-body); + } + section#quote-full blockquote, + section#quote blockquote { + font-size: 1.5rem; + } + section#the-book { + padding: 4rem var(--padding-body); + } + section#the-book .summary-wrapper { + grid-template-columns: 1fr; + gap: 2rem; + } + section#the-book .summary-wrapper .title-wrapper .title { + font-size: 2.5rem; + } + section#the-book .data-wrapper { + flex-wrap: wrap; + gap: 1.5rem; + justify-content: center; + } + section#the-book .data-wrapper .data { + width: 40%; + } + section#the-book .claim-wrapper { + grid-template-columns: 1fr; + gap: 2rem; + } + section#the-book .claim-wrapper img { + border-radius: var(--radius-section); + } + section#the-book .claim-wrapper .text .big { + font-size: 1.75rem; + } + section#excerpts { + padding: 4rem var(--padding-body); + } + section#excerpts header .title { + font-size: 2.5rem; + } + section#excerpts .swiper-slide .item { + width: 100%; + max-width: 20rem; + text-align: center; + } + section#handles { + margin: 3rem var(--padding-body); + padding: 0; + } + section#handles header { + flex-direction: column; + align-items: flex-start; + gap: 1rem; + } + section#handles header .title-wrapper .title { + font-size: 2.5rem; + } + section#handles header .subtitle { + margin-right: 0; + } + section#handles .path { + width: 100%; + margin-top: 3rem; + } + section#handles .path .step { + width: 100%; + } + section#handles .path .step:nth-child(even) { + margin-left: 0; + } + section#system { + flex-direction: column; + margin: 3rem var(--padding-body); + padding: 0; + gap: 3rem; + } + section#system .text { + max-width: 100%; + height: auto; + } + section#system .text .title { + font-size: 2.5rem; + } + section#system .text .bottom { + margin-top: 2rem; + } + section#system figure { + width: 100%; + margin: 0; + height: auto; + } + section#excerpt { + padding: 4rem var(--padding-body); + } + section#excerpt .wrapper { + width: 100%; + } + section#excerpt .wrapper .chapter-title { + font-size: 2rem; + } + section#author { + flex-direction: column; + padding: 4rem var(--padding-body); + align-items: center; + } + section#author img { + width: 100%; + height: auto; + margin-right: 0; + margin-bottom: 3rem; + } + section#author .text { + width: 100%; + } + section#author .text .author-name { + font-size: 2.5rem; + margin-bottom: 2rem; + } + section#buy { + flex-direction: column; + padding: 4rem var(--padding-body); + align-items: center; + gap: 3rem; + } + section#buy .text { + width: 100%; + margin-left: 0; + } + section#buy .text .title { + font-size: 2.5rem; + } + section#buy .text .buy-links { + margin-top: 2.5rem; + } + section#buy img { + width: 100%; + height: auto; + } + body > footer { + padding: 3rem var(--padding-body); + } + body > footer header .title { + font-size: 2.5rem; + } + body > footer .contact { + width: 100%; + flex-direction: column; + gap: 2rem; + margin-top: 3rem; + } + body > footer .legal { + width: 100%; + margin-top: 3rem; + } }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map index dad75be..3cbca58 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +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 +{"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","src/_mobile.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 index 8b5c18b..2e3bd46 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -13,3 +13,4 @@ @import 'src/section_9-author.scss'; @import 'src/section_10-buy.scss'; @import 'src/footer.scss'; +@import 'src/mobile.scss'; diff --git a/assets/images/frederic-denjoy.jpeg b/assets/images/frederic-denjoy.jpeg new file mode 100644 index 0000000..4b41672 Binary files /dev/null and b/assets/images/frederic-denjoy.jpeg differ diff --git a/assets/images/frederic-denjoy.jpg b/assets/images/frederic-denjoy.jpg deleted file mode 100644 index 48aab9e..0000000 Binary files a/assets/images/frederic-denjoy.jpg and /dev/null differ diff --git a/assets/images/schema.png b/assets/images/schema.png index e2f3485..e782da0 100644 Binary files a/assets/images/schema.png and b/assets/images/schema.png differ diff --git a/assets/js/script.js b/assets/js/script.js index 734e02f..b716fdc 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -1,4 +1,23 @@ -document.addEventListener('DOMContentLoaded', function() { +document.addEventListener('DOMContentLoaded', function () { + // ---- MOBILE NAV ---- + const header = document.querySelector('body > header'); + const burger = header.querySelector('.burger'); + const navLinks = header.querySelectorAll('nav ul a'); + + burger.addEventListener('click', function () { + header.classList.toggle('nav-open'); + document.body.classList.toggle('no-scroll'); + }); + + navLinks.forEach(function (link) { + link.addEventListener('click', function () { + if (!header.classList.contains('nav-open')) return; + header.classList.remove('nav-open'); + document.body.classList.remove('no-scroll'); + }); + }); + + const excerptSwiper = new Swiper('.excerpts-swiper', { // Slides visibles et groupement slidesPerView: 3, diff --git a/index.html b/index.html index 804433a..6fa7311 100644 --- a/index.html +++ b/index.html @@ -3,34 +3,80 @@ - Document + + + Le Courage du Réel — Frédéric Denjoy + + + + + + + + + + + + + + + + + + + + + + +
@@ -88,7 +134,7 @@

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.

@@ -364,7 +410,7 @@
Portrait de l'auteur Frédéric Denjoy
@@ -409,7 +455,7 @@ href="https://www.amazon.fr/COURAGE-DU-R%C3%89EL-Denjoy-Frederic/dp/B0GGYQN2FR" target="_blank" class="blue-button" - >Acheter - FNACAcheter - Amazon
  • @@ -417,7 +463,7 @@ href="https://editions-reconnaissance.fr/livre/le-courage-du-reel/" target="_blank" class="blue-button" - >Acheter - FNACPrécommander le livre
    • @@ -428,6 +474,7 @@ alt="Couverture du livre Le courage du réel" />
    +