From ea53a98f7061bc8516beaddd07da7f26eb9f0489 Mon Sep 17 00:00:00 2001
From: Emile Clark-Boman <eclarkboman@gmail.com>
Date: Tue, 3 Feb 2026 22:20:47 +1000
Subject: [PATCH] add post-boot frame structure

---
 www/index.html | 19 +++++++++++++++++--
 www/js/main.js | 16 +++++++++++++++-
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/www/index.html b/www/index.html
index 166f674..55f1c87 100644
--- a/www/index.html
+++ b/www/index.html
@@ -20,8 +20,8 @@
     <canvas id="bg-canvas"></canvas>
 
     <!-- Psuedo-Pseudo-Terminal -->
-    <div class="centered heading">
-      <div class="ppty" id="boot-ppty">
+    <div class="centered-container">
+      <div class="ppty centered cryframe" id="boot-ppty">
     
         <div class="ppty-block">
           <div class="ppty-prompt">
@@ -63,5 +63,20 @@
       </div>
     </div>
 
+    <main>
+      <audio autoplay>
+        <!-- <source src="audio/UNREGISTERED_FIREARM.mpeg" type="audio/mpeg"> -->
+        <source src="audio/UNDO_UNDO.mpeg" type="audio/mpeg">
+        Your browser does not support the audio element.
+      </audio>
+    
+      <div class="centered-container">
+        <div class="centered cryframe" style="display: flex; flex-direction: row; gap: 20px;">
+          <img src="baked/avatar.png" loading="eager" height="150">
+          <p>hi!! i'm cry (they/them)</p>
+        </div>
+      </div>
+    </main>
+
   </body>
 </html>
diff --git a/www/js/main.js b/www/js/main.js
index da2444c..0ab4243 100644
--- a/www/js/main.js
+++ b/www/js/main.js
@@ -24,7 +24,21 @@ function endBoot(root) {
     }
   );
 
-  fade.onfinish = () => root.remove();
+  fade.onfinish = () => {
+    root.remove();
+    document
+      .querySelector("main")
+      .animate(
+        [
+          { visibility: "visible" },
+          { visibility: "visible", opacity: 1 }
+        ],
+        {
+          duration: 400,
+          fill: "forwards",
+        }
+      );
+  }
 }
 
 function main() {