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

switch from tinacms to sanity

Browse Source
This commit is contained in:
Johannes Gasser
2026-05-07 09:36:34 +02:00
parent bd97af838d
commit bf04f8679d
30 changed files with 10345 additions and 23187 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/index.astro
+18 -45
View File
@@ -3,39 +3,12 @@ import BaseLayout from '../layouts/BaseLayout.astro';
import AnchorNav from '../components/AnchorNav.astro';
import TheaterSection from '../components/TheaterSection.astro';
import PhotoGallery from '../components/PhotoGallery.astro';
import { sanityClient } from '../sanity/client';
import { renderPortableText } from '../sanity/portableText';
import { urlFor } from '../sanity/imageUrl';
import { theaterHomepageQuery } from '../sanity/queries';
// Import theater homepage content
const theaterFiles = import.meta.glob('../../content/theater/*.mdx', { eager: true });
const theaterHomepage = Object.values(theaterFiles)[0] as any;
const content = theaterHomepage?.frontmatter || {};
// Helper function to render rich-text content
function renderRichText(richText: any, lang: 'de' | 'en'): string {
if (!richText || !richText.children) return '';
let html = '';
richText.children.forEach((child: any) => {
if (child.type === 'p') {
html += '<p>';
child.children.forEach((textNode: any) => {
if (textNode.type === 'text') {
html += textNode.text;
}
});
html += '</p>';
} else if (child.type === 'h3') {
html += '<h3>';
child.children.forEach((textNode: any) => {
if (textNode.type === 'text') {
html += textNode.text;
}
});
html += '</h3>';
}
});
return html;
}
const content = await sanityClient.fetch(theaterHomepageQuery) ?? {};
---
<BaseLayout title={content.title || 'Freilichttheater Ziefen 2028'}>
@@ -69,8 +42,8 @@ function renderRichText(richText: any, lang: 'de' | 'en'): string {
titleEn={content.projekt?.title_en || 'The Project'}
variant="light"
>
<div class="content-de" data-lang="de" set:html={renderRichText(content.projekt?.content_de, 'de')} />
<div class="content-en" data-lang="en" set:html={renderRichText(content.projekt?.content_en, 'en')} />
<div class="content-de" data-lang="de" set:html={renderPortableText(content.projekt?.content_de)} />
<div class="content-en" data-lang="en" set:html={renderPortableText(content.projekt?.content_en)} />
</TheaterSection>
<!-- Section 2: Wer steckt dahinter -->
@@ -80,8 +53,8 @@ function renderRichText(richText: any, lang: 'de' | 'en'): string {
titleEn={content.team?.title_en || "Who's Behind It"}
variant="dark"
>
<div class="content-de" data-lang="de" set:html={renderRichText(content.team?.content_de, 'de')} />
<div class="content-en" data-lang="en" set:html={renderRichText(content.team?.content_en, 'en')} />
<div class="content-de" data-lang="de" set:html={renderPortableText(content.team?.content_de)} />
<div class="content-en" data-lang="en" set:html={renderPortableText(content.team?.content_en)} />
{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">
@@ -90,7 +63,7 @@ function renderRichText(richText: any, lang: 'de' | 'en'): string {
<Fragment>
{org.logo && (
<div class="mb-4 flex justify-center">
<img src={org.logo} alt={`${org.name} logo`} class="h-20 w-auto object-contain" />
<img src={urlFor(org.logo)} alt={`${org.name} logo`} class="h-20 w-auto object-contain" />
</div>
)}
<h3 class="text-3xl mb-2 text-white">{org.name}</h3>
@@ -125,8 +98,8 @@ function renderRichText(richText: any, lang: 'de' | 'en'): string {
titleEn={content.stueck?.title_en || 'The Play'}
variant="light"
>
<div class="content-de" data-lang="de" set:html={renderRichText(content.stueck?.content_de, 'de')} />
<div class="content-en" data-lang="en" set:html={renderRichText(content.stueck?.content_en, 'en')} />
<div class="content-de" data-lang="de" set:html={renderPortableText(content.stueck?.content_de)} />
<div class="content-en" data-lang="en" set:html={renderPortableText(content.stueck?.content_en)} />
</TheaterSection>
<!-- Section 4: Mitwirkung -->
@@ -136,8 +109,8 @@ function renderRichText(richText: any, lang: 'de' | 'en'): string {
titleEn={content.mitwirkung?.title_en || 'Participation in the Play'}
variant="dark"
>
<div class="content-de" data-lang="de" set:html={renderRichText(content.mitwirkung?.content_de, 'de')} />
<div class="content-en" data-lang="en" set:html={renderRichText(content.mitwirkung?.content_en, 'en')} />
<div class="content-de" data-lang="de" set:html={renderPortableText(content.mitwirkung?.content_de)} />
<div class="content-en" data-lang="en" set:html={renderPortableText(content.mitwirkung?.content_en)} />
{content.mitwirkung?.director_name && (
<div class="mt-16 p-12 bg-white/10 rounded-lg text-center">
@@ -212,8 +185,8 @@ function renderRichText(richText: any, lang: 'de' | 'en'): string {
titleEn={content.presse?.title_en || 'Press'}
variant="dark"
>
<div class="content-de" data-lang="de" set:html={renderRichText(content.presse?.content_de, 'de')} />
<div class="content-en" data-lang="en" set:html={renderRichText(content.presse?.content_en, 'en')} />
<div class="content-de" data-lang="de" set:html={renderPortableText(content.presse?.content_de)} />
<div class="content-en" data-lang="en" set:html={renderPortableText(content.presse?.content_en)} />
</TheaterSection>
<!-- Section 7: Foto Galerie -->
@@ -233,8 +206,8 @@ function renderRichText(richText: any, lang: 'de' | 'en'): string {
titleEn={content.tickets?.title_en || 'Tickets'}
variant="dark"
>
<div class="content-de" data-lang="de" set:html={renderRichText(content.tickets?.content_de, 'de')} />
<div class="content-en" data-lang="en" set:html={renderRichText(content.tickets?.content_en, 'en')} />
<div class="content-de" data-lang="de" set:html={renderPortableText(content.tickets?.content_de)} />
<div class="content-en" data-lang="en" set:html={renderPortableText(content.tickets?.content_en)} />
{content.tickets?.ticket_url && (
<div class="mt-[--spacing-lg] text-center">