// Portfolio content — easy to edit
// Helper to convert hex to RGB for colorizing SVG icons
const hexToRgb = (hex) => {
const r = parseInt(hex.slice(1, 3), 16);
const g = parseInt(hex.slice(3, 5), 16);
const b = parseInt(hex.slice(5, 7), 16);
return { r, g, b };
};
// Create filter that colorizes black SVGs to a target color
const createColorFilter = (hex) => {
if (hex === "#ffffff") return "brightness(1.2)";
const { r, g, b } = hexToRgb(hex);
const brightness = (r * 0.299 + g * 0.587 + b * 0.114) / 255;
const hue = Math.atan2(Math.sqrt(3) * (g - b), 2 * r - g - b) * (180 / Math.PI);
const sat = brightness < 0.5 ? 100 : 80;
return `brightness(0) saturate(100%) invert(${brightness < 0.5 ? 100 : 0}%) hue-rotate(${hue}deg)`;
};
const TECH = [
{ name: "Java", color: "#f89820", icon: (
)},
{ name: "Kotlin", color: "#7F52FF", icon: (
)},
{ name: "JavaScript", color: "#F7DF1E", icon: (
)},
{ name: "TypeScript", color: "#3178C6", icon: (
)},
{ name: "React", color: "#61DAFB", icon: (
)},
{ name: "Next.js", color: "#ffffff", icon: (
)},
{ name: "Node.js", color: "#5FA04E", icon: (
)},
{ name: "MySQL", color: "#00758F", icon: (
)},
{ name: "Paper", color: "#2C7BE5", icon: (
)},
{ name: "Astro", color: "#FF5C97", icon: (
)},
{ name: "Gradle", color: "#6D4C41", icon: (
)},
{ name: "Git", color: "#F05032", icon: (
)},
{ name: "Tailwind", color: "#06B6D4", icon: (
)},
];
const TIMELINE = [
{
date: "2024 — Present",
title: "Senior Full-Stack Engineer",
company: "Aperture Labs",
desc: "Leading the rebuild of the design-tooling platform. Shipped a collaborative canvas serving 40k+ daily editors with sub-100ms input latency.",
tags: ["TypeScript", "Next.js", "WebSockets", "Postgres"],
},
{
date: "2022 — 2024",
title: "Product Engineer",
company: "Northwind",
desc: "Owned end-to-end delivery of the merchant onboarding flow. Cut activation time by 38% and rewrote the form runtime as a strongly-typed state machine.",
tags: ["React", "Node.js", "GraphQL", "XState"],
},
{
date: "2020 — 2022",
title: "Software Engineer",
company: "Loomstack",
desc: "Built the Android client and backend pipelines for a video-collab app. Designed the realtime sync layer and migrated CI to a reproducible Docker setup.",
tags: ["Kotlin", "Java", "Docker", "gRPC"],
},
{
date: "2019 — 2020",
title: "Software Engineering Intern",
company: "Crestone Systems",
desc: "Wrote internal tools for the data-platform team and contributed performance fixes to a heavily-trafficked Express service.",
tags: ["JavaScript", "Express", "MySQL"],
},
];
const PROJECTS = [
{
n: "01",
title: "Loomscript",
label: "Editor • IDE",
desc: "A browser-based scripting environment with live multiplayer cursors, hot-reloading runtimes, and a first-class Git story.",
tags: ["Next.js", "TypeScript", "WASM", "Yjs"],
},
{
n: "02",
title: "Tideboard",
label: "Analytics",
desc: "Realtime KPI dashboards for ops teams. Streams 2M events/min through a custom aggregation engine into reactive visualizations.",
tags: ["React", "Node.js", "ClickHouse", "Redis"],
},
{
n: "03",
title: "Quiet Hours",
label: "iOS App",
desc: "A focus-timer iOS app with calm motion design and an end-of-day reflection journal. Featured in App Store under Productivity.",
tags: ["Swift", "Kotlin", "Firebase"],
},
{
n: "04",
title: "Paperclip",
label: "Dev tool",
desc: "A self-hosted clipboard sync service with E2E encryption, offline-first conflict resolution, and a tiny menu-bar client.",
tags: ["Rust", "TypeScript", "SQLite"],
},
];
const TESTIMONIALS = [
{
featured: true,
quote: "Sven is the rare engineer who treats the interface as part of the product, not the wrapper around it. He shipped our new editor in a quarter and it still feels like a team of designers worked on it.",
name: "Priya Ramanathan",
role: "VP Engineering",
company: "Aperture Labs",
initials: "PR",
accent: "var(--accent)",
},
{
quote: "Calm under pressure, sharp on the details. The migration he led didn't drop a single request.",
name: "Marcus Hale",
role: "Staff Engineer",
company: "Northwind",
initials: "MH",
},
{
quote: "Half the PRs I review from Sven teach me something. The other half are too clean to argue with.",
name: "Jules Okafor",
role: "Tech Lead",
company: "Loomstack",
initials: "JO",
},
{
quote: "He turned our prototype into a product without losing the magic that got us excited in the first place.",
name: "Anna Voss",
role: "Founder",
company: "Quiet Hours",
initials: "AV",
},
];
Object.assign(window, { TECH, TIMELINE, PROJECTS, TESTIMONIALS });