| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width,initial-scale=1"> |
| <title>Brain Lab · A mind you can play with</title> |
| <link rel="stylesheet" href="/static/style.css?v=brain-discovery-45"> |
| <link rel="stylesheet" href="/static/hub.css?v=brain-recommended-50"> |
| <link rel="stylesheet" href="/static/brain-activities.css?v=brain-circuit-47"> |
| <link rel="stylesheet" href="/static/activity-guides.css?v=brain-guides-46"> |
| <link rel="stylesheet" href="/static/interactive-tutorial.css?v=brain-tutorial-51"> |
| </head> |
| <body class="hub-shell"> |
| <main id="lab-main"> |
| <header class="topbar hub-topbar"> |
| <a class="brand" href="#home" aria-label="Brain Lab home"><span class="brand-mark" aria-hidden="true">✳</span><span>brain<span class="brand-light">lab</span><small>A MIND YOU CAN PLAY WITH</small></span></a> |
| <div class="header-actions"> |
| <div class="header-status" title="Local lab connection"><i id="status-dot"></i><span id="status-label" role="status">Connecting…</span></div> |
| <button class="header-link" id="model-info">About the lab</button> |
| <button class="header-link" id="present" hidden>⛶ Present</button> |
| </div> |
| </header> |
| <div class="page-navigation"><a id="page-back" class="page-back"><span aria-hidden="true">←</span><span>Back</span></a><nav id="page-breadcrumb" class="page-breadcrumb" aria-label="Breadcrumb"></nav></div> |
| <section class="hero"> |
| <div><div class="eyebrow" id="eyebrow">THE INTERACTIVE BRAIN LAB</div><h1 id="title">Curiosity starts here.</h1><p id="description">Play, build, and explore what makes a mind work.</p></div> |
| <div class="hero-art" aria-hidden="true"><div id="hero-brain"></div><span>many parts. one curious mind.</span></div> |
| </section> |
| <section id="home-recommendations" aria-labelledby="recommended-title" hidden></section> |
| <section id="page-instructions" aria-label="Getting started"></section> |
| <div class="workspace"> |
| <details class="module-controls" id="brain-controls" hidden> |
| <summary><span>Inside the experiment</span><strong>Brain controls</strong><span class="module-summary-note">Try switching a software module off</span></summary> |
| <div class="module-controls-content"> |
| <div class="module-diagram"><div class="panel-title"><div><span class="eyebrow">EXPLORE THE CONNECTIONS</span><h3>Inside the brain</h3></div><span class="tiny-tag">27 parts</span></div><div class="segmented"><button id="outer-view" class="active">Exterior</button><button id="inner-view">Cutaway</button></div><div id="brain-map"></div><div id="brain-detail" class="brain-detail"></div></div> |
| <div class="module-switches"><div class="switch-heading"><h4>Try switching a part off</h4><button id="restore" title="Restore all modules">↻ Restore all</button></div><div id="switches"></div><details class="more-switches"><summary>More connections & controls</summary><div id="extra-switches"></div></details><p class="footnote">These switches change engineered software modules. They are simplified functional analogies to human brain regions.</p></div> |
| </div> |
| </details> |
| <section id="experiment" aria-live="polite"></section> |
| </div> |
| <footer class="hub-footer"><span>Built for curious minds.</span><span>21 activities · 27 brain labels</span></footer> |
| </main> |
| <button id="exit-present" class="present-exit">✕ Exit presentation</button> |
| <div id="toast" role="status"></div> |
| <dialog id="info-dialog"><button class="dialog-close" aria-label="Close">×</button><div id="dialog-content"></div></dialog> |
| <script type="module" src="/static/app.js?v=brain-circuit-47-shared-49-recommended-50-tutorial-51"></script> |
| </body> |
| </html> |
|
|
