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

index.html

@@ -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');
+            transitionToScene('scene3', loadScene10a, 'scene10a');
-            window.location.href = 'https://syntropy.institute/';
         });
         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>