Spaces:
Running
Running
sync: reconcile 33 drifted COPY'd modules from GitHub (static/3d kit + energy operator/pages); GitHub = source of truth
d511c9b verified | <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"/> | |
| <title>SZL Energy — Holographic Ops · a11oy</title> | |
| <!-- SPDX-License-Identifier: Apache-2.0 | |
| © 2026 Lutar, Stephen P. Jr. — SZL Holdings · ORCID 0009-0001-0110-4173 · Doctrine v11 | |
| 0 runtime CDN. Every 3D lib is vendored in-image and served same-origin via the | |
| /static/3d/vendor/... importmap below. System fonts only. Every value on screen is | |
| wired to a real a11oy energy endpoint and carries its honesty chip — nothing here | |
| fabricates joules, FLOPs, tokens, or dollars. --> | |
| <script type="importmap"> | |
| { | |
| "imports": { | |
| "three": "/static/3d/vendor/three/three.module.min.js", | |
| "three/webgpu": "/static/3d/vendor/three/three.webgpu.min.js", | |
| "three/addons/": "/static/3d/vendor/three/addons/" | |
| } | |
| } | |
| </script> | |
| <style> | |
| :root{--bg:#05070d;--panel:#0b121b;--line:#1b2734;--teal:#39d3c4;--gold:#e8c074;--green:#2fd07a;--cream:#eef3f6;--para:#9fb1bf;} | |
| *{box-sizing:border-box} | |
| html,body{margin:0;height:100%} | |
| body{background:var(--bg);color:var(--cream);font:14px/1.5 ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;overflow:hidden} | |
| header{padding:10px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#08101a,#05070d); | |
| display:flex;align-items:center;gap:12px;flex-wrap:wrap} | |
| h1{font-size:16px;margin:0;letter-spacing:.4px} | |
| .badge{display:inline-block;font:10.5px ui-monospace,SFMono-Regular,Menlo,monospace;padding:2px 7px;border-radius:6px; | |
| border:1px solid var(--line);color:var(--gold);background:#10171f} | |
| #backend{color:var(--teal)} | |
| #count{color:var(--green)} | |
| #stage-wrap{position:relative;width:100vw;height:calc(100vh - 50px)} | |
| #stage{position:absolute;inset:0} | |
| #stage canvas{display:block;width:100%;height:100%} | |
| #fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center; | |
| text-align:center;color:var(--para);padding:24px;font:13px ui-monospace,monospace} | |
| a{color:var(--teal);text-decoration:none} | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>⚡ SZL Energy — Holographic Ops</h1> | |
| <span class="badge" id="backend">renderer: …</span> | |
| <span class="badge">three r<span id="three-rev">…</span></span> | |
| <span class="badge" id="count">… live 3D graphs</span> | |
| <span class="badge">0 runtime CDN</span> | |
| <span class="badge">Λ = Conjecture 1 · sovereign=false</span> | |
| <a href="/holographic" style="margin-left:auto;font:11px ui-monospace,monospace">holographic estate →</a> | |
| <a href="/" style="font:11px ui-monospace,monospace">← a11oy</a> | |
| </header> | |
| <div id="stage-wrap"> | |
| <div id="stage"></div> | |
| <div id="fallback">3D unavailable on this device — needs a WebGL2 or WebGPU canvas.<br> | |
| All underlying data is still available as JSON at the per-graph a11oy energy endpoints.</div> | |
| </div> | |
| <script type="module"> | |
| import szl3d from "/static/3d/szl3d/szl3d_boot.js"; | |
| import * as live from "/static/3d/szl3d/szl3d_live.js"; | |
| import * as label from "/static/3d/szl3d/szl3d_label.js"; | |
| import * as THREE from "three"; | |
| import { buildShowcase } from "/static/3d/energy_showcase/showcase.js"; | |
| const stageEl = document.getElementById("stage"); | |
| const fallbackEl = document.getElementById("fallback"); | |
| document.getElementById("three-rev").textContent = THREE.REVISION; | |
| let stage = null, showcase = null; | |
| async function boot() { | |
| try { | |
| stage = await szl3d.boot(stageEl, { bloom: { strength: 0.85, radius: 0.5, threshold: 0.18 }, cameraPos: [0, 5, 22] }); | |
| document.getElementById("backend").textContent = "renderer: " + stage.backend.toUpperCase(); | |
| stage.start(); | |
| } catch (e) { | |
| fallbackEl.style.display = "flex"; | |
| document.getElementById("backend").textContent = "renderer: UNAVAILABLE"; | |
| console.error("[energy-holographic] stage boot failed:", e); | |
| return; | |
| } | |
| const ctx = { stage, container: stageEl, live, label, THREE, szl3d }; | |
| showcase = buildShowcase(ctx); | |
| document.getElementById("count").textContent = showcase.count + " live 3D graphs"; | |
| window.__SZL_ENERGY_SHOWCASE__ = showcase; | |
| } | |
| window.addEventListener("beforeunload", () => { try { if (showcase) showcase.dispose(); } catch (_) {} }); | |
| boot(); | |
| </script> | |
| </body> | |
| </html> | |