Save point: add missing BACK button click handlers + showNextBtn for Money (4b-4e), Health (10b-10e), and Food (F2-F5, FoodSum) in loaders, click handlers, and Escape skip

2026-05-14 20:39:08 -05:00
parent 8e1e0bb3ab
commit f663b52155
1 changed files with 85 additions and 5 deletions
--- a/index.html
+++ b/index.html
@@ -2372,7 +2372,7 @@
                                        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');
+                                        showNextBtn('next10e');showNextBtn('sources10e');showNextBtn('back10e');
                                    },800);
                                    h10c.push(t2);
                                },undefined,undefined,h10c);
@@ -2512,7 +2512,7 @@
                                            const t3=setTimeout(()=>{
                                                txt.innerHTML+="\n\n";
                                                typeHtmlCalmly(txt,"THE INDUSTRIAL FOOD SYSTEM WAS BORN — AND THE COSTS WERE HIDDEN.",()=>{
-                                                    showNextBtn('nextF2');showNextBtn('sourcesF2');
+                                                    showNextBtn('nextF2');showNextBtn('sourcesF2');showNextBtn('backF2');
                                                },undefined,undefined,f1c);
                                            },800);
                                            f1c.push(t3);
@@ -2558,7 +2558,7 @@
                                        txt.innerHTML+="\n\n";
                                        vis.innerHTML='<div class="callout-box">\u2692 CORN SUBSIDIES + HFCS = PROCESSED FOOD CHEAPER THAN REAL FOOD \u2692</div>';
                                        vis.classList.add('visible');
-                                        showNextBtn('nextF3');showNextBtn('sourcesF3');
+                                        showNextBtn('nextF3');showNextBtn('sourcesF3');showNextBtn('backF3');
                                    },800);
                                    f1c.push(t2);
                                },undefined,undefined,f1c);
@@ -2602,7 +2602,7 @@
                                            const t3=setTimeout(()=>{
                                                txt.innerHTML+="\n\n";
                                                typeHtmlCalmly(txt,"THE RIGHT TO SAVE SEEDS WAS REPLACED BY LICENSE AGREEMENTS.",()=>{
-                                                    showNextBtn('nextF4');showNextBtn('sourcesF4');
+                                                    showNextBtn('nextF4');showNextBtn('sourcesF4');showNextBtn('backF4');
                                                },undefined,undefined,f1c);
                                            },800);
                                            f1c.push(t3);
@@ -2654,7 +2654,7 @@
                                        html+='</table><div class="punch-row"><div class="punch-card"><span class="punch-icon">\uD83C\uDF3E</span><span class="punch-text">NO GATEKEEPER —<br>YOU CHOOSE YOUR FOOD</span></div><div class="punch-card"><span class="punch-icon">\uD83E\uDDD1\u200D\uD83C\uDF3E</span><span class="punch-text">KNOW YOUR FARMER —<br>NO CORPORATE MIDDLEMAN</span></div><div class="punch-card"><span class="punch-icon">\uD83C\uDF1E</span><span class="punch-text">REGENERATIVE —<br>HEALS THE SOIL</span></div></div>';
                                        vis.innerHTML=html;
                                        vis.classList.add('visible');
-                                        showNextBtn('nextF5');showNextBtn('sourcesF5');
+                                        showNextBtn('nextF5');showNextBtn('sourcesF5');showNextBtn('backF5');
                                    },800);
                                    f1c.push(t2);
                                },undefined,undefined,f1c);
@@ -2698,6 +2698,8 @@
                                        showNextBtn('nextFoodSum');
                                        document.getElementById('sourcesFoodSum').style.cssText='';
                                        showNextBtn('sourcesFoodSum');
+                                        document.getElementById('backFoodSum').style.cssText='';
+                                        showNextBtn('backFoodSum');
                                    },400);
                                    f1c.push(t6);
                                },8,20,f1c);
@@ -4754,18 +4756,34 @@
            document.getElementById('scene4b').style.display = 'none';
            loadScene4c(document.getElementById('scene4c'));
        });
+        document.getElementById('back4b').addEventListener('click', () => {
+            document.getElementById('scene4b').style.display = 'none';
+            loadScene4a(document.getElementById('scene4a'));
+        });
        document.getElementById('next4c').addEventListener('click', () => {
            document.getElementById('scene4c').style.display = 'none';
            loadScene4d(document.getElementById('scene4d'));
        });
+        document.getElementById('back4c').addEventListener('click', () => {
+            document.getElementById('scene4c').style.display = 'none';
+            loadScene4b(document.getElementById('scene4b'));
+        });
        document.getElementById('next4d').addEventListener('click', () => {
            document.getElementById('scene4d').style.display = 'none';
            loadScene4e(document.getElementById('scene4e'));
        });
+        document.getElementById('back4d').addEventListener('click', () => {
+            document.getElementById('scene4d').style.display = 'none';
+            loadScene4c(document.getElementById('scene4c'));
+        });
        document.getElementById('next4e').addEventListener('click', () => {
            document.getElementById('scene4e').style.display = 'none';
            loadScene5(document.getElementById('scene5'));
        });
