diff --git a/components/system-diagram.tsx b/components/system-diagram.tsx index 1fcbe72..70b2027 100644 --- a/components/system-diagram.tsx +++ b/components/system-diagram.tsx @@ -3,12 +3,11 @@ import { motion } from 'framer-motion' const nodes = [ - // Halbkreis-Layout: folgt der Timeline von links → rechts in sanftem Bogen + // Halbkreis-Layout: äußerer Ring (Timeline) + innere Knoten // 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' }, @@ -18,25 +17,27 @@ const nodes = [ // 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' }, + + // Innere Knoten (nahe der Mitte) + { id: 'asm', label: '68K ASM', x: 52, y: 35, era: '1986' }, + { id: 'rust', label: 'Rust', x: 38, y: 60, era: '2022' }, ] const connections = [ // Hauptfluss der Timeline (äußerer Ring) ['fortran', 'pc'], ['pc', 'c'], - ['c', 'asm'], + ['c', 'unix'], ['unix', 'linux'], ['linux', 'web'], ['web', 'server'], ['server', 'python'], - ['python', 'rust'], - ['rust', 'ai'], + ['python', 'ai'], - // Verbindungslinien (innere Verästelungen) - ['c', 'unix'], // C beeinflusst Unix - ['python', 'ai'], // Python → KI + // Innere Verbindungen + ['c', 'asm'], // C → 68K ASM (innen) + ['python', 'rust'], // Python → Rust (innen) ] export function SystemDiagram() {