diff --git a/README.md b/README.md index f9aeccd..2e2a333 100644 --- a/README.md +++ b/README.md @@ -20,22 +20,28 @@ Next.js 16 Landing Page für [jamulix.de](https://jamulix.de), statisch exportie app/ layout.tsx # Root Layout, Fonts, Theme-Init-Script page.tsx # Hauptseite (alle Sections zusammengesetzt) - globals.css # CSS-Variablen (OKLCH), Tailwind, Fly.io-Farbschema + globals.css # CSS-Variablen (OKLCH), Tailwind, Fly.io-Farbschema, Timeline-Animationen impressum/ # Impressum-Seite datenschutz/ # Datenschutzerklärung + not-found.tsx # 404-Seite + 401/ 403/ 500/ 502/ 503/ 504/ # weitere Fehlerseiten components/ hero.tsx # Hero-Section mit Gradient-Überschrift - about-section.tsx + about-section.tsx # Motivation, Jamulix-Gesetze, Timeline + timeline-holo.tsx # Hologramm-Illustrationen zur Timeline (SVG) projects-section.tsx focus-section.tsx philosophy-section.tsx footer.tsx # Footer mit E-Mail (obfuskiert) und Forgejo-Link header.tsx # Navigation + Theme-Toggle programmer-graphic.tsx # Foto (statischer Import wegen basePath) + error-page.tsx # Gemeinsames Layout der Fehlerseiten theme-toggle.tsx ui/ # shadcn/ui-Basiskomponenten public/ Programmierer.png # Foto (statischer Import in programmer-graphic.tsx) +webroot/ + index.html # Weiterleitung jamulix.de/ → /landingpage/ (vom Deploy in den Webroot kopiert) ``` --- @@ -166,6 +172,23 @@ error_page 504 /504.html; Dark/Light Mode wird per `localStorage` gespeichert. Das Init-Script in `app/layout.tsx` verhindert Flash beim Laden. +### Timeline-Illustrationen + +`components/timeline-holo.tsx` enthält acht SVG-Szenen, je eine pro +Timeline-Station (Lochkarte, PC, Atari ST, Unix, Linux, WWW, Server, KI). +Stil angelehnt an das Hero-Foto: dunkler Raum, Magenta-Deckenlicht, +Hologramm-Projektor mit Lichtkegel, schwebende Glas-Panels. + +- Zuordnung über das Feld `art` im `timeline`-Array in `about-section.tsx`; + neue Szene = neuer `TimelineArtId` + Eintrag in `SCENES`. +- Desktop: Grafik auf der dem Text gegenüberliegenden Seite; mobil darunter. +- Die Szenen sind in beiden Themes dunkel (wie das Hero-Foto). +- Reines SVG, keine Bilddateien. Filter-/Gradient-IDs sind pro Szene + präfixiert (`holo--…`), da alle acht SVGs auf einer Seite stehen. +- Animationen (`tl-blink`, `tl-pulse`, `tl-flow`, `tl-flicker` …) stehen in + `app/globals.css` und werden bei `prefers-reduced-motion` abgeschaltet. +- Die Lochkarte ist echter Hollerith-Code („C JAMULIX 1976 FORTRAN IV“). + --- ## Bilder