diff --git a/public/images/Frontispitz_SW_clean_web.png b/public/images/Frontispitz_SW_clean_web.png new file mode 100644 index 0000000..06a769e Binary files /dev/null and b/public/images/Frontispitz_SW_clean_web.png differ diff --git a/public/images/Wappen Ziefen.png b/public/images/Wappen Ziefen.png new file mode 100644 index 0000000..f2ae6ca Binary files /dev/null and b/public/images/Wappen Ziefen.png differ diff --git a/public/images/img_medium.jpg b/public/images/img_medium.jpg new file mode 100644 index 0000000..f1baa5e Binary files /dev/null and b/public/images/img_medium.jpg differ diff --git a/public/images/ziefen.svg b/public/images/ziefen.svg new file mode 100644 index 0000000..29215ff --- /dev/null +++ b/public/images/ziefen.svg @@ -0,0 +1 @@ + diff --git a/public/ziefen.svg b/public/ziefen.svg new file mode 100644 index 0000000..29215ff --- /dev/null +++ b/public/ziefen.svg @@ -0,0 +1 @@ + diff --git a/src/styles/global.css b/src/styles/global.css new file mode 100644 index 0000000..08e3bd0 --- /dev/null +++ b/src/styles/global.css @@ -0,0 +1,88 @@ +@import "tailwindcss"; + +@theme { + --color-primary: #2b2b56; + --color-secondary: #2d4a54; + --color-accent: #f9f871; + --color-text: #333; + --color-text-light: #666; + --color-bg: #ffffff; + --color-bg-alt: #fafaf5; + + --spacing-xs: 0.5rem; + --spacing-sm: 1rem; + --spacing-md: 2rem; + --spacing-lg: 3rem; + --spacing-xl: 4rem; + + --font-heading: 'Great Vibes', cursive; + --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; + + --max-width-container: 1200px; +} + +@layer base { + * { + box-sizing: border-box; + margin: 0; + padding: 0; + } + + html { + scroll-behavior: smooth; + } + + body { + font-family: var(--font-body); + color: white; + line-height: 1.6; + background-color: #2b2b56; + } + + h1, h2, h3, h4, h5, h6 { + font-family: var(--font-heading); + font-weight: 400; + } + + /* Language-specific content visibility */ + [data-language="de"] .title-en, + [data-language="de"] .subtitle-en, + [data-language="de"] .content-en, + [data-language="de"] .org-role-en, + [data-language="de"] .event-title-en, + [data-language="de"] .event-desc-en, + [data-language="de"] .nav-label-en, + [data-language="de"] .placeholder-en, + [data-language="de"] [data-lang="en"] { + display: none !important; + } + + [data-language="en"] .title-de, + [data-language="en"] .subtitle-de, + [data-language="en"] .content-de, + [data-language="en"] .org-role-de, + [data-language="en"] .event-title-de, + [data-language="en"] .event-desc-de, + [data-language="en"] .nav-label-de, + [data-language="en"] .placeholder-de, + [data-language="en"] [data-lang="de"] { + display: none !important; + } + + [data-language="de"] .nav-label-de, + [data-language="en"] .nav-label-en, + [data-language="de"] .placeholder-de, + [data-language="en"] .placeholder-en { + display: inline; + } + + /* Section content styling */ + .section-content p { + margin-bottom: 1rem; + } + + .section-content h3 { + font-size: 1.8rem; + margin: 1.5rem 0 1rem; + } +} \ No newline at end of file