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:
parent
054be8db07
commit
4971cd4fee
1 changed files with 25 additions and 2 deletions
27
README.md
27
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-<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
|
||||
|
|
|
|||
Loading…
Reference in a new issue