// V2: WORKSHOP — a diegetic maker workstation. // Draggable windows, live G-code print, devotional CLI, fake-real print progress on projects. const { useState: useStateW, useEffect: useEffectW, useRef: useRefW } = React; const Window = ({ title, x, y, w, h, color='cyan', children, z=1 }) => { const [pos, setPos] = useStateW({ x, y }); const ref = useRefW(null); const drag = useRefW(null); const onDown = (e) => { drag.current = { sx: e.clientX, sy: e.clientY, px: pos.x, py: pos.y }; const mv = (m) => setPos({ x: drag.current.px + (m.clientX - drag.current.sx), y: drag.current.py + (m.clientY - drag.current.sy) }); const up = () => { window.removeEventListener('mousemove', mv); window.removeEventListener('mouseup', up); }; window.addEventListener('mousemove', mv); window.addEventListener('mouseup', up); }; return (
{title}
{children}
); }; // G-code print animation const GCodePrint = () => { const [layer, setLayer] = useStateW(0); useEffectW(() => { const id = setInterval(() => { const mo = (+(document.body.dataset.motion ?? 80)) / 100; if (mo === 0) return; setLayer(l => (l + 1) % 100); }, 120); return () => clearInterval(id); }, []); return (
PRINTER // BambuLab X1C ● LIVE
{/* bed */} {/* printed layers */} {Array.from({length: Math.floor(layer / 2)}).map((_, i) => ( ))} {/* nozzle */}
G1 X{(90 + Math.sin(layer*0.3)*40).toFixed(2)} Y{layer.toFixed(2)} Z{(Math.floor(layer/2)*0.2).toFixed(2)} F1500
Layer {Math.floor(layer/2)}/50 · Nozzle 215°C · Bed 60°C
); }; // Devotional CLI const DevotionalCLI = () => { const lines = [ "$ snail devotional --today", "> fetching verse ...", `> ${window.DEVOTIONALS[0].verse}`, `> "${window.DEVOTIONALS[0].quote}"`, `> reflection: ${window.DEVOTIONALS[0].ref}`, "$ _", ]; const [n, setN] = useStateW(0); useEffectW(() => { const id = setInterval(() => setN(x => (x < lines.length ? x+1 : x)), 600); return () => clearInterval(id); }, []); return (
{lines.slice(0, n).map((l, i) => { const isPrompt = l.startsWith('$'); return
"') ? 'var(--fg)' : 'var(--muted)', whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>{l}{i === n-1 && l.endsWith('_') && █}
; })}
); }; const ProjectQueue = () => { const items = window.PROJECTS.slice(0, 7); return (
{items.map((p, i) => { const pct = [100, 100, 82, 65, 47, 30, 12][i]; const status = pct === 100 ? 'DONE' : pct > 50 ? 'PRINT' : 'QUEUE'; const color = status === 'DONE' ? '#28c840' : status === 'PRINT' ? 'var(--cyan)' : 'var(--muted)'; return ( {status}
{p.name}
{pct}% ); })}
); }; const SysMeter = ({ label, val, color }) => (
{label} {val}%
); const WorkshopMobile = () => { const Card = ({ title, color = 'cyan', children }) => (
{title} ● LIVE
{children}
); return (
Snail3D // OS
● OPERATIONAL

make.
print.
pray.

A workshop OS. Live print feed, devotional CLI, build queue, AI arcade — all in one console.

Maker. Father. Evangelist.

I build practical things in public — 3D prints, agentic tools, tiny ESP32 projects — and I keep the Lord at the center.

"Whatever you do, work heartily, as for the Lord." — Col 3:23

SAME PROMPT // {window.GAMES.length} AGENTS
A living scoreboard of AI progress.
{window.GAMES.slice(0, 6).map(g => ( {g.name} {g.tag} ))}
{window.VIDEOS.slice(0, 4).map(v => (
{v.title}
 ))}

Collab, commission, or prayer request? Come say hi.

); }; const useIsMobileW = () => { const [m, setM] = useStateW(() => typeof window !== 'undefined' && window.matchMedia('(max-width: 900px)').matches); useEffectW(() => { const mq = window.matchMedia('(max-width: 900px)'); const on = () => setM(mq.matches); mq.addEventListener('change', on); return () => mq.removeEventListener('change', on); }, []); return m; }; const WorkshopRoot = () => { const isMobile = useIsMobileW(); if (isMobile) return ; return (
{/* Grid bg */}
{/* Header strip */}
Snail3D // Workshop OS
UPTIME 247d REV 4.12.0 ● OPERATIONAL
{/* Giant headline */}

make. print. pray.

{/* Floating windows */}

Maker. Father. Evangelist.

I build practical things in public — 3D prints, agentic tools, tiny ESP32 projects — and I keep the Lord at the center. Every layer printed, every commit pushed, every prayer spoken is practice.

"Whatever you do, work heartily, as for the Lord." — Colossians 3:23

SAME PROMPT // {window.GAMES.length} AGENTS TESTED
Each cartridge is a different coding agent's attempt — a living scoreboard of AI progress.
{window.GAMES.slice(0, 6).map(g => ( {g.name} {g.tag} ))}
VIEW ALL → {window.VIDEOS.slice(0, 4).map(v => (
{v.title}
 ))}
247 days uptime. 41 repos shipped. Family time: PROTECTED.

Collab, commission, or prayer request? Come say hi in the Discord.

◆ Faithful in little. Faithful in much.
); }; const tinyBtn = { padding: '6px 12px', fontSize: 11, fontFamily: 'var(--mono)', letterSpacing: '0.15em', textTransform: 'uppercase', border: '1px solid var(--line)', borderRadius: 4, textDecoration: 'none', color: 'var(--fg)', background: 'rgba(255,255,255,0.03)', }; window.WorkshopRoot = WorkshopRoot;