From f632c4a02b394c3d52f47020a06addb2e4ae0f93 Mon Sep 17 00:00:00 2001
From: "prompt.ac/@jeffrey" <mail@aesthetic.computer>
Date: Thu, 23 Apr 2026 10:45:29 -0700
Subject: [PATCH] lacma-2026: flip hardware/video order + prominent submitted
 banner
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Landing page (now an archived, submitted-state record):
- Swap demo-pair order — AC Blank laptop photo now on the left, grant
  video on the right. Grid-template-columns flipped from 5fr/3fr to
  3fr/5fr so the video still reads as the featured media.
- Add a full-width pink submitted banner above the masthead stating
  "✓ APPLICATION SUBMITTED · to Submittable on Wed 22 Apr 2026 ..." so
  visitors see the status immediately.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 system/public/lacma-2026/index.html | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/system/public/lacma-2026/index.html b/system/public/lacma-2026/index.html
index c836d23338..dc3594195a 100644
--- a/system/public/lacma-2026/index.html
+++ b/system/public/lacma-2026/index.html
@@ -154,7 +154,7 @@
   }
   .demo-pair {
     display: grid;
-    grid-template-columns: minmax(0, 5fr) minmax(0, 3fr);
+    grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
     gap: 0.8em;
     align-items: start;
   }
@@ -641,6 +641,10 @@
 <body>
 <main class="wrap">
 
+  <div class="submitted-banner" style="background:var(--pink);color:#fffef5;padding:0.7em 1em;margin:-1em -1em 1.6em -1em;font-family:'YWFT Processing',monospace;font-size:0.95em;letter-spacing:0.04em;text-align:center;border-radius:4px;">
+    <strong style="font-size:1.05em">✓ APPLICATION SUBMITTED</strong> · to Submittable on <strong>Wed 22 Apr 2026 · 11:59 PM PST</strong> · this page is archived as-of submission · notifications July 2026
+  </div>
+
   <header class="mast">
     <div class="eyebrow"><span class="tag">LACMA Art + Technology Lab</span> · 2026 · <span style="color:var(--pink)">submitted ✓</span></div>
     <h1>Personal Computers<br>Are <em>Not Done<br>Yet</em><span class="dot">.</span></h1>
@@ -660,14 +664,6 @@
   <!-- ── DEMO VIDEO ─────────────────────────── -->
   <section class="demo" id="demo">
     <div class="demo-pair">
-      <div class="demo-frame">
-        <video id="demo-video"
-          poster="https://assets.aesthetic.computer/lacma-2026/grant-video-poster.jpg?v=2"
-          autoplay muted loop playsinline controls preload="metadata">
-          <source src="https://assets.aesthetic.computer/lacma-2026/grant-video.mp4?v=2" type="video/mp4">
-          Your browser doesn't support HTML5 video. <a href="https://assets.aesthetic.computer/lacma-2026/grant-video.mp4?v=2">Download the MP4</a>.
-        </video>
-      </div>
       <div class="demo-hardware">
         <a href="https://shop.aesthetic.computer/products/laptops_ac-blank-laptop_26-4-17-12-51" target="_blank" rel="noopener">
           <img src="https://shop.aesthetic.computer/cdn/shop/files/ac-native-laptop-hero-final.png?v=1776841885&width=1445"
@@ -678,6 +674,14 @@
           ThinkPad 11e Yoga Gen 6, refurbished, preloaded with Aesthetic.Computer. The video's actual hardware, available now at <a href="https://shop.aesthetic.computer/products/laptops_ac-blank-laptop_26-4-17-12-51" target="_blank" rel="noopener">shop.aesthetic.computer</a>.
         </div>
       </div>
+      <div class="demo-frame">
+        <video id="demo-video"
+          poster="https://assets.aesthetic.computer/lacma-2026/grant-video-poster.jpg?v=2"
+          autoplay muted loop playsinline controls preload="metadata">
+          <source src="https://assets.aesthetic.computer/lacma-2026/grant-video.mp4?v=2" type="video/mp4">
+          Your browser doesn't support HTML5 video. <a href="https://assets.aesthetic.computer/lacma-2026/grant-video.mp4?v=2">Download the MP4</a>.
+        </video>
+      </div>
     </div>
     <div class="demo-caption">
       <div class="sequence">
-- 
2.51.2