File: C:/Users/fred/AppData/Local/Microsoft/OneDrive/26.168.0830.0006/WebAssets/cinema.html
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cinema</title><script src="//photosapi.od4/api/od4context.js"></script><script src="/static/shared/numeric-utilities.js"></script><script src="/static/shared/file-dimensions.js"></script><script src="/static/platform/od4-telemetry.js"></script><script src="/static/platform/od4-telemetry-photos.js"></script><script src="/static/platform/od4-spo-fallback.js"></script><script src="/static/platform/od4-fetch.js"></script><script src="/static/platform/drop-bridge.js"></script><script src="/static/platform/ecs.js"></script><script src="/static/view-lib/sql.js"></script><link rel="stylesheet" href="/static/tokens/motion.css"><link rel="stylesheet" href="/static/tokens/scrollbar.css"><style>*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;height:100vh}canvas{display:block}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000;color:#888;font-size:14px;z-index:20;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;transition:opacity .6s}#loading.hidden{opacity:0;pointer-events:none}.controls{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:10;background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif}.ctrl-btn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);border-radius:6px;cursor:pointer;padding:6px 12px;font-size:12px;font-family:inherit;transition:background .15s,color .15s}.ctrl-btn:hover{background:rgba(255,255,255,.14);color:#fff}.ctrl-sep{width:1px;height:22px;background:rgba(255,255,255,.08)}.ctrl-label{font-size:10px;color:#444;text-transform:uppercase;letter-spacing:.7px}.ctrl-val{font-size:var(--font-size-caption-1);color:#c9a55a;font-weight:600;min-width:14px;text-align:center}.page-info{font-size:var(--font-size-caption-2);color:rgba(255,255,255,.25);min-width:60px;text-align:center}.ctrl-sm{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.4);border-radius:4px;cursor:pointer;width:22px;height:22px;font-size:12px;display:flex;align-items:center;justify-content:center;font-family:inherit}.ctrl-sm:hover{background:rgba(255,255,255,.12);color:#fff}</style><script src="/static/view-lib/theme-sync.js"></script><script src="/static/view-lib/user-activity.js"></script><script>ViewLib.ThemeSync.applyDirFromParent()</script></head><body><div id="loading">Loading photos...</div><canvas id="c"></canvas><div class="controls"><button class="ctrl-btn" id="prevBtn">‹</button> <button class="ctrl-btn" id="playBtn">❚❚</button> <button class="ctrl-btn" id="nextBtn">›</button><div class="ctrl-sep"></div><span class="page-info" id="pageInfo">1 / ?</span><div class="ctrl-sep"></div><span class="ctrl-label">Speed</span> <button class="ctrl-sm" id="speedDown">−</button> <span class="ctrl-val" id="speedVal">3</span> <button class="ctrl-sm" id="speedUp">+</button><div class="ctrl-sep"></div><span class="ctrl-label">Grain</span> <button class="ctrl-sm" id="grainDown">−</button> <span class="ctrl-val" id="grainVal">3</span> <button class="ctrl-sm" id="grainUp">+</button></div><script src="/static/platform/icon.js"></script><script src="/static/view-lib/thumbnail.js"></script><script src="/static/view-lib/thumbnail-resolve.js"></script><script src="/static/views/cinema-data.js"></script><script src="/static/views/cinema-rendering.js"></script><script src="/static/views/cinema-runtime.js"></script></body></html>