/* global React */ const { useEffect, useRef, useState } = React; // ───────── Icons ───────── const Icon = { GitHub: (p) => ( ), LinkedIn: (p) => ( ), Arrow: (p) => ( ), Terminal: (p) => ( ), Disc: (p) => ( ), Play: (p) => ( ), }; // ───────── Reveal-on-scroll observer ───────── function useReveal() { useEffect(() => { const els = document.querySelectorAll('.reveal'); const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }); }, { threshold: 0.12 }); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); } // ───────── Parallax disabled ───────── function useParallax() {} // ───────── Card hover spotlight ───────── function ProjCard({ icon, title, sub, desc, status, statusKind, tags, href }) { const ref = useRef(null); const onMove = (e) => { const r = ref.current.getBoundingClientRect(); ref.current.style.setProperty('--mx', `${e.clientX - r.left}px`); ref.current.style.setProperty('--my', `${e.clientY - r.top}px`); }; return (
{icon}
{status}
{title}
{sub}

{desc}

{tags.map((t) => {t}).reduce((p, c, i) => i ? [...p, ·, c] : [c], [])}
{href ? "View on GitHub" : "Coming soon"}
); } // ───────── Typed tagline ───────── function TypedTagline() { const phrases = [ "Building tools for developers.", "Shipping useful software.", "Making things that work." ]; const [i, setI] = useState(0); const [txt, setTxt] = useState(""); const [del, setDel] = useState(false); useEffect(() => { const cur = phrases[i]; let t; if (!del && txt.length < cur.length) { t = setTimeout(() => setTxt(cur.slice(0, txt.length + 1)), 38); } else if (!del && txt.length === cur.length) { t = setTimeout(() => setDel(true), 2400); } else if (del && txt.length > 0) { t = setTimeout(() => setTxt(cur.slice(0, txt.length - 1)), 18); } else { t = setTimeout(() => { setDel(false); setI((i + 1) % phrases.length); }, 220); } return () => clearTimeout(t); }, [txt, del, i]); return ( {txt} ); } // ───────── Main App ───────── function App() { useReveal(); useParallax(); return ( <> {/* Nav */}
{/* HERO */}
Cir0cuit
See what's shipping @Cir0cuit
{/* COMING SOON */}
// 01 — Coming soon
Releasing soon · Google Play

DevToys — the developer
Swiss-army knife.

A single Android app aggregating 33+ everyday utilities — formatters, converters, generators, encoders. Offline-first, no ads, no telemetry. The toolbox that should already be on your phone.

e.preventDefault()}> Google Play Coming soon on Google Play
DevToys app icon
{/* PROJECTS */}
// 02 — Selected work
} title="DevToys" sub="Android · Kotlin · Releasing Q2 2026" desc="33+ developer utilities in one offline app — formatters, converters, generators, encoders. Built for quick reach when you don't want to open six websites." status="Coming soon" statusKind="soon" tags={["Android", "Kotlin", "Offline-first"]} /> } title="VEIM" sub="Ventoy Easy ISO Manager · Python" desc="Automates checking, downloading and organizing Linux ISOs on a Ventoy USB drive. Supports 20+ distros with resume-capable downloads, a fast-scan update checker, and a clean dark-mode UI." status="Live" statusKind="live" tags={["Python", "GUI", "Ventoy"]} href="https://github.com/Cir0cuit/VEIM" /> } title="Shift Reporting Tool" sub="JavaScript · Internal tooling" desc="A focused report-generation tool for shift handoffs — structured input, consistent output. The kind of thing you build once and use every day." status="Live" statusKind="live" tags={["JavaScript", "Reporting"]} href="https://github.com/Cir0cuit/Shift-Reporting-Tool" /> } title="PS Script Collection" sub="PowerShell · Operations" desc="A growing collection of PowerShell scripts I keep reaching for — automation, audits, day-to-day Windows admin. Steal what's useful." status="Live" statusKind="live" tags={["PowerShell", "Automation"]} href="https://github.com/Cir0cuit/PS-Script-Collection" />
); } ReactDOM.createRoot(document.getElementById('root')).render();