+        document.getElementById('back4e').addEventListener('click', () => {
+            document.getElementById('scene4e').style.display = 'none';
+            loadScene4d(document.getElementById('scene4d'));
+        });
        document.getElementById('returnFromScene5').addEventListener('click', () => {
            document.getElementById('scene5').style.display = 'none';
            const s3 = document.getElementById('scene3');
@@ -4798,18 +4816,34 @@
            document.getElementById('scene10b').style.display = 'none';
            loadScene10c(document.getElementById('scene10c'));
        });
+        document.getElementById('back10b').addEventListener('click', () => {
+            document.getElementById('scene10b').style.display = 'none';
+            loadScene10a(document.getElementById('scene10a'));
+        });
        document.getElementById('next10c').addEventListener('click', () => {
            document.getElementById('scene10c').style.display = 'none';
            loadScene10d(document.getElementById('scene10d'));
        });
+        document.getElementById('back10c').addEventListener('click', () => {
+            document.getElementById('scene10c').style.display = 'none';
+            loadScene10b(document.getElementById('scene10b'));
+        });
        document.getElementById('next10d').addEventListener('click', () => {
            document.getElementById('scene10d').style.display = 'none';
            loadScene10e(document.getElementById('scene10e'));
        });
+        document.getElementById('back10d').addEventListener('click', () => {
+            document.getElementById('scene10d').style.display = 'none';
+            loadScene10c(document.getElementById('scene10c'));
+        });
        document.getElementById('next10e').addEventListener('click', () => {
            document.getElementById('scene10e').style.display = 'none';
            loadScene11(document.getElementById('scene11'));
        });
+        document.getElementById('back10e').addEventListener('click', () => {
+            document.getElementById('scene10e').style.display = 'none';
+            loadScene10d(document.getElementById('scene10d'));
+        });
        document.getElementById('returnFromScene11').addEventListener('click', () => {
            document.getElementById('scene11').style.display = 'none';
            const s3 = document.getElementById('scene3');
@@ -4842,22 +4876,42 @@
            document.getElementById('sceneF2').style.display = 'none';
            loadSceneF3(document.getElementById('sceneF3'));
        });
+        document.getElementById('backF2').addEventListener('click', () => {
+            document.getElementById('sceneF2').style.display = 'none';
+            loadSceneF1(document.getElementById('sceneF1'));
+        });
        document.getElementById('nextF3').addEventListener('click', () => {
            document.getElementById('sceneF3').style.display = 'none';
            loadSceneF4(document.getElementById('sceneF4'));
        });
+        document.getElementById('backF3').addEventListener('click', () => {
+            document.getElementById('sceneF3').style.display = 'none';
+            loadSceneF2(document.getElementById('sceneF2'));
+        });
        document.getElementById('nextF4').addEventListener('click', () => {
            document.getElementById('sceneF4').style.display = 'none';
            loadSceneF5(document.getElementById('sceneF5'));
        });
+        document.getElementById('backF4').addEventListener('click', () => {
+            document.getElementById('sceneF4').style.display = 'none';
+            loadSceneF3(document.getElementById('sceneF3'));
+        });
        document.getElementById('nextF5').addEventListener('click', () => {
            document.getElementById('sceneF5').style.display = 'none';
            loadSceneFoodSum(document.getElementById('sceneFoodSum'));
        });
+        document.getElementById('backF5').addEventListener('click', () => {
+            document.getElementById('sceneF5').style.display = 'none';
+            loadSceneF4(document.getElementById('sceneF4'));
+        });
        document.getElementById('nextFoodSum').addEventListener('click', () => {
            document.getElementById('sceneFoodSum').style.display = 'none';
            loadSceneFoodLinks(document.getElementById('sceneFoodLinks'));
        });
