johannes.gasser/theater-ziefen-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated font & text width
Build and Deploy / build-and-deploy (push) Successful in 10m55s
Details

Browse Source
This commit is contained in:
Johannes Gasser
2026-07-21 22:25:10 +02:00
parent ce83c36f3a
commit e3cdb466a3
3 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/BaseLayout.astro
+1 -1
View File
@@ -19,7 +19,7 @@ const { title, description = "Theater Ziefen - Coming 2029" } = Astro.props;
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet">
<title>{title} | Theater Ziefen</title> <title>{title} | Theater Ziefen</title>
</head> </head>
<body> <body>
src/pages/index.astro
+6 -6
View File
@@ -40,7 +40,7 @@ const content = await sanityClient.fetch(theaterHomepageQuery) ?? {};
title={content.projekt?.title || 'Das Projekt'} title={content.projekt?.title || 'Das Projekt'}
variant="light" variant="light"
> >
<div set:html={renderPortableText(content.projekt?.content)} /> <div class="prose-measure" set:html={renderPortableText(content.projekt?.content)} />
</TheaterSection> </TheaterSection>
<!-- Section 2: Wer steckt dahinter --> <!-- Section 2: Wer steckt dahinter -->
@@ -49,7 +49,7 @@ const content = await sanityClient.fetch(theaterHomepageQuery) ?? {};
title={content.team?.title || 'Wer steckt dahinter'} title={content.team?.title || 'Wer steckt dahinter'}
variant="dark" variant="dark"
> >
<div set:html={renderPortableText(content.team?.content)} /> <div class="prose-measure" set:html={renderPortableText(content.team?.content)} />
{content.team?.organizations && content.team.organizations.length > 0 && ( {content.team?.organizations && content.team.organizations.length > 0 && (
<div class="grid grid-cols-1 md:grid-cols-[repeat(auto-fit,minmax(250px,1fr))] gap-12 mt-16"> <div class="grid grid-cols-1 md:grid-cols-[repeat(auto-fit,minmax(250px,1fr))] gap-12 mt-16">
@@ -91,7 +91,7 @@ const content = await sanityClient.fetch(theaterHomepageQuery) ?? {};
title={content.stueck?.title || 'Das Stück'} title={content.stueck?.title || 'Das Stück'}
variant="light" variant="light"
> >
<div set:html={renderPortableText(content.stueck?.content)} /> <div class="prose-measure" set:html={renderPortableText(content.stueck?.content)} />
</TheaterSection> </TheaterSection>
<!-- Section 4: Mitwirkung --> <!-- Section 4: Mitwirkung -->
@@ -100,7 +100,7 @@ const content = await sanityClient.fetch(theaterHomepageQuery) ?? {};
title={content.mitwirkung?.title || 'Mitwirkung im Schauspiel'} title={content.mitwirkung?.title || 'Mitwirkung im Schauspiel'}
variant="dark" variant="dark"
> >
<div set:html={renderPortableText(content.mitwirkung?.content)} /> <div class="prose-measure" set:html={renderPortableText(content.mitwirkung?.content)} />
{content.mitwirkung?.director_name && ( {content.mitwirkung?.director_name && (
<div class="mt-16 p-12 bg-white/10 rounded-lg text-center"> <div class="mt-16 p-12 bg-white/10 rounded-lg text-center">
@@ -163,7 +163,7 @@ const content = await sanityClient.fetch(theaterHomepageQuery) ?? {};
title={content.presse?.title || 'Presse'} title={content.presse?.title || 'Presse'}
variant="dark" variant="dark"
> >
<div set:html={renderPortableText(content.presse?.content)} /> <div class="prose-measure" set:html={renderPortableText(content.presse?.content)} />
</TheaterSection> </TheaterSection>
<!-- Section 7: Foto Galerie --> <!-- Section 7: Foto Galerie -->
@@ -181,7 +181,7 @@ const content = await sanityClient.fetch(theaterHomepageQuery) ?? {};
title={content.tickets?.title || 'Tickets'} title={content.tickets?.title || 'Tickets'}
variant="dark" variant="dark"
> >
<div set:html={renderPortableText(content.tickets?.content)} /> <div class="prose-measure" set:html={renderPortableText(content.tickets?.content)} />
{content.tickets?.ticket_url && ( {content.tickets?.ticket_url && (
<div class="mt-[--spacing-lg] text-center"> <div class="mt-[--spacing-lg] text-center">
src/styles/global.css
+9 -1
View File
@@ -11,7 +11,7 @@
--breakpoint-md: 50rem; --breakpoint-md: 50rem;
--font-heading: 'Great Vibes', cursive; --font-heading: 'Kaushan Script', cursive;
--font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
} }
@@ -50,4 +50,12 @@
font-size: 1.8rem; font-size: 1.8rem;
margin: 1.5rem 0 1rem; margin: 1.5rem 0 1rem;
} }
/* Keep flowing prose to a comfortable reading measure so lines
don't stretch across the full section width. */
.prose-measure {
max-width: 42rem;
margin-left: auto;
margin-right: auto;
}
} }