// Full-viewport Split-Layout Website — responsive, mit Tweaks function ServiceRow({ s, i, accent, mobile }) { const [open, setOpen] = React.useState(false); return (
{mobile ? ( ) : ( )}
{s.detail}
); } function Site({ lang, setLang, tweaks }) { const t = COPY[lang]; const latest = useLatestPost(); const [mobile, setMobile] = React.useState(() => window.innerWidth < 880); React.useEffect(() => { const h = () => setMobile(window.innerWidth < 880); window.addEventListener("resize", h); return () => window.removeEventListener("resize", h); }, []); const accent = tweaks.accent; const leftDark = tweaks.leftDark; const showPixel = tweaks.showPixel; const density = tweaks.density; // derive left-column palette const LEFT_BG = leftDark ? KS.charcoal : KS.offwhite; const LEFT_FG = leftDark ? KS.offwhite : KS.charcoal; const LEFT_MUTED = leftDark ? "rgba(248,247,246,0.6)" : KS.muted; const LEFT_BORDER = leftDark ? "rgba(248,247,246,0.14)" : KS.border; return (
{/* LEFT COLUMN */} {/* RIGHT COLUMN */}
{/* top bar */}
{t.nowLabel}
{/* mobile-only: compact photo + events link */} {mobile && (
Kilian Springer
{t.eventsNav} ↗ 5 Stufen ↗
)}

Kilian
Springer.

{t.role}

{t.introLong}

{/* Services list */}
{t.servicesTitle} — 04
{t.services.map((s, i) => ( ))}
{/* Latest post */} {(() => { const p = latest.post || {}; const date = p.pubDate ? new Date(p.pubDate) : null; const dateStr = date && !isNaN(date) ? date.toLocaleDateString(lang === "de" ? "de-DE" : "en-US", { day: "2-digit", month: "short", year: "numeric", }) : null; return ( { e.currentTarget.style.transform = "translateY(-1px)"; e.currentTarget.style.boxShadow = "0 6px 24px rgba(0,0,0,0.06)"; }} onMouseLeave={(e) => { e.currentTarget.style.transform = "translateY(0)"; e.currentTarget.style.boxShadow = "none"; }} > {p.image && (
)}
{t.latestPost} {dateStr && · {dateStr}} {latest.loading && · lädt…}
{p.title || "Kilians Blog auf Substack"}
{p.summary && (
{p.summary}
)}
{!mobile && (
→
)} ); })()} {/* Elsewhere + pixel signature */}
{!mobile && (
)}
{/* CTA row */}
(e.currentTarget.style.filter = "brightness(0.94)") } onMouseLeave={(e) => (e.currentTarget.style.filter = "brightness(1)") } > {t.cta} →
); } Object.assign(window, { Site });