{/* UNSW Badge + Grid Lines */}

{/* Top Bar */}

UNSW

{(memberList || []).map((m, i) => (

0 ? -8 : 0 }}> {!m?.avatarUrl ? (m?.displayName?.[0] ?? '?') : null}

))} {(memberList || []).length > 1 ? `${memberList.length} online` : 'solo'}

{/* ZONE 1: Hero Statement */}

{'// persona.define()'}

{!decoded ? (

{revealedText.split('').map((char, i) => ( {char === ' ' ? '\u00A0' : char} ))} {cursorVisible && ( )}

) : (

{(skills || []).map((skill, i) => ( {skill} ))}

)}

{decoded ? '↑ tap to cycle →' : '↑ tap to decode'}

{/* ZONE 2: Tech Cards Carousel */}

{'// tech.stack()'} SWIPE →

{(techCards || []).map((card, i) => { const c = card ?? {}; return (

handleCardTap(i)} style={{ minWidth: 160, height: 100, background: unsw_gray, borderRadius: 8, padding: 16, display: 'flex', flexDirection: 'column', justifyContent: 'space-between', cursor: 'pointer', border: `1px solid ${(c.color ?? unsw_yellow)}30`, scrollSnapAlign: 'start', flexShrink: 0, transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)', transform: expandedCard === i ? 'scale(0.95)' : 'scale(1)', boxShadow: expandedCard === i ? `0 0 30px ${(c.color ?? unsw_yellow)}20` : 'none' }} >

{c.emoji ?? '💻'}

{c.lang ?? 'Code'}

{c.desc ?? ''}

); })}

{/* ZONE 3: Bottom Signature */}

{user?.name ?? 'developer'} — {new Date().getFullYear()} v1.0.0

{/* Expanded Card Overlay */} {expandedCardData && (

handleCardTap(expandedCard)} style={{ position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, background: unsw_dark + 'F5', backdropFilter: 'blur(20px)', WebkitBackdropFilter: 'blur(20px)', display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', padding: 32, zIndex: 100, animation: 'fadeIn 0.3s ease both', cursor: 'pointer' }} >

{expandedCardData.emoji ?? '💻'}

{expandedCardData.lang ?? 'Code'}

{expandedCardData.desc ?? ''}

            {expandedCardData.snippet ?? '// no code'}

TAP ANYWHERE TO CLOSE

)} {/* Keyframe Animations */}

); }