0x28996f7d…515asent to0xa6ca6ea1…7f05·#24,938,389·view on Etherscan
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><base target="_blank"><title>Panorama</title><style>*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0a0a;--fg:#ededed;--muted:#8a8680;--faint:#3a3a3a;--up:#089981;--dn:#F23645;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:var(--mono);overflow:hidden}::-webkit-scrollbar{display:none}*{scrollbar-width:none}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.lbl{font:10px/1 var(--mono);text-transform:uppercase;letter-spacing:.25em;color:var(--muted);font-variant-numeric:tabular-nums}.sub{font:11px/1 var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-variant-numeric:tabular-nums}.lnk{font:12px/1 var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--fg);font-variant-numeric:tabular-nums;cursor:pointer;text-decoration:none;background:none;border:0;padding:0;display:inline-flex;align-items:center;gap:6px}.val{font:13px/1 var(--mono);text-transform:uppercase;letter-spacing:.15em;color:var(--fg);font-variant-numeric:tabular-nums}.ttl{font:15px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg);font-variant-numeric:tabular-nums}#hdr{position:fixed;top:40px;left:0;right:0;z-index:50;height:24px;display:flex;align-items:center;padding:0 40px;transition:opacity 500ms var(--ease);user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.55)}#hdr.hide{opacity:0;pointer-events:none}#hdrl{display:flex;align-items:center;gap:10px;min-width:0}#hdrl a{font:12px/1 var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--fg);text-decoration:none;white-space:nowrap}#hdrl .by{color:rgba(237,237,237,.75)}@media (max-width:640px){#hdrl .by{display:none}}#vw{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center}#sc{width:100%;height:100%;overflow-x:scroll;overflow-y:hidden;cursor:grab;display:flex;align-items:center;overscroll-behavior:none}#sc.gb{cursor:grabbing}#st{display:flex;height:var(--ih)}.cd{flex:0 0 var(--iw);height:var(--ih);position:relative;overflow:hidden;background:rgba(255,255,255,.04);cursor:pointer}.cd img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none;pointer-events:none}.unr{flex:0 0 var(--iw);height:var(--ih);background:var(--bg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.ui{display:flex;flex-direction:column;width:100%;max-width:28rem;padding:0 32px}.unr-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.unr-rows{display:flex;flex-direction:column;gap:12px}.unr-row{display:flex;align-items:center;justify-content:space-between}.unr-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:12px}#ft{position:absolute;bottom:0;left:0;right:0;z-index:40;padding:0 40px calc(env(safe-area-inset-bottom,0px) + 40px);transition:opacity 500ms var(--ease),transform 500ms var(--ease);text-shadow:0 1px 2px rgba(0,0,0,.55)}#ft.hide{opacity:0;transform:translateY(20%);pointer-events:none}@media (max-width:640px){#ft{padding:0 16px calc(env(safe-area-inset-bottom,0px) + 24px)}}#nav{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:16px}#ix{min-width:72px;text-align:right;white-space:nowrap;color:var(--fg);font-variant-numeric:tabular-nums}#sl{flex:1;height:14px;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;min-width:0;margin:0;padding:0;position:relative;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}#sl::-webkit-slider-runnable-track{height:1px;background:rgba(237,237,237,.35)}#sl::-moz-range-track{height:1px;background:rgba(237,237,237,.35)}#sl::-webkit-slider-thumb{-webkit-appearance:none;width:2px;height:14px;background:var(--fg);cursor:pointer;margin-top:-6px;border:0;border-radius:0}#sl::-moz-range-thumb{width:2px;height:14px;background:var(--fg);cursor:pointer;border:0;border-radius:0}#ctl{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:8px;height:24px}.grp{display:flex;align-items:center;gap:8px;flex-shrink:0}#cap{min-width:0;display:flex;justify-content:center;align-items:center;gap:8px;overflow:hidden;padding:0 8px;cursor:pointer}#cap span{font:11px/1 var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}#cap .pc{margin-left:6px}#cap span:empty{display:none}@media (max-width:767px){#ctl{grid-template-rows:auto auto;row-gap:8px;height:auto}#cap{grid-column:1/-1;grid-row:1}#ctl>.grp:first-child{grid-column:1;grid-row:2}#ctl>.grp:last-child{grid-column:3;grid-row:2}}.btn,.scrub{display:inline-flex;align-items:center;justify-content:center;width:56px;height:24px;background:none;border:0;cursor:pointer;padding:0;color:var(--fg);opacity:.75;transition:opacity 150ms var(--ease)}.btn.on,.scrub.on,.btn:hover,.scrub:hover{opacity:1}.btn svg,.scrub svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.btn svg{width:15px;height:15px}.btn .ic-on{display:none}.btn.on .ic-off{display:none}.btn.on .ic-on{display:inline-block}.scrub{gap:5px;cursor:ew-resize;touch-action:none;user-select:none;font:11px/1 var(--mono);font-variant-numeric:tabular-nums}.scrub svg{width:13px;height:13px}@media (max-width:640px){.btn,.scrub{width:36px}.scrub span{display:none}.grp{gap:4px}}body.is-scrubbing,body.is-scrubbing *{cursor:ew-resize!important}body.is-scrubbing-xy,body.is-scrubbing-xy *{cursor:ns-resize!important}#pad{cursor:ns-resize}.pop{position:absolute;bottom:calc(100% + 16px);right:0;background:var(--bg);padding:16px;display:none;z-index:60;width:240px;max-width:calc(100vw - 40px);max-height:calc(100vh - 96px);overflow-y:auto}.pop.open{display:flex;flex-direction:column;gap:14px}.pop-hair{height:1px;background:rgba(237,237,237,.15);flex-shrink:0}.pop-row{display:flex;align-items:center;gap:12px}.pop-row .lbl,.pop-date .lbl{width:40px;flex-shrink:0;font:10px/1 var(--mono);text-transform:uppercase;letter-spacing:.25em;color:var(--muted)}.pop-input{flex:1;min-width:0;background:transparent;border:0;color:var(--fg);font:11px/1.2 var(--mono);outline:none;padding:0;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.pop-input::-webkit-outer-spin-button,.pop-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pop-input::placeholder{color:rgba(237,237,237,.4);text-transform:uppercase;letter-spacing:.2em;font-size:10px}.pop-go,.pop-today,.cal-back{font:11px/1 var(--mono);text-transform:uppercase;letter-spacing:.25em;color:var(--fg);cursor:pointer;background:none;border:0;padding:0;transition:opacity 120ms var(--ease)}.pop-go{font-size:10px;flex-shrink:0}.pop-go:hover,.cal-back:hover{opacity:.75}.pop-today{text-align:left}.pop-today:hover,.pop-date:hover{opacity:.85}.pop-date{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;color:inherit;cursor:pointer;text-align:left;transition:opacity 120ms var(--ease)}.pop-date .v{flex:1;min-width:0;font:11px/1 var(--mono);color:var(--fg);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pop-date .v.empty{color:rgba(237,237,237,.4)}.pop-date .ch{flex-shrink:0;color:rgba(237,237,237,.6);display:inline-flex;transition:transform 150ms var(--ease)}.pop-date.open .ch{transform:rotate(180deg)}.cal-wrap{display:none;flex-direction:column;gap:14px}.cal-wrap.open{display:flex}.cal-back{display:inline-flex;align-items:center;gap:8px;align-self:flex-start}.cal-back svg,.cal-head button svg{width:14px;height:14px}.cal-head{position:relative;display:flex;align-items:center;justify-content:center;height:18px}.cal-head .mo{font:11px/1 var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--fg);font-variant-numeric:tabular-nums}.cal-head button{position:absolute;top:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:none;border:0;color:rgba(237,237,237,.75);cursor:pointer;padding:0;transition:color 120ms var(--ease)}.cal-head button:hover{color:var(--fg)}.cal-head button.pv{left:0}.cal-head button.nx{right:0}.cal-head button.off,.cal-d.off{color:var(--faint);opacity:.3;cursor:not-allowed}.cal-wk{font:9px/1 var(--mono);text-transform:uppercase;letter-spacing:.15em;color:rgba(237,237,237,.5);text-align:center;display:flex;align-items:center;justify-content:center}.cal{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:24px}.cal-d{display:inline-flex;align-items:center;justify-content:center;font:11px/1 var(--mono);font-variant-numeric:tabular-nums;color:rgba(237,237,237,.75);cursor:pointer;background:none;border:0;padding:0;transition:color 120ms var(--ease),background 120ms var(--ease)}.cal-d:hover{color:var(--fg);background:rgba(237,237,237,.1)}.cal-d.td{color:var(--fg);box-shadow:inset 0 0 0 1px rgba(237,237,237,.3)}.cal-d.sel,.cal-d.sel:hover{background:var(--fg);color:var(--bg)}.cal-d.off{background:none}.cal-d.off:hover{background:none}.pop.cal-on .pop-today,.pop.cal-on .pop-row,.pop.cal-on .pop-date,.pop.cal-on>.pop-hair{display:none}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:4px 8px;background:var(--fg);color:var(--bg);font:500 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;pointer-events:none;z-index:200;opacity:0;transition:opacity 120ms}[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1;transition-delay:400ms}body.is-scrubbing [data-tooltip]::after{opacity:0!important}.overlay{position:fixed;inset:0;z-index:100;display:none}.overlay.open{display:block}.panel-body{position:absolute;left:0;right:0;bottom:0;background:var(--bg);max-height:60vh;overflow-y:auto;padding-bottom:max(48px,calc(env(safe-area-inset-bottom,0px) + 32px));animation:mi 200ms var(--ease);scrollbar-width:thin;scrollbar-color:rgba(237,237,237,.3) transparent}.panel-body::-webkit-scrollbar{display:block;width:6px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:rgba(237,237,237,.3);border-radius:3px}.panel-body::-webkit-scrollbar-thumb:hover{background:rgba(237,237,237,.55)}@keyframes mi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-close-row{display:flex;align-items:center;justify-content:center;padding:12px 0 4px}.panel-close{width:64px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;color:var(--fg)}.panel-close svg{width:22px;height:22px}.pg{display:grid;grid-template-columns:1fr 1.6fr auto;gap:64px;max-width:1920px;margin:0 auto;padding:16px 40px 32px}.pg-col{display:flex;flex-direction:column;gap:24px;min-width:0}.pg-col:last-child{min-width:160px}.pg-grp{display:flex;flex-direction:column}.pg-grp.g8{gap:8px}.pg-grp.g6{gap:6px}.pg-inline{display:flex;align-items:baseline;gap:16px}.pg-links{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.pg-desc p{font:400 14px/1.75 var(--sans);color:rgba(237,237,237,.9);white-space:pre-line}@media (max-width:900px){.pg{grid-template-columns:1fr;gap:32px;padding:16px 24px 24px}}.help{width:320px;max-width:90vw;padding:28px 24px;margin:0 auto}.help-row{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:6px 0}#pvw{position:fixed;z-index:9999;pointer-events:none;background:#000;overflow:hidden;display:none}#pvw img{width:100%;height:100%;object-fit:cover}#pvw .badge{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.6);font:10px var(--mono);color:var(--fg);padding:1px 4px;font-variant-numeric:tabular-nums}</style></head><body><div id="hdr"><div id="hdrl"><a href="https://panorama.garden">PANORAMA</a><a class="by" href="https://x.com/yigitduman">BY YIGIT DUMAN</a></div></div><div id="vw"><div id="sc"><div id="st"></div></div></div><div id="ft"><div id="nav"><span id="ix" class="sub">1 / 365</span><input type="range" id="sl" min="0" max="364" value="0" step="any"></div><div id="ctl"><div class="grp"><button class="btn" id="rw" data-tooltip="REWIND" aria-label="Rewind"><svg class="ic-off" viewBox="0 0 24 24"><polygon points="11 19 2 12 11 5 11 19"/><polygon points="22 19 13 12 22 5 22 19"/></svg><svg class="ic-on" viewBox="0 0 24 24"><rect x="6" y="4" width="4" height="16" rx="1"/><rect x="14" y="4" width="4" height="16" rx="1"/></svg></button><button class="btn" id="ff" data-tooltip="PLAY" aria-label="Play"><svg class="ic-off" viewBox="0 0 24 24"><polygon points="13 19 22 12 13 5 13 19"/><polygon points="2 19 11 12 2 5 2 19"/></svg><svg class="ic-on" viewBox="0 0 24 24"><rect x="6" y="4" width="4" height="16" rx="1"/><rect x="14" y="4" width="4" height="16" rx="1"/></svg></button><button class="scrub on" id="spd" data-tooltip="SPEED" aria-label="Speed" role="slider" aria-valuemin="0.5" aria-valuemax="5" aria-valuenow="1"><svg viewBox="0 0 24 24"><path d="M12 14L8 10"/><path d="M3.34 19a10 10 0 1 1 17.32 0"/></svg><span id="spdv">1.0×</span></button></div><div id="cap"><span id="cap-date"></span><span id="cap-gen"></span><span id="cap-price"></span></div><div class="grp"><button class="scrub" id="pad" data-tooltip="PADDING" aria-label="Padding" role="slider" aria-valuemin="0" aria-valuemax="60" aria-valuenow="0"><svg viewBox="0 0 24 24"><polyline points="8 18 12 22 16 18"/><polyline points="8 6 12 2 16 6"/><line x1="12" y1="2" x2="12" y2="22"/></svg><span id="padv">0%</span></button><button class="btn" id="eye" data-tooltip="HIDE UI" aria-label="Hide UI"><svg viewBox="0 0 24 24"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94"/><path d="M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19"/><line x1="1" y1="1" x2="23" y2="23"/></svg></button><button class="btn" id="kys" data-tooltip="SHORTCUTS" aria-label="Shortcuts"><svg viewBox="0 0 24 24"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M6 8h.01M10 8h.01M14 8h.01M18 8h.01M6 12h.01M10 12h.01M14 12h.01M18 12h.01M7 16h10"/></svg></button><div style="position:relative" id="gtw"><button class="btn" id="gtb" data-tooltip="GO TO DAY" aria-label="Go to day"><svg viewBox="0 0 24 24"><polygon points="3 11 22 2 13 21 11 13 3 11"/></svg></button><div class="pop" id="gtp"><button class="pop-today" id="gtod">→ JUMP TO TODAY</button><div class="pop-hair"></div><div class="pop-row"><span class="lbl">DAY</span><input type="number" class="pop-input" id="gid" min="1" max="365" placeholder="1–365"><button class="pop-go" id="gidgo">GO</button></div><button class="pop-date" id="gdate" aria-expanded="false"><span class="lbl">DATE</span><span class="v empty" id="gdatev">SELECT</span><span class="ch"><svg viewBox="0 0 24 24" width="14" height="14"><polyline points="6 9 12 15 18 9"/></svg></span></button><div class="cal-wrap" id="calwrap"><button class="cal-back" id="calclose" aria-label="Back"><svg viewBox="0 0 24 24"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg> BACK</button><div class="pop-hair"></div><div id="cal"></div></div></div></div></div></div><div class="overlay" id="panel"><div class="panel-body"><div class="panel-close-row"><button class="panel-close" data-tooltip="CLOSE" aria-label="Close"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></button></div><div class="pg" id="pg"></div></div></div><div class="overlay" id="help"><div class="panel-body"><div class="panel-close-row"><button class="panel-close" data-tooltip="CLOSE" aria-label="Close"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></button></div><div class="help"><div class="help-row"><span class="lbl">SPACE</span><span class="val">PLAY / PAUSE</span></div><div class="help-row"><span class="lbl">SHIFT+SPACE</span><span class="val">REWIND / PAUSE</span></div><div class="help-row"><span class="lbl">← →</span><span class="val">PREV / NEXT</span></div><div class="help-row"><span class="lbl">?</span><span class="val">TOGGLE THIS</span></div><div class="help-row"><span class="lbl">ESC</span><span class="val">CLOSE</span></div></div></div></div><div id="pvw"><img id="pvwimg" alt=""><div class="badge" id="pvwbadge"></div></div><script>const DATA=