{/* diagonal scrim */}

{/* grid */}

{/* top-left tag */}

Est. 1931 · Hamilton High

{/* center wordmark */}

Hamilton
S·R·L·A

Social · Responsibility · Learning · Academy

{/* bottom strip */}

◗ Apply · 2026 srla.hamilton.org

); }; // ─── Glance — speed reading app, deep blue, kinetic type ─── window.PreviewGlance = ({ size = 'md' }) => { const scale = size === 'lg' ? 1.2 : size === 'sm' ? 0.8 : 1; const [w, setW] = React.useState('focus'); React.useEffect(() => { const words = ['focus', 'read', 'glance', 'absorb', 'focus', 'read']; let i = 0; const id = setInterval(() => { i = (i + 1) % words.length; setW(words[i]); }, 520); return () => clearInterval(id); }, []); return (

{/* horizontal scan line */}

{/* left counter */}

450 WPM

Chapter 3 · pg. 47

{/* center giant word */}

{w[Math.floor(w.length / 2)]} {w.slice(0, Math.floor(w.length / 2))} {w.slice(Math.floor(w.length / 2) + 1)}

{/* bottom progress */}

02:14 glance.guama.dev 05:48

); }; // ─── Generic placeholder with brand-flavored composition ─── window.PreviewGeneric = ({ title, kind, base, tag, pattern = 'stripes', size = 'md', url }) => { const scale = size === 'lg' ? 1.2 : size === 'sm' ? 0.8 : 1; const patterns = { stripes: 'repeating-linear-gradient(-38deg, transparent 0 14px, rgba(255,255,255,0.05) 14px 15px)', dots: 'radial-gradient(rgba(255,255,255,0.12) 1px, transparent 1.6px)', grid: 'linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px)', arcs: 'repeating-radial-gradient(circle at 30% 100%, transparent 0 30px, rgba(255,255,255,0.05) 30px 32px)', }; const bgSize = pattern === 'dots' ? '14px 14px' : pattern === 'grid' ? '36px 36px' : 'auto'; return (

{/* corner marks */}

{tag}

{/* center */}

{title}

{kind}

◗ Live {url}

); }; // Utility: browser chrome bar for hero frames window.BrowserBar = ({ url, dark }) => (

{url}

);