File size: 3,667 Bytes
4155f6b d198fb7 4155f6b 771f63f 4155f6b d198fb7 4155f6b 771f63f 4155f6b | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | <!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>
|