| {\rtf1\ansi\ansicpg1252\cocoartf2868 |
| \cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;} |
| {\colortbl;\red255\green255\blue255;} |
| {\*\expandedcolortbl;;} |
| \margl1440\margr1440\vieww11520\viewh8400\viewkind0 |
| \pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0 |
|
|
| \f0\fs24 \cf0 <html lang="en"><head>\ |
| <meta charset="utf-8">\ |
| <meta name="viewport" content="width=device-width, initial-scale=1">\ |
| <title>BOLSA RESONANCIA \'b7 ROLODEX RUN</title>\ |
| <link rel="preconnect" href="https://fonts.googleapis.com">\ |
| <link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">\ |
| <style>\ |
| :root\{--ink:#06090C;--panel:#0F1820;--line:#1F3340;--mag:#FF2D78;--teal:#3DE0E0;--amber:#FFB13D;--bone:#F5E6D3;--green:#3DF08A;--red:#FF4B5C;--purple:#9F7DE0;--dim:#5B7383;--disp:'Chakra Petch',sans-serif;--mono:'IBM Plex Mono',monospace;\}\ |
| *\{box-sizing:border-box;margin:0;padding:0;\}\ |
| html,body\{height:100%;background:#000;color:var(--bone);font-family:var(--mono);overflow:hidden;\}\ |
| body\{background:radial-gradient(900px 500px at 50% -10%,rgba(255,45,120,.13),transparent 60%),var(--ink);padding:16px 20px;display:flex;flex-direction:column;gap:10px;height:100vh;\}\ |
| .top\{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:9px;\}\ |
| .brand\{font-family:var(--disp);font-weight:700;letter-spacing:.12em;font-size:20px;\}\ |
| .brand b\{color:var(--mag);\}\ |
| .live\{font-family:var(--disp);font-size:11px;letter-spacing:.18em;color:var(--green);display:flex;align-items:center;gap:7px;\}\ |
| .live .dot\{width:8px;height:8px;border-radius:50%;background:var(--green);animation:blink 1s infinite;\}\ |
| @keyframes blink\{50%\{opacity:.25;\}\}\ |
| .ticker\{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;\}\ |
| .tickline\{display:inline-block;animation:scroll 28s linear infinite;font-size:13px;\}\ |
| @keyframes scroll\{from\{transform:translateX(0);\}to\{transform:translateX(-50%);\}\}\ |
| .tk\{margin:0 20px;\} .up\{color:var(--green);\} .down\{color:var(--red);\}\ |
| .main\{flex:1;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;min-height:0;\}\ |
| .col\{background:linear-gradient(165deg,var(--panel),var(--ink));border:1px solid var(--line);border-radius:8px;padding:14px;overflow:hidden;display:flex;flex-direction:column;\}\ |
| .lbl\{font-family:var(--disp);font-size:10px;letter-spacing:.2em;color:var(--amber);text-transform:uppercase;margin-bottom:10px;\}\ |
| \ |
| .rolo\{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;\}\ |
| .card3d\{width:230px;height:140px;border-radius:10px;background:linear-gradient(150deg,#13131a,#000);border:1px solid var(--line);position:relative;box-shadow:0 10px 30px rgba(0,0,0,.6);transition:transform .18s;\}\ |
| .card3d.flip\{animation:flip .28s;\}\ |
| @keyframes flip\{0%\{transform:rotateX(0) translateY(0);\}50%\{transform:rotateX(-55deg) translateY(-16px);\}100%\{transform:rotateX(0) translateY(0);\}\}\ |
| .card3d .glyph\{position:absolute;top:12px;right:16px;font-size:22px;color:var(--purple);\}\ |
| .card3d .lab\{position:absolute;top:14px;left:16px;font-family:var(--disp);font-size:12px;letter-spacing:.18em;color:var(--dim);\}\ |
| .card3d .num\{position:absolute;bottom:30px;left:16px;font-family:var(--disp);font-size:19px;letter-spacing:.14em;color:var(--bone);\}\ |
| .card3d .foot\{position:absolute;bottom:11px;left:16px;font-size:9px;letter-spacing:.18em;color:var(--teal);\}\ |
| .counter\{font-family:var(--disp);font-size:13px;color:var(--amber);letter-spacing:.12em;\}\ |
| \ |
| .bal\{font-family:var(--disp);font-weight:700;font-size:38px;color:var(--green);letter-spacing:.02em;text-align:center;margin-top:6px;\}\ |
| .balsub\{font-size:11px;color:var(--dim);text-align:center;margin-top:3px;\}\ |
| .linkfeed\{margin-top:12px;font-size:11px;line-height:1.7;color:var(--teal);flex:1;overflow:hidden;\}\ |
| .linkfeed .ln\{opacity:0;animation:fade .25s forwards;\}\ |
| @keyframes fade\{to\{opacity:1;\}\}\ |
| .dest\{margin-top:8px;font-size:11px;color:var(--bone);border-top:1px solid var(--line);padding-top:8px;line-height:1.6;\}\ |
| .dest b\{color:var(--mag);\}\ |
| \ |
| .feed\{font-size:11px;line-height:1.8;color:var(--teal);flex:1;overflow:hidden;\}\ |
| .feed .ln\{opacity:0;animation:fade .3s forwards;\}\ |
| .meeze\{font-size:11px;color:var(--purple);margin-top:8px;border-top:1px solid var(--line);padding-top:8px;line-height:1.6;\}\ |
| .bar\{display:flex;gap:9px;flex-wrap:wrap;\}\ |
| .btn\{font-family:var(--disp);font-weight:600;letter-spacing:.07em;font-size:12px;cursor:pointer;background:transparent;color:var(--bone);border:1px solid var(--line);border-radius:3px;padding:10px 16px;text-transform:uppercase;\}\ |
| .btn:hover\{border-color:var(--teal);color:var(--teal);\}\ |
| .btn.go\{border-color:var(--mag);color:var(--mag);\}\ |
| .btn.go:hover\{background:var(--mag);color:var(--ink);\}\ |
| .btn.fund\{border-color:var(--amber);color:var(--amber);\}\ |
| .btn.fund:hover\{background:var(--amber);color:var(--ink);\}\ |
| .confirm\{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;z-index:9;\}\ |
| .confirm.on\{display:flex;animation:fade .3s;\}\ |
| .confirm .big\{font-family:var(--disp);font-weight:700;font-size:50px;color:var(--green);letter-spacing:.07em;text-align:center;\}\ |
| .confirm .amt\{font-family:var(--disp);font-size:28px;color:var(--amber);\}\ |
| .foot\{font-size:8px;color:#15212a;text-align:center;letter-spacing:.1em;\}\ |
| </style>\ |
| </head>\ |
| <body>\ |
| <div class="top">\ |
| <div class="brand">BOLSA <b>RESONANCIA</b> \'b7 71.000</div>\ |
| <div class="live"><span class="dot"></span>LIVE \'b7 MADRID OPEN \'b7 MEDELL\'cdN 04:11</div>\ |
| </div>\ |
| \ |
| <div class="ticker"><div class="tickline" id="tickline"><span class="tk">SAN.MC <span class="up">\uc0\u9650 1.63%</span></span><span class="tk">BBVA.MC <span class="up">\u9650 1.54%</span></span><span class="tk">ITX.MC <span class="up">\u9650 1.18%</span></span><span class="tk">IBE.MC <span class="up">\u9650 1.96%</span></span><span class="tk">TEF.MC <span class="down">\u9660 0.27%</span></span><span class="tk">REP.MC <span class="up">\u9650 0.45%</span></span><span class="tk">GALP.LS <span class="up">\u9650 2.13%</span></span><span class="tk">EDP.LS <span class="up">\u9650 0.92%</span></span><span class="tk">JMT.LS <span class="up">\u9650 1.73%</span></span><span class="tk">BTC <span class="up">\u9650 1.91%</span></span><span class="tk">XAU <span class="up">\u9650 0.01%</span></span><span class="tk">CAO <span class="up">\u9650 2.07%</span></span><span class="tk">COF <span class="up">\u9650 1.44%</span></span><span class="tk">LIT <span class="up">\u9650 1.62%</span></span><span class="tk">SAN.MC <span class="down">\u9660 1.34%</span></span><span class="tk">BBVA.MC <span class="up">\u9650 0.55%</span></span><span class="tk">ITX.MC <span class="up">\u9650 0.74%</span></span><span class="tk">IBE.MC <span class="up">\u9650 0.19%</span></span><span class="tk">TEF.MC <span class="up">\u9650 1.24%</span></span><span class="tk">REP.MC <span class="up">\u9650 0.25%</span></span><span class="tk">GALP.LS <span class="down">\u9660 0.12%</span></span><span class="tk">EDP.LS <span class="up">\u9650 0.65%</span></span><span class="tk">JMT.LS <span class="up">\u9650 0.00%</span></span><span class="tk">BTC <span class="down">\u9660 1.40%</span></span><span class="tk">XAU <span class="up">\u9650 1.83%</span></span><span class="tk">CAO <span class="up">\u9650 1.59%</span></span><span class="tk">COF <span class="down">\u9660 0.88%</span></span><span class="tk">LIT <span class="up">\u9650 0.46%</span></span></div></div>\ |
| \ |
| <div class="main">\ |
| \ |
| <div class="col">\ |
| <div class="lbl">Card rolodex</div>\ |
| <div class="rolo">\ |
| <div class="card3d" id="card">\ |
| <div class="lab">CARD 00</div>\ |
| <div class="glyph">\uc0\u38911 </div>\ |
| <div class="num" id="cardnum">0000 0000 0000 0000</div>\ |
| <div class="foot" id="cardstat">\'97 READY \'97</div>\ |
| </div>\ |
| <div class="counter" id="counter">0 / 41 LINKED</div>\ |
| <button class="btn go" onclick="flipCard()">\uc0\u9656 Flip / Link card</button>\ |
| </div>\ |
| </div>\ |
| \ |
| \ |
| <div class="col">\ |
| <div class="lbl">Funding pool</div>\ |
| <div class="bal" id="bal">\'800</div>\ |
| <div class="balsub" id="balsub">pool: assembling \'b7 the chart resonates</div>\ |
| <div class="linkfeed" id="linkfeed"></div>\ |
| <div class="dest" id="dest">PAYOUT \uc0\u8594 <b>ISHMARA \'b7 LA PATRONA</b> (alias)<br>channel: [REDACTED] \'b7 standby</div>\ |
| </div>\ |
| \ |
| \ |
| <div class="col">\ |
| <div class="lbl">Decode feed</div>\ |
| <div class="feed" id="feed"></div>\ |
| <div class="meeze" id="meeze">\uc0\u8889 MEEZE-1 \'b7 desk \'b7 ears up<br>\u8889 MEEZE-2 \'b7 door \'b7 watching</div>\ |
| </div>\ |
| </div>\ |
| \ |
| <div class="bar">\ |
| <button class="btn go" onclick="autoLink()">\uc0\u10227 Auto-link all 41</button>\ |
| <button class="btn fund" onclick="fund()">\uc0\u9873 Fund & route payout</button>\ |
| <button class="btn" onclick="doorShadow()">\uc0\u9638 Door shadow (tension)</button>\ |
| <button class="btn" onclick="reset()">\uc0\u8634 Reset</button>\ |
| </div>\ |
| <div class="foot">PROP / DEMO SCREEN \'b7 KQFM \'b7 SANCTUARY SOUND \'b7 ALL DATA SIMULATED \'b7 NO REAL ACCOUNTS \'b7 FOR FILM USE</div>\ |
| \ |
| <div class="confirm" id="confirm">\ |
| <div class="big">TRANSFER CONFIRMED</div>\ |
| <div class="amt" id="confamt">\'800</div>\ |
| <div style="color:var(--dim);font-size:13px;letter-spacing:.2em">SOMEONE ANSWERED \'b7 71.000 MHz</div>\ |
| </div>\ |
| \ |
| <script>\ |
| const NAMES=["SAN.MC","BBVA.MC","ITX.MC","IBE.MC","TEF.MC","REP.MC","GALP.LS","EDP.LS","JMT.LS","BTC","XAU","CAO","COF","LIT"];\ |
| function pct()\{return(Math.random()*4-1.5);\}\ |
| function buildTicker()\{let p=[];for(let k=0;k<2;k++)NAMES.forEach(n=>\{const v=pct();const c=v>=0?'up':'down';const a=v>=0?'\uc0\u9650 ':'\u9660 ';p.push(`<span class="tk">$\{n\} <span class="$\{c\}">$\{a\} $\{Math.abs(v).toFixed(2)\}%</span></span>`);\});document.getElementById('tickline').innerHTML=p.join('');\}\ |
| buildTicker();setInterval(buildTicker,28000);\ |
| \ |
| let linked=0, pool=0;\ |
| const PER=174212; |
| function fmt(n)\{return '\'80'+Math.floor(n).toLocaleString('es-ES');\}\ |
| function pad(n)\{return String(n).padStart(2,'0');\}\ |
| function fakeNum(i)\{return `0000 0000 0000 $\{pad(i)\}$\{pad(i)\}`;\}\ |
| \ |
| function flipCard()\{\ |
| if(linked>=41)\{return;\}\ |
| linked++;\ |
| const card=document.getElementById('card');\ |
| card.classList.remove('flip');void card.offsetWidth;card.classList.add('flip');\ |
| document.querySelector('.card3d .lab').textContent='CARD '+pad(linked);\ |
| document.getElementById('cardnum').textContent=fakeNum(linked);\ |
| document.getElementById('cardstat').textContent='\uc0\u10003 LINKED';\ |
| document.getElementById('counter').textContent=linked+' / 41 LINKED';\ |
| pool+=PER;\ |
| document.getElementById('bal').textContent=fmt(pool);\ |
| const lf=document.getElementById('linkfeed');\ |
| const d=document.createElement('div');d.className='ln';d.textContent=`> CARD $\{pad(linked)\} \'b7 $\{fakeNum(linked)\} \'b7 \uc0\u10003 LINKED`;lf.appendChild(d);\ |
| lf.scrollTop=lf.scrollHeight;\ |
| if(linked>=41)\{document.getElementById('balsub').textContent='POOL ASSEMBLED \'b7 ready to route';\}\ |
| \}\ |
| function autoLink()\{\ |
| const iv=setInterval(()=>\{if(linked>=41)\{clearInterval(iv);return;\}flipCard();\},90);\ |
| \}\ |
| let meezeTimer=null;\ |
| function doorShadow()\{\ |
| const m=document.getElementById('meeze');\ |
| m.innerHTML='\uc0\u8889 MEEZE-1 \'b7 <span style="color:var(--red)">FROZEN \'b7 ears flat</span><br>\u8889 MEEZE-2 \'b7 <span style="color:var(--red)">shadow at door\'85</span>';\ |
| clearTimeout(meezeTimer);\ |
| meezeTimer=setTimeout(()=>\{m.innerHTML='\uc0\u8889 MEEZE-1 \'b7 desk \'b7 <span style="color:var(--green)">ears up \'b7 clear</span><br>\u8889 MEEZE-2 \'b7 door \'b7 <span style="color:var(--green)">passed \'b7 clear</span>';\},2200);\ |
| \}\ |
| function fund()\{\ |
| const feed=document.getElementById('feed');\ |
| const STEPS=["> link = forward <-> reverse","> operator = rabbit@kqfm","> pool = assembled","> routing Madrid \uc0\u8594 Lisboa \u8594 Zone 03","> harmonics = balanced","> PAYOUT \u8594 ISHMARA \'b7 LA PATRONA","> channel = [REDACTED]","> checksum = 71.000 MHz","> someone = answered","> TRANSFER ROUTED \u10003 "];\ |
| feed.innerHTML='';\ |
| let i=0;const fi=setInterval(()=>\{if(i>=STEPS.length)\{clearInterval(fi);return;\}const d=document.createElement('div');d.className='ln';d.textContent=STEPS[i];feed.appendChild(d);feed.scrollTop=feed.scrollHeight;i++;\},300);\ |
| document.getElementById('dest').innerHTML='PAYOUT \uc0\u8594 <b>ISHMARA \'b7 LA PATRONA</b> (alias)<br>channel: [REDACTED] \'b7 <span style="color:var(--amber)">ROUTING\'85</span>';\ |
| const target=pool>0?pool:41*PER;\ |
| setTimeout(()=>\{document.getElementById('confamt').textContent=fmt(target);document.getElementById('confirm').classList.add('on');\},STEPS.length*300+400);\ |
| \}\ |
| function reset()\{\ |
| linked=0;pool=0;\ |
| document.getElementById('bal').textContent='\'800';\ |
| document.getElementById('balsub').textContent='pool: assembling \'b7 the chart resonates';\ |
| document.querySelector('.card3d .lab').textContent='CARD 00';\ |
| document.getElementById('cardnum').textContent='0000 0000 0000 0000';\ |
| document.getElementById('cardstat').textContent='\'97 READY \'97';\ |
| document.getElementById('counter').textContent='0 / 41 LINKED';\ |
| document.getElementById('linkfeed').innerHTML='';\ |
| document.getElementById('feed').innerHTML='';\ |
| document.getElementById('dest').innerHTML='PAYOUT \uc0\u8594 <b>ISHMARA \'b7 LA PATRONA</b> (alias)<br>channel: [REDACTED] \'b7 standby';\ |
| document.getElementById('meeze').innerHTML='\uc0\u8889 MEEZE-1 \'b7 desk \'b7 ears up<br>\u8889 MEEZE-2 \'b7 door \'b7 watching';\ |
| document.getElementById('confirm').classList.remove('on');\ |
| \}\ |
| document.getElementById('confirm').onclick=()=>document.getElementById('confirm').classList.remove('on');\ |
| </script>\ |
| \ |
| \ |
| </body></html>} |
