Docs: README um Timeline-Illustrationen, Fehlerseiten und webroot/ ergänzt

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Dieter Schlüter 2026-10-07 19:51:14 +02:00
commit 4971cd4fee

View file

@ -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-<id>-…`), 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