+        document.getElementById('backFoodSum').addEventListener('click', () => {
+            document.getElementById('sceneFoodSum').style.display = 'none';
+            loadSceneF5(document.getElementById('sceneF5'));
+        });
        document.getElementById('returnFromFoodLinks').addEventListener('click', () => {
            document.getElementById('sceneFoodLinks').style.display = 'none';
            const s3 = document.getElementById('scene3');
@@ -5283,6 +5337,8 @@
                            showNextBtn('next4b');
                            document.getElementById('sources4b').style.cssText = '';
                            showNextBtn('sources4b');
+                            document.getElementById('back4b').style.cssText = '';
+                            showNextBtn('back4b');
                        } else if (si===2) {
                            txt.innerHTML = "AFTER FORCING PEOPLE TO TURN IN THEIR GOLD, THE GOVERNMENT PASSED THE <a href=\"https://www.federalreservehistory.org/essays/gold-reserve-act\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">THE 1934 GOLD RESERVE ACT</a> AND GAVE THE U.S. TREASURY CONTROL OF THE GOLD.\n\nPEOPLE WERE PAID $20.67/OZ. THE GOVT THEN REVALUED GOLD TO $35/OZ.\n\n";
                            s4.querySelector('.s4visual').innerHTML='<div class="callout-box">⚠ $20.67/OZ → $35/OZ = 69% STOLEN OVERNIGHT ⚠</div>';
@@ -5291,6 +5347,8 @@
                            showNextBtn('next4c');
                            document.getElementById('sources4c').style.cssText = '';
                            showNextBtn('sources4c');
+                            document.getElementById('back4c').style.cssText = '';
+                            showNextBtn('back4c');
                        } else if (si===3) {
                            txt.innerHTML = "THE PAPER DOLLAR COULD STILL BE EXCHANGED FOR GOLD, BUT ON <a href=\"https://www.federalreservehistory.org/essays/gold-convertibility-ends\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">1971, PRESIDENT NIXON REMOVED THAT OPTION</a>, THE PRICE OF GOLD SURGED TO $835-850/OZ.\n\nTHE DOLLAR LOST 96% OF ITS PURCHASING POWER AGAINST REAL MONEY.\n\n";
                            let html='<div style="text-align:center;font-size:0.8rem;color:#007700;margin-bottom:0.5rem;">VALUE OF $1 SINCE 1971</div><div class="coin-grid">';
@@ -5302,6 +5360,8 @@
                            showNextBtn('next4d');
                            document.getElementById('sources4d').style.cssText = '';
                            showNextBtn('sources4d');
+                            document.getElementById('back4d').style.cssText = '';
+                            showNextBtn('back4d');
                        } else if (si===4) {
                            txt.innerHTML = "BITCOIN HAS BEEN CALLED <a href=\"https://www.forbes.com/sites/digital-assets/2024/12/08/us-treasury-names-bitcoin-digital-gold-after-price-explosion/\" target=\"_blank\" style=\"text-decoration:underline;font-weight:bold;color:#00ff00\">DIGITAL GOLD</a>. BUT UNLIKE GOLD, NO ONE CAN TOUCH THIS.";
                            s4.querySelector('.s4visual').innerHTML=
@@ -5322,6 +5382,8 @@
                            showNextBtn('next4e');
                            document.getElementById('sources4e').style.cssText = '';
                            showNextBtn('sources4e');
+                            document.getElementById('back4e').style.cssText = '';
+                            showNextBtn('back4e');
                        }
                    }
                }
@@ -5776,6 +5838,8 @@
                    showNextBtn('next10b');
                    document.getElementById('sources10b').style.cssText = '';
                    showNextBtn('sources10b');
+                    document.getElementById('back10b').style.cssText = '';
+                    showNextBtn('back10b');
                }

                // Scene 10c skip
@@ -5793,6 +5857,8 @@
                    showNextBtn('next10c');
                    document.getElementById('sources10c').style.cssText = '';
                    showNextBtn('sources10c');
+                    document.getElementById('back10c').style.cssText = '';
+                    showNextBtn('back10c');
                }

                // Scene 10d skip
@@ -5807,6 +5873,8 @@
                    showNextBtn('next10d');
                    document.getElementById('sources10d').style.cssText = '';
                    showNextBtn('sources10d');
+                    document.getElementById('back10d').style.cssText = '';
+                    showNextBtn('back10d');
                }

                // Scene 10e skip
@@ -5831,6 +5899,8 @@
                    showNextBtn('next10e');
                    document.getElementById('sources10e').style.cssText = '';
                    showNextBtn('sources10e');
+                    document.getElementById('back10e').style.cssText = '';
+                    showNextBtn('back10e');
                }

                // Scene 11 skip
@@ -5880,6 +5950,8 @@
                    showNextBtn('nextF2');
                    document.getElementById('sourcesF2').style.cssText = '';
                    showNextBtn('sourcesF2');
+                    document.getElementById('backF2').style.cssText = '';
+                    showNextBtn('backF2');
                }

                // Scene F3 skip
@@ -5897,6 +5969,8 @@
                    showNextBtn('nextF3');
                    document.getElementById('sourcesF3').style.cssText = '';
                    showNextBtn('sourcesF3');
+                    document.getElementById('backF3').style.cssText = '';
+                    showNextBtn('backF3');
                }

                // Scene F4 skip
@@ -5911,6 +5985,8 @@
                    showNextBtn('nextF4');
                    document.getElementById('sourcesF4').style.cssText = '';
                    showNextBtn('sourcesF4');
+                    document.getElementById('backF4').style.cssText = '';
+                    showNextBtn('backF4');
                }

                // Scene F5 skip
@@ -5935,6 +6011,8 @@
                    showNextBtn('nextF5');
                    document.getElementById('sourcesF5').style.cssText = '';
                    showNextBtn('sourcesF5');
+                    document.getElementById('backF5').style.cssText = '';
+                    showNextBtn('backF5');
                }

                // Scene FoodSum skip
@@ -5957,6 +6035,8 @@
                    showNextBtn('nextFoodSum');
                    document.getElementById('sourcesFoodSum').style.cssText = '';
                    showNextBtn('sourcesFoodSum');
+                    document.getElementById('backFoodSum').style.cssText = '';
+                    showNextBtn('backFoodSum');
                }

                // Scene FoodLinks skip