feat(ui): polish homepage layout and component refinements

Reorder homepage sections (journey above projects), refine component
styles, update copy and data across projects, timeline, and homelab.

src/data/timeline.ts

@@ -1,75 +1,119 @@
-export type TimelineType = 'career' | 'cert' | 'project' | 'homelab' | 'education'
+export type TimelineType =
+  | "career"
+  | "cert"
+  | "project"
+  | "homelab"
+  | "education";
 
 export interface TimelineEntry {
-  date: string
-  title: string
-  type: TimelineType
-  description: string
-  tags?: string[]
+  date: string;
+  title: string;
+  type: TimelineType;
+  description: string;
+  tags?: string[];
 }
 
 export const timeline: TimelineEntry[] = [
   {
-    date: '2026',
-    title: 'CompTIA Network+ — in progress',
-    type: 'cert',
-    description: 'Studying for Network+ to formalize networking knowledge built through the homelab.',
-    tags: ['networking', 'certification'],
+    date: "WIP",
+    title: "CompTIA Network+ — in progress",
+    type: "cert",
+    description:
+      "Studying for Network+ to formalize networking knowledge built through the homelab.",
+    tags: ["networking", "certification"],
   },
   {
-    date: '2025',
-    title: 'Portfolio Site v2',
-    type: 'project',
-    description: 'Next.js 16 static site, self-hosted in a DMZ LXC behind Nginx, deployed via Gitea Actions CI.',
-    tags: ['next.js', 'tailwind', 'self-hosted'],
+    date: "2026-04",
+    title: "Portfolio Site v2",
+    type: "project",
+    description:
+      "Next.js 16 portfolio site, self-hosted in a DMZ LXC behind Nginx, deployed via Gitea Actions CI.",
+    tags: ["next.js", "tailwind", "self-hosted"],
   },
   {
-    date: '2024',
-    title: 'CompTIA A+',
-    type: 'cert',
-    description: 'Earned A+ certification, formalizing hardware and OS fundamentals.',
-    tags: ['certification'],
+    date: "2026-04",
+    title: "lerkolabs.com",
+    type: "homelab",
+    description:
+      "Self-hosted in a DMZ LXC behind Nginx, deployed via Gitea Actions CI.",
+    tags: ["LXC", "DMZ", "self-hosted"],
   },
   {
-    date: '2024',
-    title: 'Project Helm',
-    type: 'project',
-    description: 'Full-stack task and project management tool built in Go + React.',
-    tags: ['go', 'react', 'typescript'],
+    date: "2026-03",
+    title: "Helm",
+    type: "project",
+    description:
+      "Full-stack task and project management tool built in Go + React.",
+    tags: ["go", "react", "typescript"],
   },
   {
-    date: 'ongoing',
-    title: 'Homelab — Proxmox Cluster',
-    type: 'homelab',
-    description: '8-VLAN segmented network, Proxmox VMs/LXCs, SSO via Authentik, full monitoring stack (VictoriaMetrics + Grafana + Beszel + ntfy).',
-    tags: ['proxmox', 'networking', 'monitoring', 'sso'],
+    date: "2024-08",
+    title: "Proxmox Cluster",
+    type: "homelab",
+    description:
+      "Proxmox VMs/LXCs, SSO via Authentik, full monitoring stack (VictoriaMetrics + Grafana + Beszel + ntfy).",
+    tags: ["proxmox", "networking", "monitoring", "sso"],
   },
   {
-    date: '2023-10',
-    title: 'SOC Analyst I — Fortress SRM',
-    type: 'career',
-    description: 'Threat monitoring, incident triage, and client-facing security operations in a managed SOC.',
-    tags: ['soc', 'security'],
+    date: "2024-06",
+    title: "CompTIA A+",
+    type: "cert",
+    description:
+      "Earned A+ certification, formalizing hardware and OS fundamentals.",
+    tags: ["certification"],
   },
   {
-    date: '2023-03',
-    title: 'Config Tech II — MCPc',
-    type: 'career',
-    description: 'Promoted to Config Tech II. Led imaging workflows and expanded into scripting for endpoint provisioning.',
-    tags: ['sysadmin', 'scripting'],
+    date: "2024-03",
+    title: "pfSense",
+    type: "homelab",
+    description: "Netgate pfSense n100 picked up on ebay.",
+    tags: ["network", "firewall", "vlan", "dhcp"],
   },
   {
-    date: '2022-07',
-    title: 'Config Tech I — MCPc',
-    type: 'career',
-    description: 'Hardware configuration, OS imaging, and deployment at scale for enterprise clients.',
-    tags: ['sysadmin', 'hardware'],
+    date: "2023-10",
+    title: "SOC Analyst I — Fortress SRM",
+    type: "career",
+    description:
+      "Threat monitoring, incident triage, and client-facing security operations in a managed SOC.",
+    tags: ["soc", "security"],
   },
   {
-    date: '2021',
-    title: 'We Can Code IT — Java Bootcamp',
-    type: 'education',
-    description: '9-month intensive bootcamp covering Java, OOP, SQL, REST APIs, and Agile development practices.',
-    tags: ['java', 'sql', 'agile'],
+    date: "2023-03",
+    title: "Config Tech II — MCPc",
+    type: "career",
+    description:
+      "Promoted to Config Tech II. Led imaging workflows and expanded into scripting for endpoint provisioning.",
+    tags: ["sysadmin", "scripting"],
   },
-]
+  {
+    date: "2022-11",
+    title: "PC Build",
+    type: "homelab",
+    description: "Sourced parts online and built a personal computer.",
+    tags: ["amd", "windows 10", "configure", "desktop"],
+  },
+  {
+    date: "2022-05",
+    title: "Config Tech I — MCPc",
+    type: "career",
+    description:
+      "Hardware configuration, OS imaging, and deployment at scale for enterprise clients.",
+    tags: ["sysadmin", "hardware"],
+  },
+  {
+    date: "2021-10",
+    title: "Portfolio Site v1",
+    type: "project",
+    description:
+      "React portfolio deployed to www.lerko96.github.io using github pages.",
+    tags: ["React", "CSS", "github pages"],
+  },
+  {
+    date: "2021-01",
+    title: "We Can Code IT — Java Bootcamp",
+    type: "education",
+    description:
+      "9-month intensive bootcamp covering Java, OOP, SQL, REST APIs, and Agile development practices.",
+    tags: ["java", "sql", "agile"],
+  },
+];