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/about-section.tsx

@@ -4,34 +4,46 @@ import { motion } from 'framer-motion'
 
 const timeline = [
   {
-    era: '1984',
+    era: '1976',
     title: 'Der Anfang',
-    description: 'Erste Programme in Fortran IV. Lochkarten, Großrechner, Batch-Verarbeitung. Die Grundlagen des algorithmischen Denkens.',
+    description: 'Erste Programme in Fortran IV. Lochkarten, Großrechner, Batch-Verarbeitung. Erste Programmierkurse im Rahmen des VWL-Studiums. Die Grundlagen des algorithmischen Denkens.',
     tech: ['Fortran IV'],
   },
+  {
+    era: '1984',
+    title: 'Der erste PC',
+    description: 'Erste Programme in Basic, C und Pascal auf dem Personal Computer unter DOS. Datenbanken, Textverarbeitung, Spiele.',
+    tech: ['Lotus 1-2-3', 'dBASE', 'QBasic', 'Turbo Pascal', 'Norton Commander', 'WordPerfect'],
+  },
   {
     era: '1986',
     title: 'Systemnahe Programmierung',
-    description: 'C und 68000-Assembler auf dem Atari ST. Direkte Hardware-Ansteuerung, Interrupt-Routinen, Speicherverwaltung von Hand.',
-    tech: ['C', '68000 ASM', 'GFA Basic'],
+    description: 'C und 68000-Assembler auf dem Atari ST. Direkte Hardware-Ansteuerung, Interrupt-Routinen, Speicherverwaltung von Hand. Pseudo-Multitasking. DFÜ mit Akustikkoppler. Maiboxen, FidoNet, MausNet.',
+    tech: ['C', '68000 ASM', 'GFA Basic', 'TOS'],
   },
   {
     era: '1990',
     title: 'Unix an der Universität',
-    description: 'SunOS, HP-UX, BSD. Die Philosophie kleiner, zusammenarbeitender Programme. Shell-Scripting als Werkzeug.',
-    tech: ['Unix', 'Shell', 'vi'],
+    description: 'AIX, HP-UX, BSD. Die Philosophie kleiner, zusammenarbeitender Programme. Shell-Scripting als Werkzeug. Internet. Sysop-Aufgaben im Uni-Rechenzentrum.',
+    tech: ['Unix', 'Shell', 'vi', 'Gopher'],
   },
   {
-    era: '1994',
+    era: '1992',
     title: 'Linux entdeckt',
-    description: 'Slackware auf 40 Disketten. Der Beginn einer dauerhaften Begeisterung für offene Systeme und Selbstbestimmung.',
+    description: 'Slackware auf 40 Disketten, Debian, SUSE Linux ... Der Beginn einer dauerhaften Begeisterung für offene Systeme und Selbstbestimmung. C, C++, Pascal, Modula, Perl, Shell-Skript. Internet per Modem. Pentesting, Hacking.',
     tech: ['Linux', 'GNU Tools', 'X11'],
   },
+  {
+    era: '1995 ff.',
+    title: 'World Wide Web',
+    description: 'Permanenter privater Internet-Zugang kommerzieller Anbieter und erste eigene Domain: linix.de. World Wide Web. Eigene Webseiten in HTML und JavaScript programmiert.',
+    tech: ['WWW', 'Netscape', 'HTML', 'Java', 'JavaScript', 'Modem'],
+  },
   {
     era: '2000er',
     title: 'Professionelle Entwicklung',
-    description: 'Verschiedene Sprachen, verschiedene Domänen. Server-Administration, Automatisierung, Web-Entwicklung.',
-    tech: ['Perl', 'PHP', 'Bash', 'Python'],
+    description: 'Verschiedene Sprachen, verschiedene Domänen. Server-Administration, Automatisierung, Web-Entwicklung. Systemadministration, Networking, Linux-Server und vHosts im Netz und lokal, Selfhosting, Internet-Programmierung, APIs, Nachrichten-Scraping, automatische und dynamische Webseiten Generierung, Container, Virtuelle Maschinen, Hypervisor, Automaten, Toolchains, Browser-Fernsteuerung. — Alles unter Linux. Einplatinen Computer, Microcontroller.',
+    tech: ['Perl', 'PHP', 'Bash', 'Python', 'Go', 'Raspberry Pi', 'Arduino', 'ESP32', 'Proxmox', 'Yunohost', 'Jamulus', 'Jitsi', 'Selenium/Playwright', 'Docker/Podman'],
   },
   {
     era: '2022',
@@ -57,11 +69,11 @@ export function AboutSection() {
             Hintergrund
           </span>
           <h2 className="font-serif text-3xl sm:text-4xl lg:text-5xl mt-4 text-balance">
-            Vier Jahrzehnte Programmierung
+            Fünf Jahrzehnte Programmierung
           </h2>
           <p className="mt-6 text-lg text-muted-foreground max-w-2xl">
             Eine Reise durch die Evolution der Software-Entwicklung – 
-            von Lochkarten bis zu Large Language Models.
+            von Lochkarten bis zu Large Language Models, Vibe-Coding und agentischen KI‑Systemen.
           </p>
         </motion.div>