{/* === ZONE 1: HEADER & IDENTITY === */}

⚙️ Engineering Guild ⚙️

{profile?.name ?? 'Engineer'}

{profile?.title ?? 'Civil Engineer'}

{/* Stats Row */}

{profile?.structuralScore ?? 0}

Integrity

{profile?.yearsExp ?? 0}

Years

{profile?.projectsCompleted ?? 0}

Projects

{/* === ZONE 2: ARCHITECTURAL FOLIO (HERO) === */}

⬇ Tap to Excavate Layers ⬇

{/* Structure Layers */}

{(layers || []).map(function(layer, idx) { var revealed = isRevealed(idx); var isActive = activeLayer === idx; var layerItem = layer ?? { name: '', emoji: '🔧', color: '#666', desc: '', skill: '', score: 0, detail: '' }; return (

{/* Blueprint grid overlay */}

{layerItem?.emoji ?? '🔧'}

{layerItem?.name ?? 'Layer'}

{layerItem?.desc ?? ''}

{revealed && (

{layerItem?.score ?? 0}

)}

{isActive && revealed && (

{'🔍 ' + (layerItem?.skill ?? '')}

{layerItem?.detail ?? ''}

)} {isActive && !revealed && (

✨ Tap again to reveal details...

)}

); })}

{/* === ZONE 3: COMPASS & CHAPTERS === */}

{/* Compass Navigation */}

◀

{/* Compass */}

🧭

▶

{/* Chapter Content */}

{currentChapter?.year ?? ''}

{(currentChapter?.emoji ?? '') + ' ' + (currentChapter?.title ?? '')}

{currentChapter?.text ?? ''}

{/* Chapter dots */}

{(chapters || []).map(function(ch, i) { return (

); })}

{/* Motto Footer */}

{'"' + (profile?.motto ?? '') + '"'}

); }