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/
|
app/
|
||||||
layout.tsx # Root Layout, Fonts, Theme-Init-Script
|
layout.tsx # Root Layout, Fonts, Theme-Init-Script
|
||||||
page.tsx # Hauptseite (alle Sections zusammengesetzt)
|
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
|
impressum/ # Impressum-Seite
|
||||||
datenschutz/ # Datenschutzerklärung
|
datenschutz/ # Datenschutzerklärung
|
||||||
|
not-found.tsx # 404-Seite
|
||||||
|
401/ 403/ 500/ 502/ 503/ 504/ # weitere Fehlerseiten
|
||||||
components/
|
components/
|
||||||
hero.tsx # Hero-Section mit Gradient-Überschrift
|
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
|
projects-section.tsx
|
||||||
focus-section.tsx
|
focus-section.tsx
|
||||||
philosophy-section.tsx
|
philosophy-section.tsx
|
||||||
footer.tsx # Footer mit E-Mail (obfuskiert) und Forgejo-Link
|
footer.tsx # Footer mit E-Mail (obfuskiert) und Forgejo-Link
|
||||||
header.tsx # Navigation + Theme-Toggle
|
header.tsx # Navigation + Theme-Toggle
|
||||||
programmer-graphic.tsx # Foto (statischer Import wegen basePath)
|
programmer-graphic.tsx # Foto (statischer Import wegen basePath)
|
||||||
|
error-page.tsx # Gemeinsames Layout der Fehlerseiten
|
||||||
theme-toggle.tsx
|
theme-toggle.tsx
|
||||||
ui/ # shadcn/ui-Basiskomponenten
|
ui/ # shadcn/ui-Basiskomponenten
|
||||||
public/
|
public/
|
||||||
Programmierer.png # Foto (statischer Import in programmer-graphic.tsx)
|
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
|
Dark/Light Mode wird per `localStorage` gespeichert. Das Init-Script in
|
||||||
`app/layout.tsx` verhindert Flash beim Laden.
|
`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
|
## Bilder
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue