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

Save point: health history scenes (10a-10e, 11) — Flexner 1910, FDA 1938, Medicare 1965, HMO 1973, Decentralized 2010+, summary

Browse Source
This commit is contained in:
avi
2026-05-14 16:56:28 -05:00
parent 744f79c0df
commit 16797b04e8
1 changed files with 352 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

356
index.html
View File

@@ -1022,6 +1022,61 @@
</div>
</div>
<!-- Health scenes (10a-10e timeline, 11 summary) -->
<div id="scene10a" class="scene scene4sub">
<div class="s4tl"></div>
<div class="scene4text" id="s10aText"></div>
<div class="s4visual" id="s10aVisual"></div>
<div class="btn-row">
<button class="btnNext" id="sources10a">SOURCES</button>
<button class="btnNext" id="next10a">NEXT</button>
</div>
</div>
<div id="scene10b" class="scene scene4sub">
<div class="s4tl"></div>
<div class="scene4text" id="s10bText"></div>
<div class="s4visual" id="s10bVisual"></div>
<div class="btn-row">
<button class="btnNext" id="sources10b">SOURCES</button>
<button class="btnNext" id="next10b">NEXT</button>
</div>
</div>
<div id="scene10c" class="scene scene4sub">
<div class="s4tl"></div>
<div class="scene4text" id="s10cText"></div>
<div class="s4visual" id="s10cVisual"></div>
<div class="btn-row">
<button class="btnNext" id="sources10c">SOURCES</button>
<button class="btnNext" id="next10c">NEXT</button>
</div>
</div>
<div id="scene10d" class="scene scene4sub">
<div class="s4tl"></div>
<div class="scene4text" id="s10dText"></div>
<div class="s4visual" id="s10dVisual"></div>
<div class="btn-row">
<button class="btnNext" id="sources10d">SOURCES</button>
<button class="btnNext" id="next10d">NEXT</button>
</div>
</div>
<div id="scene10e" class="scene scene4sub">
<div class="s4tl"></div>
<div class="scene4text" id="s10eText"></div>
<div class="s4visual" id="s10eVisual"></div>
<div class="btn-row">
<button class="btnNext" id="sources10e">SOURCES</button>
<button class="btnNext" id="next10e">NEXT</button>
</div>
</div>
<div id="scene11" class="scene">
<div class="scene5text" id="s11Text"></div>
<div class="s5visual" id="s11Visual"></div>
<div class="btn-row">
<button class="btnNext" id="sources11">SOURCES</button>
<button class="btnNext" id="returnFromScene11">RETURN</button>
</div>
</div>
<script>
// Testing shortcuts state
let skipAnimations = false;
@@ -1464,6 +1519,18 @@
tlElem.classList.add('visible');
}
function buildHTimeline(tlElem, activeIdx) {
const years = ['1910', '1938', '1965', '1973', '2010'];
tlElem.innerHTML = '';
years.forEach((y, i) => {
const span = document.createElement('span');
span.className = 'tl-year' + (i < activeIdx ? ' dim' : '') + (i === activeIdx ? ' active' : '');
span.textContent = y;
tlElem.appendChild(span);
});
tlElem.classList.add('visible');
}
function showNextBtn(id) {
const btn = document.getElementById(id);
btn.style.visibility = 'visible';
@@ -1750,6 +1817,243 @@
vis.innerHTML+=html;
}
// Scene 10a — 1910 Flexner Report
function loadScene10a(sceneElem) {
h10c=[];
sceneElem.style.display='flex';
const txt=sceneElem.querySelector('.scene4text');
const vis=sceneElem.querySelector('.s4visual');
const tl=sceneElem.querySelector('.s4tl');
txt.innerHTML='';
vis.className='s4visual';
let o=0;
const fi=setInterval(()=>{
if (sceneElem.style.display !== 'flex' || document.getElementById('next10a').style.visibility === 'visible') { clearInterval(fi); return; }
o+=0.05;if(o>=1){o=1;clearInterval(fi);
buildHTimeline(tl,0);
typeHtmlCalmly(txt,"IMAGINE THE GOVERNMENT DECIDED WHICH DOCTORS WERE ALLOWED TO PRACTICE — AND SHUT DOWN EVERY OTHER OPTION OVERNIGHT.",()=>{
const tWait=setTimeout(()=>{
typeHtmlCalmly(txt,"\n\nTHAT'S NOT HYPOTHETICAL — IT HAPPENED IN 1910.",()=>{
const t1=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"THE CARNEGIE FOUNDATION COMMISSIONED THE FLEXNER REPORT. IT EVALUATED EVERY MEDICAL SCHOOL IN AMERICA. HALF WERE SHUT DOWN — PARTICULARLY THOSE TRAINING WOMEN, BLACK DOCTORS, AND RURAL PRACTITIONERS.",()=>{
const t2=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"THE AMA TOOK CONTROL OF MEDICAL LICENSING. MEDICINE BECAME A GATEKEPT PROFESSION.",()=>{
showNextBtn('next10a');showNextBtn('sources10a');
},undefined,undefined,h10c);
},800);
h10c.push(t2);
},undefined,undefined,h10c);
},1000);
h10c.push(t1);
},undefined,undefined,h10c);
},1000);
h10c.push(tWait);
},undefined,undefined,h10c);
}
sceneElem.style.opacity=o;
},30);
}
// Scene 10b — 1938 FDA Control
function loadScene10b(sceneElem) {
h10c=[];
sceneElem.style.display='flex';
const txt=sceneElem.querySelector('.scene4text');
const vis=sceneElem.querySelector('.s4visual');
const tl=sceneElem.querySelector('.s4tl');
txt.innerHTML='';
vis.className='s4visual';
let o=0;
const fi=setInterval(()=>{
if (sceneElem.style.display !== 'flex' || document.getElementById('next10b').style.visibility === 'visible') { clearInterval(fi); return; }
o+=0.05;if(o>=1){o=1;clearInterval(fi);
buildHTimeline(tl,1);
typeHtmlCalmly(txt,"IN 1938, AFTER THE ELIXIR SULFANILAMIDE TRAGEDY KILLED 107 PEOPLE, THE FDA WAS GIVEN BROAD POWER TO REGULATE MEDICINE.",()=>{
const t1=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"THE FOOD, DRUG & COSMETIC ACT REQUIRED DRUGS TO BE PROVEN SAFE BEFORE SALE.",()=>{
const t2=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"SOUNDS REASONABLE — BUT IT ALSO MEANT NO TREATMENT COULD EXIST WITHOUT GOVERNMENT APPROVAL.",()=>{
const t3=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"THE POWER TO APPROVE IS THE POWER TO CONTROL.",()=>{
showNextBtn('next10b');showNextBtn('sources10b');
},undefined,undefined,h10c);
},800);
h10c.push(t3);
},undefined,undefined,h10c);
},800);
h10c.push(t2);
},undefined,undefined,h10c);
},1600);
h10c.push(t1);
},undefined,undefined,h10c);
}
sceneElem.style.opacity=o;
},30);
}
// Scene 10c — 1965 Medicare/Medicaid cost explosion
function loadScene10c(sceneElem) {
h10c=[];
sceneElem.style.display='flex';
const txt=sceneElem.querySelector('.scene4text');
const vis=sceneElem.querySelector('.s4visual');
const tl=sceneElem.querySelector('.s4tl');
txt.innerHTML='';
vis.className='s4visual';
let o=0;
const fi=setInterval(()=>{
if (sceneElem.style.display !== 'flex' || document.getElementById('next10c').style.visibility === 'visible') { clearInterval(fi); return; }
o+=0.05;if(o>=1){o=1;clearInterval(fi);
buildHTimeline(tl,2);
typeHtmlCalmly(txt,"IN 1965, MEDICARE AND MEDICAID WERE CREATED. THE THIRD-PARTY PAYER SYSTEM WAS BORN.",()=>{
const t1=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"HEALTHCARE SPENDING WAS $41 BILLION IN 1965. BY 2022, IT REACHED $4.1 TRILLION.",()=>{
const t2=setTimeout(()=>{
txt.innerHTML+="\n\n";
vis.innerHTML='<div class="callout-box">⚠ $41B → $4.1T = 100x IN 57 YEARS ⚠</div>';
vis.classList.add('visible');
showNextBtn('next10c');showNextBtn('sources10c');
},800);
h10c.push(t2);
},undefined,undefined,h10c);
},1200);
h10c.push(t1);
},undefined,undefined,h10c);
}
sceneElem.style.opacity=o;
},30);
}
// Scene 10d — 1973 HMO Act
function loadScene10d(sceneElem) {
h10c=[];
sceneElem.style.display='flex';
const txt=sceneElem.querySelector('.scene4text');
const vis=sceneElem.querySelector('.s4visual');
const tl=sceneElem.querySelector('.s4tl');
txt.innerHTML='';
vis.className='s4visual';
let o=0;
const fi=setInterval(()=>{
if (sceneElem.style.display !== 'flex' || document.getElementById('next10d').style.visibility === 'visible') { clearInterval(fi); return; }
o+=0.05;if(o>=1){o=1;clearInterval(fi);
buildHTimeline(tl,3);
typeHtmlCalmly(txt,"IN 1973, THE HMO ACT FORMALIZED MANAGED CARE.",()=>{
const t1=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"YOUR DOCTOR NO LONGER WORKS FOR YOU — THEY WORK FOR THE INSURANCE COMPANY.",()=>{
const t2=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"THE DOCTOR-PATIENT RELATIONSHIP WAS REPLACED BY THE CORPORATE PROVIDER-MEMBER MODEL.",()=>{
const t3=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"YOU BECAME THE PRODUCT.",()=>{
showNextBtn('next10d');showNextBtn('sources10d');
},undefined,undefined,h10c);
},800);
h10c.push(t3);
},undefined,undefined,h10c);
},800);
h10c.push(t2);
},undefined,undefined,h10c);
},1200);
h10c.push(t1);
},undefined,undefined,h10c);
}
sceneElem.style.opacity=o;
},30);
}
// Scene 10e — 2010+ Decentralized Health
function loadScene10e(sceneElem) {
h10c=[];
sceneElem.style.display='flex';
const txt=sceneElem.querySelector('.scene4text');
const vis=sceneElem.querySelector('.s4visual');
const tl=sceneElem.querySelector('.s4tl');
txt.innerHTML='';
vis.className='s4visual';
let o=0;
const fi=setInterval(()=>{
if (sceneElem.style.display !== 'flex' || document.getElementById('next10e').style.visibility === 'visible') { clearInterval(fi); return; }
o+=0.05;if(o>=1){o=1;clearInterval(fi);
buildHTimeline(tl,4);
typeHtmlCalmly(txt,"TODAY, A NEW KIND OF MEDICINE IS EMERGING — BIOHACKING, FUNCTIONAL MEDICINE, DIRECT-TO-CONSUMER TESTING.",()=>{
const t1=setTimeout(()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"PROJECTS LIKE SYNTPROPY.INSTITUTE ARE BUILDING THE INFRASTRUCTURE FOR MEDICINE YOU CONTROL.",()=>{
const t2=setTimeout(()=>{
txt.innerHTML+="\n\n";
let html='<table class="comp-table"><tr><th></th><th>TRADITIONAL</th><th>DECENTRALIZED</th></tr>';
html+='<tr><td>WHO DECIDES?</td><td>GOVERNMENT / INSURANCE</td><td>YOU + YOUR DOCTOR</td></tr>';
html+='<tr><td>ACCESS</td><td>GATEKEPT</td><td>DIRECT</td></tr>';
html+='<tr><td>DATA OWNERSHIP</td><td>THE SYSTEM</td><td>YOU</td></tr>';
html+='<tr><td>INNOVATION</td><td>REGULATED</td><td>OPEN</td></tr>';
html+='<tr><td>COST MODEL</td><td>THIRD-PARTY PAYER</td><td>DIRECT PAYMENT</td></tr>';
html+='</table><div class="punch-row"><div class="punch-card"><span class="punch-icon">🧬</span><span class="punch-text">NO GATEKEEPER —<br>YOU CHOOSE YOUR CARE</span></div><div class="punch-card"><span class="punch-icon">🔬</span><span class="punch-text">DIRECT ACCESS —<br>NO INSURANCE APPROVAL NEEDED</span></div><div class="punch-card"><span class="punch-icon">📊</span><span class="punch-text">YOU OWN YOUR DATA —<br>NOT THE SYSTEM</span></div></div>';
vis.innerHTML=html;
vis.classList.add('visible');
showNextBtn('next10e');showNextBtn('sources10e');
},800);
h10c.push(t2);
},undefined,undefined,h10c);
},1200);
h10c.push(t1);
},undefined,undefined,h10c);
}
sceneElem.style.opacity=o;
},30);
}
// Scene 11 — Health Summary
function loadScene11(sceneElem) {
h10c=[];
sceneElem.style.display='flex';
const txt=document.getElementById('s11Text');
const vis=document.getElementById('s11Visual');
txt.innerHTML='';
vis.className='s5visual';
let o=0;
const fi=setInterval(()=>{
if (sceneElem.style.display !== 'flex' || document.getElementById('returnFromScene11').style.visibility === 'visible') { clearInterval(fi); return; }
o+=0.05;if(o>=1){o=1;clearInterval(fi);
typeHtmlCalmly(txt,"TRADITIONAL MEDICINE SAVES LIVES — BUT IT ALSO CONTROLS ACCESS.",()=>{
const t1=setTimeout(()=>{
txt.innerHTML+="\n\n";
vis.classList.add('visible');
let html='<table class="comp-table"><tr><th></th><th>TRADITIONAL</th><th>DECENTRALIZED</th></tr>';
html+='<tr><td>GATEKEEPERS</td><td>✅ YES — AMA, FDA, INSURANCE</td><td>❌ NONE</td></tr>';
html+='<tr><td>YOUR DATA</td><td>OWNED BY THE SYSTEM</td><td>YOU CONTROL</td></tr>';
html+='<tr><td>INNOVATION</td><td>APPROVAL-BASED</td><td>PRACTICE-BASED</td></tr>';
html+='<tr><td>COST</td><td>$4.1T AND RISING</td><td>MARKET-BASED</td></tr>';
html+='</table><div class="punch-row"><div class="punch-card"><span class="punch-icon">⚖️</span><span class="punch-text">DECENTRALIZED HEALTH<br>DOESN\'T REPLACE DOCTORS</span></div><div class="punch-card"><span class="punch-icon">🔑</span><span class="punch-text">IT REPLACES<br>GATEKEEPERS</span></div><div class="punch-card"><span class="punch-icon">🌐</span><span class="punch-text">THE FUTURE IS<br>OPEN MEDICINE</span></div></div>';
vis.innerHTML=html;
typeHtmlCalmly(txt,"THE QUESTION ISN'T WHETHER TO USE TRADITIONAL MEDICINE — IT'S WHO DECIDES WHAT'S AVAILABLE.",()=>{
txt.innerHTML+="\n\n";
typeHtmlCalmly(txt,"DECENTRALIZED HEALTH DOESN'T REPLACE DOCTORS. IT REPLACES GATEKEEPERS.",()=>{
const t6=setTimeout(()=>{
document.getElementById('returnFromScene11').style.cssText='';
showNextBtn('returnFromScene11');
document.getElementById('sources11').style.cssText='';
showNextBtn('sources11');
},400);
h10c.push(t6);
},8,20,h10c);
},8,20,h10c);
},300);
h10c.push(t1);
},8,20,h10c);
}
sceneElem.style.opacity=o;
},30);
}
function buildS6DesktopTable() {
const rows=[
['PROPERTY','<span class="nickname">LINUX</span>','macOS','WINDOWS','CHROMEOS'],
@@ -2514,6 +2818,7 @@
let s4c = [];
let s5c = [];
let h10c = [];
let s2c = [];
let s7c = [];
let s8c = [];
@@ -3137,8 +3442,7 @@
document.getElementById('foodOverlay').classList.remove('visible');
});
document.getElementById('yourHealthBtn').addEventListener('click', () => {
sessionStorage.setItem('returnToScene', 'scene3');
window.location.href = 'https://syntropy.institute/';
transitionToScene('scene3', loadScene10a, 'scene10a');
});
document.getElementById('next4a').addEventListener('click', () => {
document.getElementById('scene4a').style.display = 'none';
@@ -3184,7 +3488,51 @@
}, 500);
});
['4a','4b','4c','4d','4e','5'].forEach(function(id){
document.getElementById('next10a').addEventListener('click', () => {
document.getElementById('scene10a').style.display = 'none';
loadScene10b(document.getElementById('scene10b'));
});
document.getElementById('next10b').addEventListener('click', () => {
document.getElementById('scene10b').style.display = 'none';
loadScene10c(document.getElementById('scene10c'));
});
document.getElementById('next10c').addEventListener('click', () => {
document.getElementById('scene10c').style.display = 'none';
loadScene10d(document.getElementById('scene10d'));
});
document.getElementById('next10d').addEventListener('click', () => {
document.getElementById('scene10d').style.display = 'none';
loadScene10e(document.getElementById('scene10e'));
});
document.getElementById('next10e').addEventListener('click', () => {
document.getElementById('scene10e').style.display = 'none';
loadScene11(document.getElementById('scene11'));
});
document.getElementById('returnFromScene11').addEventListener('click', () => {
document.getElementById('scene11').style.display = 'none';
const s3 = document.getElementById('scene3');
scene3TypewriterTimeouts.forEach(t => clearTimeout(t));
scene3TypewriterTimeouts = [];
s3.style.display = 'flex';
s3.style.opacity = '1';
document.getElementById('scene3Title').classList.add('visible');
document.getElementById('scene3Text').innerHTML = "IS AN INCUBATOR THAT HAS MANY DECENTRALIZED STARTUPS UNDERNEATH IT<br><br><br><br><br><br><br><br><div style=\"text-align:center\">WE BELIEVE EVERYTHING SHOULD BE DECENTRALIZED</div>";
const row = document.getElementById('scene3ChoiceRow');
row.style.display = 'flex';
const btns = row.querySelectorAll('.scene3ChoiceBtn');
btns.forEach(btn => {
btn.style.opacity = '0';
btn.style.pointerEvents = 'none';
});
setTimeout(() => {
btns.forEach(btn => {
btn.style.opacity = '1';
btn.style.pointerEvents = 'auto';
});
}, 500);
});
['4a','4b','4c','4d','4e','5','10a','10b','10c','10d','10e','11'].forEach(function(id){
document.getElementById('sources'+id).addEventListener('click',function(){
window.refsCaller='scene'+id;
document.getElementById('scene'+id).style.display='none';
@@ -3594,7 +3942,7 @@
<li><a href="https://www.federalreservehistory.org/essays/gold-convertibility-ends" target="_blank">Nixon Ends Gold Convertibility (1971) — Federal Reserve History.</a></li>
<li><a href="https://www.forbes.com/sites/digital-assets/2024/12/08/us-treasury-names-bitcoin-digital-gold-after-price-explosion/" target="_blank">U.S. Treasury Names Bitcoin 'Digital Gold' — Forbes.</a></li>
</ol>
<div class="refs-back"><button id="refsBackBtn" onclick="document.getElementById('sceneRefs').classList.remove('visible');var c=window.refsCaller;if(c==='scene7b'||c==='scene8b'||c==='scene4a'||c==='scene4b'||c==='scene4c'||c==='scene4d'||c==='scene4e'||c==='scene5')document.getElementById(c).style.display='flex';window.refsCaller=null;">BACK</button></div>
<div class="refs-back"><button id="refsBackBtn" onclick="document.getElementById('sceneRefs').classList.remove('visible');var c=window.refsCaller;if(c==='scene7b'||c==='scene8b'||c==='scene4a'||c==='scene4b'||c==='scene4c'||c==='scene4d'||c==='scene4e'||c==='scene5'||c==='scene10a'||c==='scene10b'||c==='scene10c'||c==='scene10d'||c==='scene10e'||c==='scene11')document.getElementById(c).style.display='flex';window.refsCaller=null;">BACK</button></div>
</div>
</div>