Monorepo for Aesthetic.Computer
aesthetic.computer
lacma-2026 page: bring in fresh --demo single-capture videos (v=8)
New assets on the CDN (assets.aesthetic.computer/lacma-2026/):
- ac-native-demo-narrated.{mp4,webm} — 20s, TTS + baked captions
- ac-native-demo.{mp4,webm} — 20s, silent ambient loop
- ac-native-demo-{narrated-,}poster.jpg — t=17 frame (off autocomplete)
Everything from a single capture of the macOS ac-native host run with
--demo, so captions, narration, and shutdown strobe all happen inside
one recording — no post-stitching.
- bumped cachebuster ?v=7 → ?v=8 at all 5 HTML references
- duration hint 23s → 20s in demo tabs and Application-at-a-Glance Video row
- sequence line: boot → notepat → C note → prompt → off → bye
- byline: drop "shutdown strobe simulated" caveat; note the single --demo run
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
+10
-10
+10
-10
system/public/lacma-2026/index.html
+10
-10
system/public/lacma-2026/index.html
···
611
611
<!-- ── DEMO VIDEO ─────────────────────────── -->
612
612
<section class="demo" id="demo">
613
613
<div class="demo-tabs">
614
-
<div class="demo-tab active" data-src="ac-native-demo-narrated" data-poster="ac-native-demo-narrated-poster">narrated + captioned<span class="hint">23 s · click unmute</span></div>
615
-
<div class="demo-tab" data-src="ac-native-demo" data-poster="ac-native-demo-poster">ambient loop<span class="hint">23 s · muted</span></div>
614
+
<div class="demo-tab active" data-src="ac-native-demo-narrated" data-poster="ac-native-demo-narrated-poster">narrated + captioned<span class="hint">20 s · click unmute</span></div>
615
+
<div class="demo-tab" data-src="ac-native-demo" data-poster="ac-native-demo-poster">ambient loop<span class="hint">20 s · muted</span></div>
616
616
</div>
617
617
<div class="demo-pair">
618
618
<div class="demo-frame">
619
619
<video id="demo-video"
620
-
poster="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated-poster.jpg?v=7"
620
+
poster="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated-poster.jpg?v=8"
621
621
autoplay muted loop playsinline controls preload="metadata">
622
-
<source src="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated.webm?v=7" type="video/webm">
623
-
<source src="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated.mp4?v=7" type="video/mp4">
624
-
Your browser doesn't support HTML5 video. <a href="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated.mp4?v=7">Download the MP4</a>.
622
+
<source src="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated.webm?v=8" type="video/webm">
623
+
<source src="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated.mp4?v=8" type="video/mp4">
624
+
Your browser doesn't support HTML5 video. <a href="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated.mp4?v=8">Download the MP4</a>.
625
625
</video>
626
626
</div>
627
627
<div class="demo-hardware">
···
637
637
</div>
638
638
<div class="demo-caption">
639
639
<div class="sequence">
640
-
<span class="step">boot</span><span class="arrow">→</span><span class="step">prompt</span><span class="arrow">→</span><span class="step">type 'notepat'</span><span class="arrow">→</span><span class="step">Viennese waltz</span><span class="arrow">→</span><span class="step">bye @jeffrey</span>
640
+
<span class="step">boot</span><span class="arrow">→</span><span class="step">type 'notepat'</span><span class="arrow">→</span><span class="step">notepat</span><span class="arrow">→</span><span class="step">play C note</span><span class="arrow">→</span><span class="step">back to prompt</span><span class="arrow">→</span><span class="step">off</span><span class="arrow">→</span><span class="step">bye @jeffrey</span>
641
641
</div>
642
-
<div class="byline">boot + prompt + notepat captured live via the macOS ac-native host · shutdown strobe simulated to exactly match the C code (ac-native thread's rebuild will swap in hardware capture)</div>
642
+
<div class="byline">single-capture demo via the macOS ac-native host's <code>--demo</code> flag · boot → prompt → notepat → prompt → "off" → shutdown, all one run · captions and TTS rendered natively by AC Native itself</div>
643
643
</div>
644
644
<script>
645
645
(() => {
646
646
const tabs = document.querySelectorAll(".demo-tab");
647
647
const video = document.getElementById("demo-video");
648
648
const ASSET_BASE = "https://assets.aesthetic.computer/lacma-2026";
649
-
const V = "?v=7"; // bump when videos are re-rendered
649
+
const V = "?v=8"; // bump when videos are re-rendered
650
650
tabs.forEach(tab => tab.addEventListener("click", () => {
651
651
if (tab.classList.contains("active")) return;
652
652
tabs.forEach(t => t.classList.remove("active"));
···
761
761
</div>
762
762
</dd>
763
763
764
-
<dt>Video<span class="cap">under 5 min · optional · ours: 23 s</span></dt>
764
+
<dt>Video<span class="cap">under 5 min · optional · ours: 20 s</span></dt>
765
765
<dd>Two cuts of the same 23-second demo, captured natively from AC Native hardware. An <em>ambient loop</em> (muted, plays silently on page load) and a <em>narrated + captioned</em> version (voiceover + baked-in subtitles) produced by a reusable pipeline at <a class="jump" href="https://github.com/whistlegraph/aesthetic-computer/blob/main/tools/vo-pipeline.mjs">tools/vo-pipeline.mjs</a>. <a class="jump" href="#demo">Watch above ↑</a>. A longer cut with prompt-transitions and a shutdown "bye @jeffrey" animation (still being written in C for the native binary) is the next capture. Narration script: <a class="jump" href="https://github.com/whistlegraph/aesthetic-computer/blob/main/grants/lacma-2026/demo-narration.md">demo-narration.md</a>.</dd>
766
766
767
767
<dt>Lineage check<span class="cap">past Lab cohort</span></dt>