diff --git a/src/pages/index.astro b/src/pages/index.astro index caffaab..464621a 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -215,30 +215,36 @@ const findItem = (src: string) =>
-
- {about.photo ? ( + {about.photo ? ( +
Lara und Pascal
- ) : ( -
- - Foto von Lara und Pascal einsetzen
- zusammen, hochkant, echtes Licht -
-
- )} -
+
+ +

{about.title}

+

{about.quote}

+ + {about.paragraphs.map((paragraph) => ( +

+ ))} +

+
+ ) : ( + /* Ohne Foto: wie die anderen Abschnitte, Kennung in der Randspalte, + Text größer gesetzt, damit die Fläche nicht leer wirkt */ +

{about.title}

{about.quote}

- - {about.paragraphs.map((paragraph) => ( -

- ))} +

+ {about.paragraphs.map((paragraph) => ( +

+ ))} +

-
+ )}
@@ -865,6 +871,29 @@ const findItem = (src: string) => margin: 0 0 var(--space-6); } + .about-ohne-foto .about-quote { + margin-bottom: var(--space-7); + } + + .about-ohne-foto .about-quote p { + font-size: clamp(1.9rem, 3.6vw, 3rem); + max-width: 22ch; + } + + .about-text { + max-width: 42rem; + } + + .about-text p { + font-size: clamp(1.125rem, 1.5vw, 1.3rem); + line-height: 1.65; + color: var(--color-text); + } + + .about-text p + p { + margin-top: var(--space-5); + } + .about-quote p { font-family: var(--font-serif); font-style: italic;