Last active
April 13, 2026 18:59
-
-
Save DigiMancer3D/72b7a0e917fdd8dfe8d7ea664ccdc678 to your computer and use it in GitHub Desktop.
Find "How Long [un]Till" (HLT) — the projected future date when the same historical progression would occur again.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>DELTA CALCULATOR • Emoji Progression Deltas</title> | |
| <style> | |
| :root { --bg: #05050f; --text: #f0f0f0; --accent: #00ff9d; --silver: #c0c0c0; } | |
| * { box-sizing: border-box; } | |
| body { | |
| margin: 0; padding: 0; | |
| background: radial-gradient(circle at 50% 30%, #112233 0%, #05050f 40%, #000000 80%); | |
| color: var(--text); | |
| font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; | |
| line-height: 1.5; min-height: 100vh; display: flex; flex-direction: column; text-align: center; | |
| position: relative; overflow-x: hidden; | |
| } | |
| body::before { | |
| content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; | |
| background: transparent; | |
| box-shadow: 120px 80px 1px rgba(255,255,255,0.8), 340px 220px 1px rgba(255,255,255,0.7), | |
| 560px 140px 1px rgba(255,255,255,0.9), 780px 310px 1px rgba(255,255,255,0.6), | |
| 40px 420px 1px rgba(255,255,255,0.8), 290px 510px 1px rgba(255,255,255,0.7), | |
| 670px 650px 1px rgba(255,255,255,0.85), 910px 90px 1px rgba(255,255,255,0.65), | |
| 150px 720px 1px rgba(255,255,255,0.75), 480px 810px 1px rgba(255,255,255,0.8), | |
| 810px 520px 1px rgba(255,255,255,0.7), 30px 180px 1px rgba(255,255,255,0.9); | |
| animation: twinkle 8s infinite alternate ease-in-out; opacity: 0.35; | |
| } | |
| @keyframes twinkle { 0% { opacity: 0.25; } 100% { opacity: 0.45; } } | |
| header { background: linear-gradient(90deg, rgba(10,10,30,0.95), rgba(20,20,40,0.95)); padding: 2rem 1rem; border-bottom: 1px solid #334455; } | |
| h1 { font-size: 2.8rem; margin: 0; letter-spacing: -2px; color: var(--accent); text-shadow: 0 0 20px var(--accent); font-weight: 600; } | |
| .subtitle { font-size: 1.15rem; opacity: 0.9; color: var(--silver); } | |
| .card { background: rgba(15,15,30,0.88); border-radius: 20px; padding: 2.2rem; margin: 2rem auto; max-width: 1100px; box-shadow: 0 0 40px rgba(0,255,157,0.15); border: 1px solid #334455; } | |
| .delta-section { margin: 1.8rem 0 2rem; padding: 1.5rem; background: rgba(10,10,25,0.75); border-radius: 16px; border: 1px solid #223344; } | |
| .delta-grid, .scrollable-deltas { display: grid; grid-template-columns: repeat(auto-fit, minmax(158px, 1fr)); gap: 1rem; justify-content: center; } | |
| .scrollable-deltas { max-height: 480px; overflow-y: auto; padding-right: 8px; margin-top: 1.5rem; border-top: 1px dashed #334455; padding-top: 1.2rem; } | |
| .delta-toggle { text-align: center; background: rgba(20,20,40,0.6); border-radius: 12px; padding: 12px 8px; transition: all 0.2s ease; } | |
| .delta-toggle:hover { background: rgba(0,255,157,0.1); transform: translateY(-2px); } | |
| .delta-label { display: block; margin-bottom: 6px; font-size: 2.4rem; line-height: 1; cursor: help; } | |
| .switch { position: relative; display: inline-block; width: 62px; height: 30px; } | |
| .switch input { opacity: 0; width: 0; height: 0; } | |
| .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #223344; transition: .3s cubic-bezier(0.4,0,0.2,1); border-radius: 34px; } | |
| .slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 4px; bottom: 4px; background: #ddd; transition: .3s cubic-bezier(0.4,0,0.2,1); border-radius: 50%; } | |
| input:checked + .slider { background: #00ff9d; box-shadow: 0 0 14px #00ff9d; } | |
| input:checked + .slider:before { transform: translateX(32px); } | |
| .delta-toggle small { display: block; font-size: 0.72rem; opacity: 0.65; margin-top: 4px; } | |
| input[type="text"] { flex: 1; min-width: 260px; padding: 16px 20px; font-size: 1.15rem; background: rgba(10,10,25,0.9); border: 2px solid #334455; border-radius: 14px; color: var(--text); font-family: monospace; text-align: center; } | |
| button { padding: 16px 32px; font-size: 1.15rem; font-weight: 600; background: var(--accent); color: #000; border: none; border-radius: 14px; cursor: pointer; transition: all 0.3s ease; } | |
| button:hover { transform: scale(1.05); box-shadow: 0 0 25px var(--accent); } | |
| .now-btn { background: #223344; color: var(--text); } | |
| .result { margin-top: 2rem; padding: 1.8rem; background: rgba(10,10,25,0.9); border-radius: 16px; border: 2px solid #334455; font-family: monospace; } | |
| .result-label { font-size: 0.95rem; opacity: 0.85; margin-bottom: 6px; } | |
| .result-value { font-size: 2.4rem; font-weight: 600; letter-spacing: -1px; color: var(--accent); text-shadow: 0 0 15px var(--accent); } | |
| footer { background: rgba(10,10,25,0.92); border-top: 1px solid #334455; padding: 2rem 1rem; font-size: 0.95rem; } | |
| .math-section { background: rgba(5,5,15,0.95); padding: 1.8rem; border-radius: 16px; font-family: monospace; white-space: pre-wrap; line-height: 1.7; border: 1px solid #445566; text-align: left; } | |
| .math-title { font-weight: 600; margin-bottom: 1.2rem; color: var(--accent); display: flex; align-items: center; gap: 10px; justify-content: center; } | |
| .explanation { margin-top: 1.6rem; font-size: 0.95rem; opacity: 0.9; line-height: 1.65; text-align: center; } | |
| .scrollable-deltas::-webkit-scrollbar { width: 9px; } | |
| .scrollable-deltas::-webkit-scrollbar-track { background: #112233; border-radius: 9999px; } | |
| .scrollable-deltas::-webkit-scrollbar-thumb { background: linear-gradient(#00ff9d, #00cc7a); border-radius: 9999px; } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>DELTA CALCULATOR</h1> | |
| <p class="subtitle">Find "How Long [un]Till" (HLT) based on Known Historical Deltas</p> | |
| </header> | |
| <main> | |
| <div class="card"> | |
| <h2 style="margin:0 0 1.2rem; font-size:1.45rem;">Toggle any delta & Enter any date |OR| Epoch</h2> | |
| <div class="delta-section"> | |
| <h3 style="margin:0 0 1.4rem; font-size:1.2rem; color:var(--silver);">PROGRESSION DELTAS • Toggle ON/OFF</h3> | |
| <!-- CORE GRID --> | |
| <div class="delta-grid"> | |
| <div class="delta-toggle" data-key="stage1"> | |
| <div class="delta-label" title="Human Computers → 1st Machine Computers (1958 NASA → 1969 Apollo 11)">👤 → ⚙️</div> | |
| <label class="switch"><input type="checkbox" data-key="stage1" checked><span class="slider"></span></label> | |
| <small></small> | |
| </div> | |
| <div class="delta-toggle" data-key="stage2"> | |
| <div class="delta-label" title="1st Machine Computers → 1st AI that writes its own code (1969 → 2024 Devin)">⚙️ → 🤖</div> | |
| <label class="switch"><input type="checkbox" data-key="stage2" checked><span class="slider"></span></label> | |
| <small></small> | |
| </div> | |
| <div class="delta-toggle" data-key="stage3"> | |
| <div class="delta-label" title="1st LLM → 1st AI (2018 GPT-1 → 2024 Devin) — positive">🧠 → 🤖</div> | |
| <label class="switch"><input type="checkbox" data-key="stage3" checked><span class="slider"></span></label> | |
| <small></small> | |
| </div> | |
| <div class="delta-toggle" data-key="baseline"> | |
| <div class="delta-label" title="Corrective Baseline (original v1 limited-scope Human → Machine — positive anchor)">🔄</div> | |
| <label class="switch"><input type="checkbox" data-key="baseline" checked><span class="slider"></span></label> | |
| <small id="baseline-small"></small> | |
| </div> | |
| <div class="delta-toggle" data-key="moore"> | |
| <div class="delta-label" title="Moore's Law period (1965 paper → 2024 current observation)">📈 → ⚡</div> | |
| <label class="switch"><input type="checkbox" data-key="moore"><span class="slider"></span></label> | |
| <small></small> | |
| </div> | |
| </div> | |
| <!-- SCROLLABLE SECTION (all deltas + corrective) --> | |
| <div class="scrollable-deltas"> | |
| <!-- (all normal deltas – exact from your original) --> | |
| <div class="delta-toggle" data-key="usa1"><div class="delta-label" title="USA Declaration of Independence → First Moon Landing">🦅 → 🌕</div><label class="switch"><input type="checkbox" data-key="usa1"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="usa2"><div class="delta-label" title="First US Transcontinental Railroad → Public Internet">🚂 → 🌐</div><label class="switch"><input type="checkbox" data-key="usa2"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="usa3"><div class="delta-label" title="Ford Model T → Tesla Cybertruck">🚗 → ⚡</div><label class="switch"><input type="checkbox" data-key="usa3"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="global1"><div class="delta-label" title="Invention of the Wheel → First practical automobile">🪨 → 🚗</div><label class="switch"><input type="checkbox" data-key="global1"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="global2"><div class="delta-label" title="Invention of Writing → World Wide Web">📜 → 💻</div><label class="switch"><input type="checkbox" data-key="global2"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="global3"><div class="delta-label" title="Agricultural Revolution → Industrial Revolution">🌾 → 🏭</div><label class="switch"><input type="checkbox" data-key="global3"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="brit1"><div class="delta-label" title="Magna Carta → Brexit referendum">📜 → 🇪🇺</div><label class="switch"><input type="checkbox" data-key="brit1"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="brit2"><div class="delta-label" title="Battle of Hastings → Start of British Industrial Revolution">🏰 → 🏭</div><label class="switch"><input type="checkbox" data-key="brit2"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="brit3"><div class="delta-label" title="First British Empire colony → Hong Kong handover">⛵ → 🗺️</div><label class="switch"><input type="checkbox" data-key="brit3"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="viking1"><div class="delta-label" title="First Viking raid (Lindisfarne) → End of Viking Age">🛡️ → ⛪</div><label class="switch"><input type="checkbox" data-key="viking1"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="viking2"><div class="delta-label" title="Viking longship → First practical steamship">🛶 → 🚢</div><label class="switch"><input type="checkbox" data-key="viking2"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="viking3"><div class="delta-label" title="Viking raids peak → Christianization of Scandinavia">🪓 → ✝️</div><label class="switch"><input type="checkbox" data-key="viking3"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="jesusCatholic"><div class="delta-label" title="Start of Roman Catholic Church → Death of Jesus">⛪ → ✝️</div><label class="switch"><input type="checkbox" data-key="jesusCatholic"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="christianityRomans"><div class="delta-label" title="Start of Christianity → First Roman mention of Jesus">📜 → 🕊️</div><label class="switch"><input type="checkbox" data-key="christianityRomans"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="popeAvg"><div class="delta-label" title="Average papal reign length">⛪ → 👑</div><label class="switch"><input type="checkbox" data-key="popeAvg"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="kingAvg"><div class="delta-label" title="Average major king / monarch reign length">👑 → 🏰</div><label class="switch"><input type="checkbox" data-key="kingAvg"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="presidentAvg"><div class="delta-label" title="Average US President term length">🦅 → 📅</div><label class="switch"><input type="checkbox" data-key="presidentAvg"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="senateAvg"><div class="delta-label" title="Average US Senate term length">🏛️ → 🪑</div><label class="switch"><input type="checkbox" data-key="senateAvg"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="congressAvg"><div class="delta-label" title="Average US Congress / House term length">🏛️ → 🪑</div><label class="switch"><input type="checkbox" data-key="congressAvg"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="ytFame"><div class="delta-label" title="Average YouTube streamer fame span">📹 → ⭐</div><label class="switch"><input type="checkbox" data-key="ytFame"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="twitchFame"><div class="delta-label" title="Average Twitch streamer fame span">🎮 → ⭐</div><label class="switch"><input type="checkbox" data-key="twitchFame"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="famousPerson"><div class="delta-label" title="Average famous person recognition span">🌟 → ⏳</div><label class="switch"><input type="checkbox" data-key="famousPerson"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="lifespanBC"><div class="delta-label" title="Average human lifespan — B.C. era">🪨 → 🪦</div><label class="switch"><input type="checkbox" data-key="lifespanBC"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="lifespanMedieval"><div class="delta-label" title="Average human lifespan — Medieval era">🏰 → 🪦</div><label class="switch"><input type="checkbox" data-key="lifespanMedieval"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="lifespan1800s"><div class="delta-label" title="Average human lifespan — 1800s">🧥 → 🪦</div><label class="switch"><input type="checkbox" data-key="lifespan1800s"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="lifespan1900s"><div class="delta-label" title="Average human lifespan — 1900s">🏭 → 🪦</div><label class="switch"><input type="checkbox" data-key="lifespan1900s"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="lifespan2000s"><div class="delta-label" title="Average human lifespan — 2000–2020s">💻 → 🪦</div><label class="switch"><input type="checkbox" data-key="lifespan2000s"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="lifespanCurrent"><div class="delta-label" title="Average human lifespan — current (2020s)">📱 → 🪦</div><label class="switch"><input type="checkbox" data-key="lifespanCurrent"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="gpuLife"><div class="delta-label" title="Average modern GPU lifespan">🎮 → 🔌</div><label class="switch"><input type="checkbox" data-key="gpuLife"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="cpuLife"><div class="delta-label" title="Average modern CPU lifespan">💻 → 🔌</div><label class="switch"><input type="checkbox" data-key="cpuLife"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="pc808"><div class="delta-label" title="Average 8086-era PC lifespan">🖥️ → 🔌</div><label class="switch"><input type="checkbox" data-key="pc808"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="windowsPC"><div class="delta-label" title="Average Windows PC lifespan">🪟 → 🔌</div><label class="switch"><input type="checkbox" data-key="windowsPC"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="linuxPC"><div class="delta-label" title="Average Linux PC lifespan">🐧 → 🔌</div><label class="switch"><input type="checkbox" data-key="linuxPC"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="desktopLife"><div class="delta-label" title="Average desktop lifespan">🖥️ → 🔌</div><label class="switch"><input type="checkbox" data-key="desktopLife"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="laptopLife"><div class="delta-label" title="Average laptop lifespan">💼 → 🔌</div><label class="switch"><input type="checkbox" data-key="laptopLife"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="phoneLife"><div class="delta-label" title="Average smartphone lifespan">📱 → 🔌</div><label class="switch"><input type="checkbox" data-key="phoneLife"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="iphoneAndroidDiff"><div class="delta-label" title="iPhone vs Android average lifespan difference">🍎 → 🤖</div><label class="switch"><input type="checkbox" data-key="iphoneAndroidDiff"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="quantum1"><div class="delta-label" title="First practical quantum computer (1998) → Quantum supremacy (Google 2019)">⚛️ → 🖥️</div><label class="switch"><input type="checkbox" data-key="quantum1"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="quantum2"><div class="delta-label" title="IBM Quantum Experience cloud launch (2016) → 2023 scaling">🔬 → ☁️</div><label class="switch"><input type="checkbox" data-key="quantum2"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="quantum3"><div class="delta-label" title="Quantum error correction breakthrough (2021) → Current quantum internet prototypes">🧪 → 🌐</div><label class="switch"><input type="checkbox" data-key="quantum3"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="quantum4"><div class="delta-label" title="Quantum networking milestones (2020) → Projected quantum advantage (2025)">📡 → ⚛️</div><label class="switch"><input type="checkbox" data-key="quantum4"><span class="slider"></span></label><small></small></div> | |
| <!-- CORRECTIVE DELTAS (now restored) --> | |
| <div class="delta-toggle" data-key="religiousCorrective"><div class="delta-label" title="Religious Corrective — live sum of religious deltas ÷ total deltas (negative)">✝️ → 📏</div><label class="switch"><input type="checkbox" data-key="religiousCorrective"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="societyCorrective"><div class="delta-label" title="Society Corrective — live sum of society deltas ÷ total deltas (negative)">🏛️ → 📏</div><label class="switch"><input type="checkbox" data-key="societyCorrective"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="quantumCorrective"><div class="delta-label" title="Quantum Corrective — live sum of all computer-based deltas ÷ total deltas (negative)">⚛️ → 📏</div><label class="switch"><input type="checkbox" data-key="quantumCorrective"><span class="slider"></span></label><small></small></div> | |
| <div class="delta-toggle" data-key="ultimateCorrective"><div class="delta-label" title="Ultimate Corrective — live sum of ALL deltas ÷ total deltas (negative)">🛡️ → ⚖️</div><label class="switch"><input type="checkbox" data-key="ultimateCorrective"><span class="slider"></span></label><small></small></div> | |
| </div> | |
| </div> | |
| <div class="input-group" style="display:flex; gap:14px; flex-wrap:wrap; justify-content:center; align-items:flex-end;"> | |
| <div style="flex:1; max-width:380px;"> | |
| <label style="display:block; margin-bottom:8px; font-size:0.95rem; opacity:0.85;">Input Date / Epoch (ms)</label> | |
| <input type="text" id="input" placeholder="2025/04/13 14:26:00 or 1744553160000" value=""> | |
| </div> | |
| <button onclick="useNow()" class="now-btn">NOW</button> | |
| <button onclick="calculateZDate()">CALCULATE DELTA OUTPUT</button> | |
| </div> | |
| <div id="result" class="result" style="display:none;"> | |
| <div class="result-label">PROJECTED DELTA DATE (UTC) — CONFIGURABLE PROGRESSION OUTPUT</div> | |
| <div id="zdate-formatted" class="result-value"></div> | |
| <div id="zdate-epoch" style="font-size:1rem; opacity:0.85; margin-top:8px;"></div> | |
| <div style="margin-top:14px; font-size:0.95rem; opacity:0.8;">Input interpreted as: <span id="input-interpreted" style="font-family:monospace; color:var(--accent);"></span></div> | |
| <div id="total-delta-info" style="margin-top:1rem; font-size:0.9rem; opacity:0.8; padding:8px 16px; background:rgba(0,255,157,0.1); border-radius:8px;"></div> | |
| </div> | |
| </div> | |
| </main> | |
| <footer> | |
| <div class="math-section"> | |
| <div class="math-title">📐 LIVE MATHS (only active deltas shown • default formula if none)</div> | |
| <div id="math-breakdown" style="text-align:left;"></div> | |
| <div id="explanation-text" class="explanation"> | |
| <strong>Configurable equation</strong><br> | |
| DELTA DATE = INPUT_EPOCH + SUM(of all toggled deltas)<br><br> | |
| Only the four core deltas start ON. All corrective deltas are now fully dynamic and update live when you toggle any other delta. | |
| </div> | |
| </div> | |
| <p style="opacity:0.5; font-size:0.85rem; margin-top:1rem;">Grok 4.2 Coded (VCD)</p> | |
| </footer> | |
| <script> | |
| const MS_PER_YEAR = 31557600000; | |
| const HUMAN_EARLY_EPOCH = Date.UTC(1958, 9, 1, 0, 0, 0); | |
| const MACHINE_FIRST_EPOCH = Date.UTC(1969, 6, 20, 20, 17, 40); | |
| const AI_FIRST_EPOCH = Date.UTC(2024, 2, 12, 0, 0, 0); | |
| const LLM_FIRST_EPOCH = Date.UTC(2018, 5, 11, 0, 0, 0); | |
| const BASELINE_DELTA = HUMAN_EARLY_EPOCH - MACHINE_FIRST_EPOCH; | |
| let deltaConfigs = { | |
| stage1: { value: MACHINE_FIRST_EPOCH - HUMAN_EARLY_EPOCH }, | |
| stage2: { value: AI_FIRST_EPOCH - MACHINE_FIRST_EPOCH }, | |
| stage3: { value: AI_FIRST_EPOCH - LLM_FIRST_EPOCH }, | |
| baseline: { value: BASELINE_DELTA }, | |
| moore: { value: Date.UTC(2024,0,1) - Date.UTC(1965,0,1) }, | |
| usa1: { value: Date.UTC(1969,6,20) - Date.UTC(1776,6,4) }, | |
| usa2: { value: Date.UTC(1991,0,1) - Date.UTC(1869,5,10) }, | |
| usa3: { value: Date.UTC(2023,0,1) - Date.UTC(1908,0,1) }, | |
| global1: { value: Date.UTC(1886,0,1) - Date.UTC(-3500,0,1) }, | |
| global2: { value: Date.UTC(1989,0,1) - Date.UTC(-3200,0,1) }, | |
| global3: { value: Date.UTC(1760,0,1) - Date.UTC(-10000,0,1) }, | |
| brit1: { value: Date.UTC(2016,6,23) - Date.UTC(1215,6,15) }, | |
| brit2: { value: Date.UTC(1760,0,1) - Date.UTC(1066,0,1) }, | |
| brit3: { value: Date.UTC(1997,6,30) - Date.UTC(1583,0,1) }, | |
| viking1: { value: Date.UTC(1066,0,1) - Date.UTC(793,0,1) }, | |
| viking2: { value: Date.UTC(1800,0,1) - Date.UTC(800,0,1) }, | |
| viking3: { value: Date.UTC(1100,0,1) - Date.UTC(850,0,1) }, | |
| jesusCatholic: { value: Date.UTC(30,0,1) - Date.UTC(380,0,1) }, | |
| christianityRomans: { value: Date.UTC(30,0,1) - Date.UTC(112,0,1) }, | |
| popeAvg: { value: 8 * MS_PER_YEAR }, | |
| kingAvg: { value: 20 * MS_PER_YEAR }, | |
| presidentAvg: { value: 5.5 * MS_PER_YEAR }, | |
| senateAvg: { value: 6 * MS_PER_YEAR }, | |
| congressAvg: { value: 2 * MS_PER_YEAR }, | |
| ytFame: { value: 5 * MS_PER_YEAR }, | |
| twitchFame: { value: 4 * MS_PER_YEAR }, | |
| famousPerson: { value: 10 * MS_PER_YEAR }, | |
| lifespanBC: { value: 30 * MS_PER_YEAR }, | |
| lifespanMedieval: { value: 35 * MS_PER_YEAR }, | |
| lifespan1800s: { value: 40 * MS_PER_YEAR }, | |
| lifespan1900s: { value: 50 * MS_PER_YEAR }, | |
| lifespan2000s: { value: 72 * MS_PER_YEAR }, | |
| lifespanCurrent: { value: 73 * MS_PER_YEAR }, | |
| gpuLife: { value: 5 * MS_PER_YEAR }, | |
| cpuLife: { value: 6 * MS_PER_YEAR }, | |
| pc808: { value: 8 * MS_PER_YEAR }, | |
| windowsPC: { value: 5 * MS_PER_YEAR }, | |
| linuxPC: { value: 7 * MS_PER_YEAR }, | |
| desktopLife: { value: 6 * MS_PER_YEAR }, | |
| laptopLife: { value: 4 * MS_PER_YEAR }, | |
| phoneLife: { value: 3 * MS_PER_YEAR }, | |
| iphoneAndroidDiff: { value: 1 * MS_PER_YEAR }, | |
| quantum1: { value: Date.UTC(2019,9,23) - Date.UTC(1998,0,1) }, | |
| quantum2: { value: Date.UTC(2023,0,1) - Date.UTC(2016,5,1) }, | |
| quantum3: { value: Date.UTC(2024,0,1) - Date.UTC(2021,0,1) }, | |
| quantum4: { value: Date.UTC(2025,0,1) - Date.UTC(2022,0,1) }, | |
| religiousCorrective: { value: 0 }, | |
| societyCorrective: { value: 0 }, | |
| quantumCorrective: { value: 0 }, | |
| ultimateCorrective: { value: 0 } | |
| }; | |
| const religiousGroupKeys = ['jesusCatholic', 'christianityRomans', 'popeAvg', 'kingAvg']; | |
| const societyGroupKeys = ['ytFame','twitchFame','famousPerson','lifespanBC','lifespanMedieval','lifespan1800s','lifespan1900s','lifespan2000s','lifespanCurrent','gpuLife','cpuLife','pc808','windowsPC','linuxPC','desktopLife','laptopLife','phoneLife','iphoneAndroidDiff']; | |
| const computerBasedKeys = ['stage1','stage2','stage3','moore','gpuLife','cpuLife','pc808','windowsPC','linuxPC','desktopLife','laptopLife','phoneLife','iphoneAndroidDiff','quantum1','quantum2','quantum3','quantum4']; | |
| const totalCount = Object.keys(deltaConfigs).length; | |
| let activeDeltas = { stage1: true, stage2: true, stage3: true, baseline: true , quantumCorrective: true , ultimateCorrective: true }; | |
| function computeReligiousCorrective() { | |
| const groupSum = religiousGroupKeys.reduce((acc, k) => acc + (activeDeltas[k] ? deltaConfigs[k].value : 0), 0); | |
| return groupSum === 0 ? -(Math.random() * 8 + 1) : -Math.floor((groupSum / totalCount) * 10) / 10; | |
| } | |
| function computeSocietyCorrective() { | |
| const groupSum = societyGroupKeys.reduce((acc, k) => acc + (activeDeltas[k] ? deltaConfigs[k].value : 0), 0); | |
| return groupSum === 0 ? -(Math.random() * 8 + 1) : -Math.floor((groupSum / totalCount) * 10) / 10; | |
| } | |
| function computeQuantumCorrective() { | |
| const groupSum = computerBasedKeys.reduce((acc, k) => acc + (activeDeltas[k] ? deltaConfigs[k].value : 0), 0); | |
| return groupSum === 0 ? -(Math.random() * 8 + 1) : -Math.floor((groupSum / totalCount) * 10) / 10; | |
| } | |
| function computeUltimateCorrective() { | |
| const allActiveSum = Object.keys(deltaConfigs).reduce((acc, k) => { | |
| if (activeDeltas[k] && !['religiousCorrective','societyCorrective','quantumCorrective','ultimateCorrective'].includes(k)) return acc + deltaConfigs[k].value; | |
| return acc; | |
| }, 0); | |
| return allActiveSum === 0 ? -(Math.random() * 8 + 1) : -Math.floor((allActiveSum / totalCount) * 10) / 10; | |
| } | |
| function updateCorrectiveValues() { | |
| deltaConfigs.religiousCorrective.value = computeReligiousCorrective(); | |
| deltaConfigs.societyCorrective.value = computeSocietyCorrective(); | |
| deltaConfigs.quantumCorrective.value = computeQuantumCorrective(); | |
| deltaConfigs.ultimateCorrective.value = computeUltimateCorrective(); | |
| } | |
| function updateAllYearDisplays() { | |
| document.querySelectorAll('.delta-toggle').forEach(toggle => { | |
| const key = toggle.dataset.key; | |
| if (!key || !deltaConfigs[key]) return; | |
| const small = toggle.querySelector('small'); | |
| if (small) { | |
| const val = deltaConfigs[key].value / MS_PER_YEAR; | |
| small.textContent = (val >= 0 ? '+' : '') + val.toFixed(1) + ' years'; | |
| } | |
| }); | |
| } | |
| function initFromStaticHTML() { | |
| document.querySelectorAll('.delta-toggle input[type="checkbox"]').forEach(cb => { | |
| const key = cb.dataset.key; | |
| if (key) activeDeltas[key] = cb.checked; | |
| }); | |
| updateCorrectiveValues(); | |
| updateAllYearDisplays(); | |
| } | |
| function handleToggleChange(e) { | |
| const key = e.target.dataset.key; | |
| activeDeltas[key] = e.target.checked; | |
| updateCorrectiveValues(); | |
| updateAllYearDisplays(); | |
| if (document.getElementById('result').style.display === 'block') calculateZDate(); | |
| } | |
| function attachListeners() { | |
| document.querySelectorAll('.delta-toggle input[type="checkbox"]').forEach(cb => { | |
| cb.addEventListener('change', handleToggleChange); | |
| }); | |
| } | |
| // ... (parseInput, formatDateTime, useNow, calculateZDate, updateMathBreakdown remain unchanged from previous version) | |
| function parseInput(inputStr) { | |
| const trimmed = inputStr.trim(); | |
| if (/^\d+$/.test(trimmed)) return parseFloat(trimmed); | |
| const dateTimeParts = trimmed.split(/\s+/); | |
| if (dateTimeParts.length >= 1) { | |
| const dateStr = dateTimeParts[0]; | |
| const timeStr = dateTimeParts[1] || '00:00:00'; | |
| const dateParts = dateStr.split('/'); | |
| if (dateParts.length === 3) { | |
| const year = parseInt(dateParts[0], 10); | |
| const month = parseInt(dateParts[1], 10) - 1; | |
| const day = parseInt(dateParts[2], 10); | |
| const timeParts = timeStr.split(':'); | |
| const hour = parseInt(timeParts[0] || '0', 10); | |
| const minute = parseInt(timeParts[1] || '0', 10); | |
| const second = parseInt(timeParts[2] || '0', 10); | |
| return Date.UTC(year, month, day, hour, minute, second); | |
| } | |
| } | |
| const nativeDate = new Date(trimmed); | |
| if (!isNaN(nativeDate.getTime())) return nativeDate.getTime(); | |
| return null; | |
| } | |
| function formatDateTime(epochMs) { | |
| if (!isFinite(epochMs)) return 'Infinity (too far future)'; | |
| const date = new Date(epochMs); | |
| let year = date.getUTCFullYear(); | |
| const month = String(date.getUTCMonth() + 1).padStart(2, '0'); | |
| const day = String(date.getUTCDate()).padStart(2, '0'); | |
| const hour = String(date.getUTCHours()).padStart(2, '0'); | |
| const minute = String(date.getUTCMinutes()).padStart(2, '0'); | |
| const second = String(date.getUTCSeconds()).padStart(2, '0'); | |
| let yearStr = year < 0 ? '-' + String(Math.abs(year)).padStart(4, '0') : String(year); | |
| return `${yearStr}-${month}-${day} ${hour}:${minute}:${second} UTC`; | |
| } | |
| function useNow() { | |
| document.getElementById('input').value = Date.now(); | |
| calculateZDate(); | |
| } | |
| function calculateZDate() { | |
| const inputField = document.getElementById('input').value.trim(); | |
| if (!inputField) { alert('Enter a date, time, or epoch value first'); return; } | |
| const inputEpoch = parseInput(inputField); | |
| if (inputEpoch === null) { alert('Invalid format. Use yyyy/mm/dd hh:mm:ss or raw epoch number'); return; } | |
| let activeCount = Object.values(activeDeltas).filter(Boolean).length; | |
| let totalDelta = 0; | |
| let defaultUsed = false; | |
| let defaultInfo = ''; | |
| let randExpUsed = null; | |
| if (activeCount === 0) { | |
| defaultUsed = true; | |
| randExpUsed = Math.floor(Math.random() * 3) + 1; | |
| const piVal = Math.pow(3.14, randExpUsed); | |
| const baseChangeYears = (piVal / medianYears) + 1; | |
| totalDelta = baseChangeYears * MS_PER_YEAR; | |
| defaultInfo = `(((3.14^${randExpUsed}) / ${medianYears.toFixed(3)}) + 1) ≈ ${baseChangeYears.toFixed(3)} years`; | |
| } else { | |
| Object.keys(deltaConfigs).forEach(key => { | |
| if (activeDeltas[key]) totalDelta += deltaConfigs[key].value; | |
| }); | |
| } | |
| const zEpoch = inputEpoch + totalDelta; | |
| document.getElementById('zdate-formatted').textContent = formatDateTime(zEpoch); | |
| document.getElementById('zdate-epoch').innerHTML = `Epoch: <strong>${Math.floor(zEpoch)}</strong> ms`; | |
| document.getElementById('input-interpreted').textContent = `${inputField} → ${formatDateTime(inputEpoch)}`; | |
| document.getElementById('result').style.display = 'block'; | |
| const infoHTML = defaultUsed | |
| ? `<strong>Default base change applied (no deltas selected):</strong><br>+(((3.14<sup>${randExpUsed}</sup>)/${medianYears.toFixed(3)})+1) years ≈ ${defaultInfo.split('≈')[1]}` | |
| : `<strong>Total progression delta applied:</strong> ${totalDelta.toLocaleString()} ms <span style="font-size:0.85rem; opacity:0.75;">(${activeCount} deltas active)</span>`; | |
| document.getElementById('total-delta-info').innerHTML = infoHTML; | |
| updateMathBreakdown(defaultUsed ? defaultInfo : null); | |
| } | |
| let medianYears = (() => { | |
| const yearVals = Object.values(deltaConfigs).map(cfg => cfg.value / MS_PER_YEAR); | |
| yearVals.sort((a, b) => a - b); | |
| const mid = Math.floor(yearVals.length / 2); | |
| return yearVals.length % 2 === 0 ? (yearVals[mid - 1] + yearVals[mid]) / 2 : yearVals[mid]; | |
| })(); | |
| function updateMathBreakdown(defaultInfo = null) { | |
| let html = `Let INPUT_EPOCH_MS = [your date in ms]\n\n`; | |
| let activeCount = Object.values(activeDeltas).filter(Boolean).length; | |
| if (activeCount === 0) { | |
| html += `// NO DELTAS SELECTED — USING DEFAULT BASE CHANGE\n`; | |
| html += `Let MEDIAN_YEARS = ${medianYears.toFixed(3)}\n`; | |
| html += `Let RAND_EXP = random integer ∈ {1, 2, 3}\n`; | |
| html += `Let DEFAULT_BASE_CHANGE_YEARS = (((3.14 ** RAND_EXP) / MEDIAN_YEARS) + 1)\n`; | |
| html += `Let TOTAL_PROGRESSION_MS = DEFAULT_BASE_CHANGE_YEARS * ${MS_PER_YEAR}\n`; | |
| if (defaultInfo) html += `\n// Computed on last calculation: ${defaultInfo}\n`; | |
| } else { | |
| let total = 0; | |
| Object.keys(deltaConfigs).forEach(key => { | |
| if (activeDeltas[key]) { | |
| const cfg = deltaConfigs[key]; | |
| total += cfg.value; | |
| const sign = cfg.value >= 0 ? '+' : ''; | |
| html += `Let DELTA_${key.toUpperCase()}_MS = ${cfg.value.toLocaleString()} ms ${sign}${(cfg.value / MS_PER_YEAR).toFixed(1)} years\n`; | |
| } | |
| }); | |
| html += `\nLet TOTAL_PROGRESSION_MS = ${total.toLocaleString()} ms (${activeCount} deltas active)\n`; | |
| } | |
| html += `\nLet Z_EPOCH_MS = INPUT_EPOCH_MS + TOTAL_PROGRESSION_MS\n`; | |
| html += `DELTA DATE (UTC) = new Date(Z_EPOCH_MS)`; | |
| document.getElementById('math-breakdown').innerHTML = html; | |
| } | |
| document.addEventListener('DOMContentLoaded', function() { | |
| initFromStaticHTML(); | |
| attachListeners(); | |
| updateMathBreakdown(); | |
| console.log('%c✅ DELTA CALCULATOR ready', 'color:#00ff9d; font-family:monospace; font-size:13px'); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment