Redesign site around a terminal-session identity

.gitignore

@@ -30,3 +30,4 @@ CLAUDE.md
 node_modules/
 dist/
 npm-debug.log*
+.superpowers/

docs/superpowers/specs/2026-06-12-terminal-hero-design.md

@@ -0,0 +1,48 @@
+# Terminal Hero — Design
+
+## Goal
+
+Replace the cropped square photo hero on the home page with a macOS-style
+terminal window that presents the portrait photo at its natural 2:3 ratio and
+absorbs the `about/` section, so the home page is a single coherent element.
+
+## Concept
+
+The home page becomes one terminal session with two commands:
+
+1. `~ $ cd davidbingmann/.` is typed (reusing the existing typing-animation
+   idea), then the "output" fades in: photo (left, natural 2:3, ~220px wide)
+   and a neofetch-style fact sheet (right): name, role, `study`/`uni`/`work`
+   key-value lines (keys in accent yellow), social icon links.
+2. `~/davidbingmann $ cat about.txt` is typed, then the existing about prose
+   fades in as command output, including the mail link.
+3. A final empty prompt `~/davidbingmann $` with a blinking block cursor.
+
+The separate `about/` section below the hero is removed — its facts live in
+the fact sheet, its prose in the `cat about.txt` output.
+
+## Visuals
+
+- Whole page stays in the existing dark theme (`#0b0b0b`, already hardcoded
+  via `data-theme="dark"`).
+- Terminal window: slightly lighter surface (`#141414`), 1px border
+  (`#2a2c27`), 12px radius, title bar with macOS traffic lights and
+  `david@bingmann.de — zsh` title. On dark backgrounds the window separates
+  via surface + border (shadows don't read).
+- Colors via `--term-*` CSS variables with a light-theme fallback so the
+  light palette keeps working if the theme is ever switched back.
+- Prompt cwd in green, `$` muted, fact keys in yellow (`#febc2e`).
+
+## Behavior
+
+- Animation sequence: type cmd 1 → profile output fades in → type cmd 2 →
+  about output fades in → final blinking prompt. ~90ms per character,
+  short pauses between stages.
+- On small screens (≤720px) and `prefers-reduced-motion`: everything renders
+  immediately (same policy as the current hero).
+- Mobile layout: photo and fact sheet stack vertically inside the terminal.
+
+## Out of scope
+
+- Nav, footer, projects/resume/impressum pages stay unchanged.
+- No new dependencies.

src/data/projects.js

@@ -1,30 +1,13 @@
 export const projects = [
-  {
-    slug: 'paper-humanoid-robots-industry-5',
-    title: 'Paper',
-    listTitle: 'Paper',
-    headline: 'What potential do humanoid robots offer in Industry 5.0?',
-    tags: ['industry-5.0', 'humanoid-robots', 'ai', 'paper'],
-    repo: {
-      prefix: 'PDF',
-      label: 'davidbingmann/paper',
-      href: '/papers/paper.pdf',
-    },
-    summary:
-      'My paper looks at whether humanoid robots can support the shift from Industry 4.0 to Industry 5.0: more resilient, more human-centered, and better suited to real factories.',
-    body: [
-      'As part of a seminar at the University of Trier, I wrote this paper on humanoid robots in the context of Industry 5.0: not as a replacement for humans, but as a possible way to make industrial work more resilient, flexible, and human-centered.',
-      'The paper discusses why current automation still struggles in human-designed factories, what recent robot learning research makes possible, and where the technical, economic, and regulatory limits still are. You can read the public PDF version above.',
-    ],
-  },
   {
     slug: 'echotype',
     title: 'EchoType',
+    type: 'software',
     headline: 'Speak your prompts instead of typing.',
     tags: ['agents', 'ai', 'productivity', 'voice'],
     repo: {
-      label: 'davidbingmann/EchoType',
       href: 'https://github.com/davidbingmann/EchoType',
+      linkText: 'github.com/davidbingmann/EchoType',
     },
     summary:
       'I was looking for a faster and more intuitive way to write prompts for AI agents like Codex or Claude Code, especially longer prompts that are tedious to type.',
@@ -36,4 +19,21 @@ export const projects = [
       'If you want to install EchoType, you can find the installation instructions in the GitHub repository.',
     ],
   },
+  {
+    slug: 'paper-humanoid-robots-industry-5',
+    title: 'Humanoid Robots in Industry 5.0',
+    type: 'paper',
+    headline: 'What potential do humanoid robots offer in Industry 5.0?',
+    tags: ['industry-5.0', 'humanoid-robots', 'ai', 'paper'],
+    repo: {
+      href: '/papers/paper.pdf',
+      linkText: 'paper.pdf',
+    },
+    summary:
+      'My paper looks at whether humanoid robots can support the shift from Industry 4.0 to Industry 5.0: more resilient, more human-centered, and better suited to real factories.',
+    body: [
+      'As part of a seminar at the University of Trier, I wrote this paper on humanoid robots in the context of Industry 5.0: not as a replacement for humans, but as a possible way to make industrial work more resilient, flexible, and human-centered.',
+      'The paper discusses why current automation still struggles in human-designed factories, what recent robot learning research makes possible, and where the technical, economic, and regulatory limits still are. You can read the public PDF version above.',
+    ],
+  },
 ];

src/data/timeline.js

@@ -1,32 +1,34 @@
 export const timelineItems = [
   {
-    year: 'October 2025 → Present',
-    title: 'Switch to University of Trier',
-    description:
-      'Switch to the University of Trier to study Business Informatics and Artificial Intelligence',
+    period: 'Oct 2025 → present',
+    title: 'University of Trier',
+    description: 'B.Sc. Business Informatics & Artificial Intelligence',
+    category: 'education',
+    current: true,
   },
   {
-    year: 'October 2024 → Present',
-    title: 'Research Assistant at DFKI',
+    period: 'Oct 2024 → present',
+    title: 'Research Assistant — DFKI',
     description:
-      'Start of my part-time job at the German Research Center for Artificial Intelligence (DFKI) alongside my studies',
+      'German Research Center for Artificial Intelligence, part-time alongside my studies',
+    category: 'work',
+    current: true,
   },
   {
-    year: 'October 2024',
-    title: "Start of my Bachelor's degree",
-    description:
-      "Start of my Bachelor's degree: Artificial Intelligence and Data Science at the University of Applied Sciences in Trier",
+    period: 'Oct 2024 → Sep 2025',
+    title: 'University of Applied Sciences Trier',
+    description: 'B.Sc. Artificial Intelligence & Data Science',
+    category: 'education',
   },
   {
-    year: 'May 2024',
-    title: 'Internship at Tesla Automation',
-    description:
-      'Internship from 27/05/2024 until 07/06/2024 in Controls Engineering',
+    period: 'May → Jun 2024',
+    title: 'Intern — Tesla Automation',
+    description: 'Controls Engineering',
+    category: 'internship',
   },
   {
-    year: 'March 2024',
-    title: 'Abitur',
-    description:
-      'Finished my Abitur at the Staatliches Eifelgymnasium in Neuerburg',
+    period: 'Mar 2024',
+    title: 'Abitur — Staatliches Eifelgymnasium Neuerburg',
+    category: 'education',
   },
 ];