avi/signalelsewhere
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Save point: Scene 9 text centered at top, punch cards + RETURN centered underneath

Browse Source
This commit is contained in:
avi
2026-05-14 10:57:19 -05:00
parent b180a04f73
commit 3a72df8d25
1 changed files with 19 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
index.html
View File

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