diff --git a/grants/lacma-2026/demo-narration.md b/grants/lacma-2026/demo-narration.md index 1a25e7b616..e390e006aa 100644 --- a/grants/lacma-2026/demo-narration.md +++ b/grants/lacma-2026/demo-narration.md @@ -1,11 +1,12 @@ -# title: AC Native — 23-second demo narration (tuned to visuals) +# title: AC Native — full demo narration (boot → notepat → shutdown) # voice: Daniel -# rate: 170 +# rate: 175 -[0:00] Aesthetic Computer boots from a USB stick straight into art software. -[0:04] No desktop, no browser — just a personal greeting. -[0:07] The default piece is notepat, a musical instrument. -[0:11] Thirty-two voices, synthesized at 192 kilohertz through ALSA. -[0:14] Every chord tints the screen. -[0:17] What you hear is a Viennese waltz being played live. -[0:21] --silence-- +[0:00] Aesthetic Computer boots from a USB stick. +[0:03] Straight into art software - no desktop, no browser. +[0:07] notepat is the default piece. +[0:10] A polyphonic instrument at 192 kilohertz. +[0:14] Each chord tints the screen. +[0:17] A Viennese waltz, played live. +[0:22] Power off - bye. +[0:23.5] --silence-- diff --git a/system/public/lacma-2026/index.html b/system/public/lacma-2026/index.html index 1b517fb80c..bac9477c7f 100644 --- a/system/public/lacma-2026/index.html +++ b/system/public/lacma-2026/index.html @@ -181,7 +181,7 @@ position: relative; display: flex; flex-direction: column; - background: #0c0a08; + background: var(--box-bg); border: 1px solid var(--box-border); border-radius: 4px; overflow: hidden; @@ -201,12 +201,10 @@ object-position: center 45%; } .demo-hardware .tag { - padding: 0.5em 0.8em; + padding: 0.7em 0.9em; border-top: 1px solid var(--box-border); - font-family: 'Berkeley Mono Variable', monospace; - font-size: 0.72em; - color: var(--dim); - letter-spacing: 0.06em; + font-size: 0.88em; + color: var(--text); /* same prose color as rest of page */ line-height: 1.5; } .demo-hardware .tag b { @@ -217,7 +215,7 @@ font-size: 1.3em; letter-spacing: 0; text-transform: none; - margin-bottom: 0.15em; + margin-bottom: 0.2em; } .demo-hardware .tag a { display: inline; @@ -275,6 +273,54 @@ font-style: italic; } + /* ── INLINE SUBMISSION IMAGES ─────────────────── */ + .submit-images { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); + gap: 0.7em; + margin: 0.6em 0; + } + .submit-images figure { + margin: 0; + background: var(--box-bg); + border: 1px solid var(--box-border); + border-radius: 4px; + overflow: hidden; + display: flex; + flex-direction: column; + } + .submit-images figure a { + display: block; + width: 100%; + aspect-ratio: 4 / 3; + overflow: hidden; + background: #0c0a08; + } + .submit-images figure img { + display: block; + width: 100%; + height: 100%; + object-fit: contain; + background: #f6efd7; + } + .submit-images figure.dark img { background: #0c0a08; } + .submit-images figcaption { + padding: 0.5em 0.7em; + font-size: 0.82em; + line-height: 1.45; + color: var(--text); + border-top: 1px solid var(--box-border); + } + .submit-images figcaption b { + display: block; + font-family: 'Berkeley Mono Variable', monospace; + color: var(--dim); + font-size: 0.85em; + font-weight: normal; + letter-spacing: 0.04em; + margin-bottom: 0.15em; + } + /* ── APPLICATION AT A GLANCE (form mirror) ─────── */ .glance { margin: 1.4em 0 2.2em; @@ -556,7 +602,8 @@
platform-screenshot.jpg — Aesthetic Computer running on mobile + desktop; 2,862 registered users.kidlisp-featured.jpg — $roz by @jeffrey, a KidLisp piece with 6,000+ plays.card-gallery.jpg — Four KidLisp pieces as printable cards ($berz, $24m, $duv, $kl1) from UCLA Social Software.card-berz.jpg — $berz card up close; 6 lines of KidLisp.hardware-yoga.jpg — Target hardware: Lenovo Yoga convertible running AC Native from USB.The five JPEGs staged for upload, inline so you can see them the way a reviewer will:
+
+
+
+
+
+
+
+
+
+
+