From 3a72df8d25e657003f2b1e7da4dbf89848bf33ad Mon Sep 17 00:00:00 2001
From: avi <hahamailme@proton.me>
Date: Thu, 14 May 2026 10:57:19 -0500
Subject: [PATCH] Save point: Scene 9 text centered at top, punch cards +
 RETURN centered underneath

---
 index.html | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index 00fe690..af2fd15 100644
--- a/index.html
+++ b/index.html
@@ -576,6 +576,7 @@
             transition: opacity 4s ease;
         }
         .s8visual.visible { opacity: 1; }
+        #s9Text { text-align: center; }
 
         .s6section {
             margin-top: 1.5rem;
@@ -720,7 +721,7 @@
         <button class="btnNext" id="returnFromScene8">RETURN</button>
     </div>
 
-    <div id="scene9" class="scene">
+    <div id="scene9" class="scene" style="flex-direction:column;">
         <div class="scene8text" id="s9Text"></div>
         <div class="s8visual" id="s9Visual"></div>
         <button class="btnNext" id="returnFromScene9">RETURN</button>
@@ -1594,6 +1595,7 @@
             const txt=document.getElementById('s9Text');
             const vis=document.getElementById('s9Visual');
             txt.innerHTML='';
+            vis.innerHTML='';
             vis.className='s8visual';
             let o=0;
             const fi=setInterval(()=>{
@@ -1601,21 +1603,23 @@
                 o+=0.05;if(o>=1){o=1;clearInterval(fi);
                     typeCalmly(txt,"THE INTERNET WAS DESIGNED TO BE DECENTRALIZED — BUT ISPS HAVE TURNED IT INTO A UTILITY CONTROLLED BY GATEKEEPERS.",()=>{
                         const t1=setTimeout(()=>{
-                            txt.innerHTML+="\n\n";
-                            vis.classList.add('visible');
-                            vis.innerHTML='<div class="s6section"><div class="s6section-title">INTERNET WITHOUT AN ISP</div><div class="punch-row">'
-                                +'<div class="punch-card"><span class="punch-icon">🌐</span><span class="punch-text">MESH NETWORKS —<br>EVERY DEVICE IS A NODE</span></div>'
-                                +'<div class="punch-card"><span class="punch-icon">🔗</span><span class="punch-text">PEER TO PEER —<br>DIRECT CONNECTION, NO MIDDLEMAN</span></div>'
-                                +'<div class="punch-card"><span class="punch-icon">📡</span><span class="punch-text">NO ISP —<br>COMMUNITY-OWNED INFRASTRUCTURE</span></div>'
-                                +'</div></div>';
-                            typeCalmly(txt,"MESH NETWORKS AND P2P PROTOCOLS LET COMMUNITIES BUILD THEIR OWN INTERNET — NO ISP REQUIRED.",()=>{
-                                const t4=setTimeout(()=>{
-                                    document.getElementById('returnFromScene9').style.cssText='';
-                                    showNextBtn('returnFromScene9');
-                                },400);
-                                s9c.push(t4);
+                            typeCalmly(txt,"\n\nMESH NETWORKS AND P2P PROTOCOLS LET COMMUNITIES BUILD THEIR OWN INTERNET — NO ISP REQUIRED.",()=>{
+                                const t2=setTimeout(()=>{
+                                    vis.classList.add('visible');
+                                    vis.innerHTML='<div class="s6section"><div class="s6section-title">INTERNET WITHOUT AN ISP</div><div class="punch-row">'
+                                        +'<div class="punch-card"><span class="punch-icon">🌐</span><span class="punch-text">MESH NETWORKS —<br>EVERY DEVICE IS A NODE</span></div>'
+                                        +'<div class="punch-card"><span class="punch-icon">🔗</span><span class="punch-text">PEER TO PEER —<br>DIRECT CONNECTION, NO MIDDLEMAN</span></div>'
+                                        +'<div class="punch-card"><span class="punch-icon">📡</span><span class="punch-text">NO ISP —<br>COMMUNITY-OWNED INFRASTRUCTURE</span></div>'
+                                        +'</div></div>';
+                                    const t3=setTimeout(()=>{
+                                        document.getElementById('returnFromScene9').style.cssText='';
+                                        showNextBtn('returnFromScene9');
+                                    },400);
+                                    s9c.push(t3);
+                                },300);
+                                s9c.push(t2);
                             },8,20,s9c);
-                        },300);
+                        },600);
                         s9c.push(t1);
                     },8,20,s9c);
                 }