Update: 50 Jahre Code Timeline (1976-2026)

- Hero: Jahreszahl auf 1976-2026 (50 Jahre) aktualisiert
- About: Timeline von 1984 auf 1976 erweitert
- About: Neue Einträge für PC/DOS (1984), Web (1995), Server (2000er)
- System-Diagramm: Halbkreis-Layout statt vertikaler Anordnung
- Metadaten: Description angepasst

components/system-diagram.tsx

@@ -3,25 +3,40 @@
 import { motion } from 'framer-motion'
 
 const nodes = [
-  { id: 'fortran', label: 'Fortran IV', x: 20, y: 15, era: '1984' },
-  { id: 'c', label: 'C', x: 45, y: 25, era: '1986' },
-  { id: 'asm', label: '68K ASM', x: 75, y: 20, era: '1987' },
-  { id: 'unix', label: 'Unix', x: 30, y: 45, era: '1990' },
-  { id: 'linux', label: 'Linux', x: 60, y: 50, era: '1994' },
-  { id: 'python', label: 'Python', x: 25, y: 75, era: '2020' },
-  { id: 'rust', label: 'Rust', x: 55, y: 80, era: '2022' },
-  { id: 'ai', label: 'KI', x: 80, y: 70, era: '2023' },
+  // Halbkreis-Layout: folgt der Timeline von links → rechts in sanftem Bogen
+  // 1970s-80s (oberer linker Bogen)
+  { id: 'fortran', label: 'Fortran IV', x: 15, y: 25, era: '1976' },
+  { id: 'pc', label: 'PC/DOS', x: 28, y: 18, era: '1984' },
+  { id: 'c', label: 'C', x: 42, y: 15, era: '1986' },
+  { id: 'asm', label: '68K ASM', x: 58, y: 18, era: '1986' },
+  
+  // 1990s (oberer rechter Bogen)
+  { id: 'unix', label: 'Unix', x: 70, y: 28, era: '1990' },
+  { id: 'linux', label: 'Linux', x: 78, y: 42, era: '1992' },
+  { id: 'web', label: 'WWW', x: 82, y: 58, era: '1995' },
+  
+  // 2000s-2020s (unterer Bereich, nach links zurück)
+  { id: 'server', label: 'Server', x: 65, y: 75, era: '2000er' },
+  { id: 'python', label: 'Python', x: 45, y: 82, era: '2000er' },
+  { id: 'rust', label: 'Rust', x: 28, y: 78, era: '2022' },
+  { id: 'ai', label: 'KI', x: 18, y: 68, era: '2022' },
 ]
 
 const connections = [
-  ['fortran', 'c'],
+  // Hauptfluss der Timeline (äußerer Ring)
+  ['fortran', 'pc'],
+  ['pc', 'c'],
   ['c', 'asm'],
-  ['c', 'unix'],
   ['unix', 'linux'],
-  ['linux', 'python'],
-  ['linux', 'rust'],
-  ['python', 'ai'],
+  ['linux', 'web'],
+  ['web', 'server'],
+  ['server', 'python'],
+  ['python', 'rust'],
   ['rust', 'ai'],
+  
+  // Verbindungslinien (innere Verästelungen)
+  ['c', 'unix'],    // C beeinflusst Unix
+  ['python', 'ai'], // Python → KI
 ]
 
 export function SystemDiagram() {