Spaces:
Running on Zero
Running on Zero
File size: 18,744 Bytes
f44aac9 dd8c015 ffcf6c4 cb3451f dd8c015 7d1e08d dd8c015 4791c0a ffcf6c4 4791c0a ffcf6c4 4791c0a cb3451f 4791c0a ffcf6c4 4791c0a cb3451f 4791c0a dd8c015 4791c0a dd8c015 1c7ce9d dd8c015 9eec184 dd8c015 f44aac9 dd8c015 f44aac9 dd8c015 7d1e08d dd8c015 1ec322d dd8c015 1ec322d dd8c015 1ec322d dd8c015 1ec322d dd8c015 f44aac9 dd8c015 6d9770a dd8c015 1c7ce9d dd8c015 f44aac9 dd8c015 1c7ce9d dd8c015 1c7ce9d dd8c015 f5031de dd8c015 f44aac9 dd8c015 f44aac9 | 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 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 | <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>The Unwritten Almanac</title>
<link rel="stylesheet" href="/static/styles.css" />
</head>
<body>
<svg class="icon-sprite" aria-hidden="true">
<symbol id="icon-quill" viewBox="0 0 24 24">
<path d="M20 4c-6 1-11 5-13 11l-2 5 5-2c6-2 10-7 11-13z" />
<path d="M9 15c2-3 4-5 7-7" />
</symbol>
<symbol id="icon-gap" viewBox="0 0 24 24">
<path d="M12 3v4M12 17v4M3 12h4M17 12h4" />
<circle cx="12" cy="12" r="3.2" />
</symbol>
<symbol id="icon-plan" viewBox="0 0 24 24">
<path d="M5 4h11l3 3v13H5z" />
<path d="M9 9h6M9 13h6M9 17h3" />
</symbol>
<symbol id="icon-rank" viewBox="0 0 24 24">
<path d="M6 20V10M12 20V4M18 20v-7" />
</symbol>
<symbol id="icon-example" viewBox="0 0 24 24">
<path d="M12 3l2.2 5.6L20 9l-4 4 1 6-5-3-5 3 1-6-4-4 5.8-.4z" />
</symbol>
<symbol id="icon-download" viewBox="0 0 24 24">
<path d="M12 4v11M7 11l5 5 5-5M5 20h14" />
</symbol>
<symbol id="icon-reset" viewBox="0 0 24 24">
<path d="M4 5v5h5" />
<path d="M5.5 14a7 7 0 1 0 1.2-6.7L4 10" />
</symbol>
<symbol id="icon-search" viewBox="0 0 24 24">
<circle cx="11" cy="11" r="6" />
<path d="M16 16l4 4" />
</symbol>
<symbol id="icon-x" viewBox="0 0 24 24">
<path d="M6 6l12 12M18 6L6 18" />
</symbol>
<symbol id="icon-chat" viewBox="0 0 24 24">
<path d="M4 5h16v11H9l-5 4z" />
<path d="M8 9h8M8 12h5" />
</symbol>
<symbol id="icon-check" viewBox="0 0 24 24">
<path d="M5 12l4 4 10-11" />
</symbol>
<symbol id="icon-mic" viewBox="0 0 24 24">
<path d="M12 3a3 3 0 0 0-3 3v6a3 3 0 0 0 6 0V6a3 3 0 0 0-3-3z" />
<path d="M5 11a7 7 0 0 0 14 0M12 18v3M9 21h6" />
</symbol>
<symbol id="icon-upload" viewBox="0 0 24 24">
<path d="M12 17V4M7 9l5-5 5 5M5 20h14" />
</symbol>
</svg>
<div class="desk-glow"></div>
<main id="atlas-view" class="atlas-shell" aria-label="Live project atlas">
<section class="atlas-stage">
<header class="atlas-topbar">
<div class="atlas-title-block">
<p class="atlas-kicker">Live project atlas</p>
<h1>Idea Map</h1>
</div>
<form id="atlas-search-form" class="atlas-search" role="search">
<label class="sr-only" for="atlas-search">Search the project atlas</label>
<svg class="icon" aria-hidden="true"><use href="#icon-search"></use></svg>
<input
id="atlas-search"
type="search"
autocomplete="off"
spellcheck="false"
placeholder="Search projects, ideas, quests..."
/>
<button id="atlas-search-clear" class="atlas-search-clear" type="button" title="Clear search" hidden>
<svg class="icon" aria-hidden="true"><use href="#icon-x"></use></svg>
</button>
</form>
<div class="atlas-actions">
<span id="atlas-status" class="atlas-status" aria-live="polite">Loading atlas.</span>
<button id="refresh-dashboard" class="btn btn-ghost" type="button" title="Refresh the project atlas">
<svg class="icon"><use href="#icon-reset"></use></svg>
Refresh map
</button>
<button
id="open-atlas-chat"
class="btn btn-ghost"
type="button"
title="Chat with the atlas guide"
aria-haspopup="dialog"
aria-controls="atlas-chat"
>
<svg class="icon"><use href="#icon-chat"></use></svg>
Ask the atlas
</button>
<button id="open-advisor" class="btn btn-ink" type="button" title="Open the idea advisor">
<svg class="icon"><use href="#icon-quill"></use></svg>
Open advisor
</button>
</div>
</header>
<section class="atlas-layout">
<aside class="atlas-panel atlas-left" aria-label="Atlas filters">
<div class="atlas-stat-grid" id="atlas-stats"></div>
<section id="atlas-search-section" class="atlas-section atlas-search-section" hidden>
<div class="eyebrow">Best matches</div>
<p id="atlas-search-summary" class="atlas-search-summary"></p>
<div id="atlas-search-results" class="atlas-list"></div>
</section>
<section class="atlas-section">
<div class="eyebrow">Clusters</div>
<div id="atlas-clusters" class="atlas-list"></div>
</section>
<section class="atlas-section">
<div class="eyebrow">Quests</div>
<div id="atlas-quests" class="atlas-list"></div>
</section>
</aside>
<section class="atlas-map-wrap" aria-label="Embedding project map">
<svg id="atlas-svg" class="atlas-svg" viewBox="0 0 100 100" role="img" aria-label="Project embedding map"></svg>
<div id="atlas-refresh-progress" class="atlas-refresh-progress" hidden></div>
</section>
<aside class="atlas-panel atlas-right" aria-label="Project details">
<section class="atlas-section">
<div class="eyebrow">Selected project</div>
<div id="atlas-detail" class="atlas-detail"></div>
</section>
<section class="atlas-section">
<div class="eyebrow">Cluster report</div>
<div id="atlas-report" class="atlas-report"></div>
</section>
</aside>
</section>
<div id="atlas-chat-scrim" class="atlas-chat-scrim" hidden></div>
<aside
id="atlas-chat"
class="atlas-chat-drawer"
role="dialog"
aria-modal="false"
aria-label="Atlas guide chat"
hidden
>
<header class="atlas-chat-header">
<div class="atlas-chat-title">
<p class="atlas-kicker">Atlas guide</p>
<h2>Ask the field</h2>
</div>
<div class="atlas-chat-header-actions">
<button id="atlas-chat-clear" class="atlas-chat-iconbtn" type="button" title="Clear conversation">
<svg class="icon"><use href="#icon-reset"></use></svg>
</button>
<button id="atlas-chat-close" class="atlas-chat-iconbtn" type="button" title="Close chat" aria-label="Close chat">
<svg class="icon"><use href="#icon-x"></use></svg>
</button>
</div>
</header>
<div id="atlas-chat-action" class="atlas-chat-action" hidden></div>
<div id="atlas-chat-log" class="atlas-chat-log"></div>
<div id="atlas-chat-status" class="sr-only" role="status" aria-live="polite"></div>
<div id="atlas-chat-suggestions" class="atlas-chat-suggestions"></div>
<form id="atlas-chat-form" class="atlas-chat-composer">
<label class="sr-only" for="atlas-chat-input">Ask about the atlas</label>
<input
id="atlas-chat-input"
type="text"
autocomplete="off"
spellcheck="false"
placeholder="Ask what everyone is building..."
/>
<button id="atlas-chat-send" class="btn btn-ink" type="submit">Ask</button>
</form>
</aside>
</section>
</main>
<main id="advisor-view" class="almanac advisor-shell" hidden>
<section class="sheet" aria-label="The Unwritten Almanac">
<header class="masthead">
<div class="masthead-l">
<svg class="crest" viewBox="0 0 64 64" aria-hidden="true">
<g
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M32 30c-6-12-18-16-26-10 2 9 9 17 20 18" />
<path d="M32 30c6-12 18-16 26-10-2 9-9 17-20 18" />
<path d="M32 32c-5 9-14 12-21 9 2-6 7-11 15-12" opacity=".6" />
<path d="M32 32c5 9 14 12 21 9-2-6-7-11-15-12" opacity=".6" />
<path
d="M32 20c-2.4 0-4 2-4 6s1.6 14 4 18c2.4-4 4-14 4-18s-1.6-6-4-6z"
fill="currentColor"
fill-opacity=".08"
/>
<circle cx="28.5" cy="24.5" r="2.3" fill="currentColor" fill-opacity=".15" />
<circle cx="35.5" cy="24.5" r="2.3" fill="currentColor" fill-opacity=".15" />
<circle cx="28.5" cy="24.5" r=".7" fill="currentColor" />
<circle cx="35.5" cy="24.5" r=".7" fill="currentColor" />
<path d="M30 19c-1-2-2-3.4-3.6-4M34 19c1-2 2-3.4 3.6-4" />
</g>
</svg>
<div>
<h1>The Unwritten Almanac</h1>
<div class="sub">Originality map and build plan for your next idea</div>
</div>
</div>
<div class="masthead-r">
<div id="provenance" class="provenance" aria-live="polite">Opening the current map.</div>
<button id="open-atlas" class="btn btn-ghost" type="button" title="Return to the atlas">Atlas</button>
</div>
</header>
<nav class="mobile-nav" aria-label="Sections">
<button type="button" class="active" data-tab="page">Page</button>
<button type="button" data-tab="proof">Evidence</button>
<button type="button" data-tab="almanac">Board</button>
</nav>
<div id="spread" class="spread" data-tab="page">
<aside class="col col-margin" aria-label="Idea board and setup">
<section class="section">
<div class="eyebrow">Idea board <span id="idea-count" class="count">0</span></div>
<div id="ideas" class="idea-list"></div>
</section>
<section class="section">
<div class="eyebrow">Builder profile</div>
<div id="profile" class="profile-grid"></div>
</section>
<section class="section">
<div class="eyebrow">Goals <span id="goal-count" class="count">0</span></div>
<div id="goals" class="goal-list"></div>
</section>
</aside>
<section class="col col-page" aria-label="Current idea">
<form id="turn-form" class="composer">
<label class="sr-only" for="message">Describe your idea</label>
<textarea
id="message"
name="message"
class="prompt"
rows="2"
autocomplete="off"
placeholder="A local-first agent that helps..."
></textarea>
<div class="underline"></div>
<div class="toolbar voice-row" aria-label="Voice input">
<button id="record-voice" class="btn btn-voice" type="button" title="Record an idea">
<svg class="icon"><use href="#icon-mic"></use></svg>
Speak
</button>
<button id="upload-voice" class="btn btn-ghost" type="button" title="Transcribe a voice note">
<svg class="icon"><use href="#icon-upload"></use></svg>
Voice note
</button>
<input id="voice-file" type="file" accept="audio/*" hidden />
</div>
<div class="toolbar command-row" aria-label="Advisor commands">
<button id="submit" class="btn btn-ink" type="submit" title="Score this idea against the map">
<svg class="icon"><use href="#icon-quill"></use></svg>
Score idea
</button>
<div class="menu" data-menu="actions">
<button
type="button"
id="actions-trigger"
class="btn menu-trigger"
aria-haspopup="true"
aria-expanded="false"
title="More advisor actions"
>
Actions
<span class="caret" aria-hidden="true">▾</span>
</button>
<div class="menu-list" id="actions-menu" role="menu" hidden>
<button type="button" class="menu-item" role="menuitem" data-command="write bolder and find whitespace">
<svg class="icon"><use href="#icon-gap"></use></svg>
<span class="mi-text"><strong>Find a gap</strong><small>An under-explored direction to try</small></span>
</button>
<button type="button" class="menu-item" role="menuitem" data-command="make a build plan">
<svg class="icon"><use href="#icon-plan"></use></svg>
<span class="mi-text"><strong>Make a plan</strong><small>Draft build steps for the current idea</small></span>
</button>
<button type="button" class="menu-item" role="menuitem" data-command="compare ideas">
<svg class="icon"><use href="#icon-rank"></use></svg>
<span class="mi-text"><strong>Compare ideas</strong><small>Rank the ideas on your board</small></span>
</button>
</div>
</div>
<span class="spacer"></span>
<div class="menu" data-menu="more">
<button
type="button"
id="more-trigger"
class="btn btn-ghost menu-trigger btn-icon"
aria-haspopup="true"
aria-expanded="false"
title="Export and session options"
aria-label="More options"
>
<span class="caret-dots" aria-hidden="true">⋯</span>
</button>
<div class="menu-list menu-list-right" id="more-menu" role="menu" hidden>
<button type="button" id="load-demo" class="menu-item" role="menuitem" aria-label="Load example idea board">
<svg class="icon"><use href="#icon-example"></use></svg>
Example board
</button>
<button type="button" id="export-notes" class="menu-item" role="menuitem" aria-label="Export build notes" disabled>
<svg class="icon"><use href="#icon-download"></use></svg>
Build notes
</button>
<button type="button" id="export-chapter" class="menu-item" role="menuitem" aria-label="Export idea-board chapter" disabled>
<svg class="icon"><use href="#icon-download"></use></svg>
Chapter
</button>
<button type="button" id="export-artifact" class="menu-item" role="menuitem" aria-label="Export current page as PNG" disabled>
<svg class="icon"><use href="#icon-download"></use></svg>
Page PNG
</button>
<button type="button" id="reset-session" class="menu-item menu-item-danger" role="menuitem" aria-label="Reset session">
<svg class="icon"><use href="#icon-reset"></use></svg>
Reset session
</button>
</div>
</div>
</div>
</form>
<div id="corrections" class="marginalia" aria-live="polite"></div>
<div id="turn-progress" class="turn-progress" hidden aria-live="polite">
<div class="turn-stage">
<span id="turn-stage-icon" class="ts-icon">🪶</span>
<span id="turn-stage-text" class="ts-text">Thinking</span>
<span id="turn-tokens" class="ts-tokens"></span>
<span id="turn-eta" class="ts-eta"></span>
</div>
<div class="turn-bar" role="progressbar" aria-label="Turn progress">
<div id="turn-bar-fill" class="turn-bar-fill"></div>
</div>
<div id="tool-chips" class="tool-chips"></div>
</div>
<article class="fate">
<span id="verdict-stamp" class="verdict-stamp verdict-ready">
<span class="seal-dot"></span>
<span id="verdict">READY</span>
</span>
<p id="ink" class="prophecy">
The book is open. Describe a project idea, compare it against the current map, then turn the result into
concrete build steps.
</p>
</article>
<section class="section plan">
<div class="eyebrow">Build path</div>
<ol id="plan" class="plan-list"></ol>
</section>
</section>
<aside class="col col-proof" aria-label="Score and evidence">
<section class="section">
<div class="eyebrow">Score</div>
<div class="seal-wrap">
<div id="seal" class="seal">
<span id="overall" class="seal-overall">0.0</span>
<span class="seal-of">out of ten</span>
</div>
<div class="seal-meta">
<div id="seal-verdict" class="v ready">READY</div>
<div id="seal-copy" class="t">No idea has been scored yet.</div>
</div>
</div>
<div id="score" class="quadrants" aria-label="Score breakdown"></div>
</section>
<section class="section">
<div class="eyebrow">Idea map</div>
<div id="wood-map" class="wood-map"></div>
</section>
<section class="section">
<div class="eyebrow">Closest project echoes</div>
<div id="projects" class="project-list"></div>
</section>
<section class="section">
<div class="eyebrow">Directions to test</div>
<div id="whitespace" class="whitespace-list"></div>
</section>
</aside>
</div>
</section>
</main>
<script type="module" src="/static/app.js"></script>
</body>
</html>
|