/* global React, ReactDOM, SiteNav, SiteFooter, useTweaks, TweaksPanel, TweakSection, TweakRadio, TweakSelect, OrbField, StatusBar, CountUp, ListeningCarousel, Guestbook, ReadingNow, ChessBoard, WineCard, WireGlobe, GoodreadsQuote, LiveCounters, SplineScene */ const { useEffect: hUseEffect, useState: hUseState } = React; const HOME_DEFAULTS = /*EDITMODE-BEGIN*/{ "aesthetic": "glass", "showStarfield": true, "font": "classic", "showOrbs": true, "showStatusBar": true, "showSpline": true }/*EDITMODE-END*/; /* ── Inline brand glyphs for the profiles strip ─────────────────────── */ const ProfileIcon = ({ name }) => { const common = { width: 24, height: 24, viewBox: "0 0 24 24", fill: "currentColor", stroke: "none" }; switch (name) { case "LinkedIn": return ; case "X": return ; case "GitHub": return ; case "Medium": return ; case "Goodreads": return ; case "Last.fm": return ; default: return null; } }; /* ── Larger brand glyphs for the off-grid logbook tiles ─────────────── */ const BrandGlyph = ({ brand }) => { if (brand === "chess") { // Cburnett chess-knight silhouette — the standard SVG used on // Wikipedia, lichess, and most public-domain chess sets. return ( ); } if (brand === "vivino") { return ( ); } if (brand === "untappd") { return ( ); } return null; }; const SOCIALS = [ { name: "LinkedIn", cls: "s-linkedin", href: "https://www.linkedin.com/in/urazalievf/" }, { name: "X", cls: "s-x", href: "https://www.x.com/urazaliev_f" }, { name: "GitHub", cls: "s-github", href: "https://github.com/urazalievf" }, { name: "Medium", cls: "s-medium", href: "https://medium.feruzurazaliev.com" }, { name: "Goodreads", cls: "s-goodreads", href: "https://www.goodreads.com/urazaliev_f" }, { name: "Last.fm", cls: "s-lastfm", href: "https://www.last.fm/user/urazaliev_f" }, ]; const OFFGRID = [ { num: "01", brand: "chess", name: "Chess.com", desc: "Slow rapid games, mostly e4 weeks. Send a challenge.", cta: "Play", href: "https://www.chess.com/" }, { num: "02", brand: "vivino", name: "Vivino", desc: "Wine notes, no agenda. Reds mostly, the occasional impulse Burgundy.", cta: "Follow", href: "https://www.vivino.com/users/urazaliev_f" }, { num: "03", brand: "untappd", name: "Untappd", desc: "Belgian abbey ales, Czech lagers, whatever the bar pours.", cta: "Follow", href: "https://untappd.com/user/urazaliev_f" }, ]; function HomeApp() { const [tweaks, setTweak] = useTweaks(HOME_DEFAULTS); hUseEffect(() => { document.documentElement.setAttribute("data-aesthetic", tweaks.aesthetic); document.documentElement.setAttribute("data-font", tweaks.font); if (!tweaks.showStarfield) document.body.classList.add("no-stars"); else document.body.classList.remove("no-stars"); }, [tweaks]); // local clock for the now-band const [time, setTime] = hUseState(() => new Date()); hUseEffect(() => { const t = setInterval(() => setTime(new Date()), 30_000); return () => clearInterval(t); }, []); const fmt = time.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: false, timeZone: "America/Chicago" }); const date = time.toLocaleDateString("en-US", { year: "numeric", month: "short", day: "2-digit" }); return ( <> {tweaks.showSpline && } {tweaks.showOrbs && } {tweaks.showStatusBar && }
{/* HERO ─────────────────────────────────────────────── */}
001 / Personal site Edition 03 — 2026 Live · online

Feruz Urazaliev

Building data things. Metalcore on repeat. Occasionally losing at chess.

Now Reading Antifragile for the third time. Drafting a small note on Spark partitioning. {date} {fmt} CT
{/* PROFILES STRIP ─────────────────────────────────────── */}
002 / Profiles six places, one of me
{SOCIALS.map(s => ( ))}
{/* TILES — three doors ─────────────────────────────────── */}
003 / The doors —— pick one
{/* QUOTE ─ rotating Taleb quotes ──────────────────────── */}
{/* READING NOW ─────────────────────────────────────────── */}
005 / Reading right now —— live shelf
{/* LISTENING ───────────────────────────────────────────── */}
006 / Listening Last.fm scrobbles
{/* CHESS BOARD ─────────────────────────────────────────── */}
007 / Chess board have a go
{/* TASTING NOTE ────────────────────────────────────────── */}
008 / Tasting note most recent
{/* OFF-GRID — branded logbooks ─────────────────────────── */}
009 / Off-grid logbooks I keep for fun
{/* Tweaks panel */} setTweak("aesthetic", v)} /> setTweak("font", v)} /> setTweak("showSpline", v === "on")} /> setTweak("showOrbs", v === "on")} /> setTweak("showStarfield", v === "on")} /> setTweak("showStatusBar", v === "on")} /> ); } ReactDOM.createRoot(document.getElementById("root")).render();