Spaces:
Paused
Paused
fix: cleanup and centering
Browse files- internal/handler/index.html +1 -90
internal/handler/index.html
CHANGED
|
@@ -1,90 +1 @@
|
|
| 1 |
-
<!DOCTYPE html>
|
| 2 |
-
<html lang="es">
|
| 3 |
-
<head>
|
| 4 |
-
<meta charset="UTF-8">
|
| 5 |
-
<title>ROW-PROXY // FRENTE ORIENTAL</title>
|
| 6 |
-
<style>
|
| 7 |
-
body { background: #0d0d0c; color: #d4d4d4; font-family: "Courier New", monospace; padding: 20px; line-height: 1.2; }
|
| 8 |
-
.monitor { max-width: 1000px; margin: auto; }
|
| 9 |
-
.section-header { color: #7a6228; font-size: 12px; letter-spacing: 4px; margin: 20px 0 10px 0; border-bottom: 1px solid #2a2a1f; padding-bottom: 5px; }
|
| 10 |
-
.box { background: rgba(26, 18, 0, 0.4); border: 1px solid #3a2a00; padding: 20px; margin-bottom: 20px; position: relative; }
|
| 11 |
-
h2 { color: #ff3333; font-size: 14px; letter-spacing: 2px; margin-bottom: 15px; font-weight: bold; }
|
| 12 |
-
h2::before { content: "★ "; }
|
| 13 |
-
|
| 14 |
-
/* Estilo HOI4 Rankings */
|
| 15 |
-
.ranking-row { display: flex; align-items: center; gap: 15px; margin-bottom: 10px; }
|
| 16 |
-
.name { color: #daa520; width: 120px; font-size: 13px; font-weight: bold; flex-shrink: 0; }
|
| 17 |
-
.bar-container { flex-grow: 1; background: #080808; height: 14px; border: 1px solid #222; }
|
| 18 |
-
.bar { background: #cc0000; height: 100%; transition: width 0.8s ease-out; }
|
| 19 |
-
.tokens { color: #7a6228; width: 100px; text-align: right; font-size: 11px; }
|
| 20 |
-
|
| 21 |
-
/* Arbol de Enfoque */
|
| 22 |
-
.focus-tree { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
|
| 23 |
-
.focus-node { border: 1px solid #ff3333; color: #ff3333; padding: 5px 10px; font-size: 10px; text-transform: uppercase; background: rgba(255,0,0,0.05); }
|
| 24 |
-
|
| 25 |
-
.quote { border-left: 3px solid #ff3333; background: rgba(255, 0, 0, 0.03); padding: 15px; margin-top: 20px; font-style: italic; color: #888; }
|
| 26 |
-
.url-display { color: #e8c86b; font-size: 14px; border-left: 3px solid #cc0000; padding-left: 15px; }
|
| 27 |
-
</style>
|
| 28 |
-
</head>
|
| 29 |
-
<body>
|
| 30 |
-
<div class="monitor">
|
| 31 |
-
<div class="section-header">// HOI4 - NO STEP BACK - FRENTE ORIENTAL</div>
|
| 32 |
-
|
| 33 |
-
<div class="box">
|
| 34 |
-
<h2>TOP USUARIOS (COMANDANTES)</h2>
|
| 35 |
-
<div id="ranking-frente">
|
| 36 |
-
<div style="color:#7a6228; text-align:center; padding:10px;">CONECTANDO AL SERVIDOR CENTRAL...</div>
|
| 37 |
-
</div>
|
| 38 |
-
</div>
|
| 39 |
-
|
| 40 |
-
<div class="box">
|
| 41 |
-
<h2>ARBOL DE ENFOQUE SOVIETICO</h2>
|
| 42 |
-
<div class="focus-tree">
|
| 43 |
-
<div class="focus-node">INDUSTRIA DE GUERRA</div>
|
| 44 |
-
<div class="focus-node">COLLECTIVIZACION</div>
|
| 45 |
-
<div class="focus-node">PURGA MILITAR</div>
|
| 46 |
-
<div class="focus-node">LEND-LEASE</div>
|
| 47 |
-
<div class="focus-node">PACTO RIBBENTROP</div>
|
| 48 |
-
<div class="focus-node">DEFENSA EN PROFUNDIDAD</div>
|
| 49 |
-
<div class="focus-node">FRENTE POPULAR</div>
|
| 50 |
-
</div>
|
| 51 |
-
</div>
|
| 52 |
-
|
| 53 |
-
<div class="quote">
|
| 54 |
-
"La victoria es para aquellos que no retroceden. Ni un paso atras."<br>
|
| 55 |
-
— Orden No. 227, Stalin — 1942 — NO STEP BACK
|
| 56 |
-
</div>
|
| 57 |
-
|
| 58 |
-
<div class="section-header">// PUNTO DE ACCESO</div>
|
| 59 |
-
<div class="url-display">
|
| 60 |
-
BASE URL: https://moge-row-row-proxy.hf.space/v1
|
| 61 |
-
</div>
|
| 62 |
-
</div>
|
| 63 |
-
|
| 64 |
-
<script>
|
| 65 |
-
async function updateStats() {
|
| 66 |
-
try {
|
| 67 |
-
const r = await fetch(window.location.origin + "/stats");
|
| 68 |
-
const data = await r.json();
|
| 69 |
-
const container = document.getElementById("ranking-frente");
|
| 70 |
-
const entries = Object.entries(data.keys || {}).map(([name, info]) => ({
|
| 71 |
-
name: name,
|
| 72 |
-
tokens: info.tokens || 0
|
| 73 |
-
})).sort((a, b) => b.tokens - a.tokens);
|
| 74 |
-
|
| 75 |
-
if (entries.length === 0) return;
|
| 76 |
-
|
| 77 |
-
const maxTokens = Math.max(...entries.map(e => e.tokens), 5000);
|
| 78 |
-
container.innerHTML = entries.map(u => `
|
| 79 |
-
<div class="ranking-row">
|
| 80 |
-
<div class="name">${u.name.toUpperCase()}</div>
|
| 81 |
-
<div class="bar-container"><div class="bar" style="width:${Math.min((u.tokens/maxTokens)*100, 100)}%"></div></div>
|
| 82 |
-
<div class="tokens">${u.tokens.toLocaleString()} TKNS</div>
|
| 83 |
-
</div>
|
| 84 |
-
`).join("");
|
| 85 |
-
} catch(e) { console.error(e); }
|
| 86 |
-
}
|
| 87 |
-
setInterval(updateStats, 5000); updateStats();
|
| 88 |
-
</script>
|
| 89 |
-
</body>
|
| 90 |
-
</html>
|
|
|
|
| 1 |
+
<!DOCTYPE html><html lang='es'><head><meta charset='UTF-8'><title>ROW-PROXY</title><style>*{box-sizing:border-box;margin:0;padding:0}body{background:#0d0d0c;color:#d4d4d4;font-family:'Courier New',monospace;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.monitor{width:100%;max-width:800px;background:rgba(26,18,0,0.4);border:1px solid #3a2a00;padding:30px;box-shadow:inset 0 0 50px #000}.section-header{color:#7a6228;font-size:11px;letter-spacing:4px;text-align:center;margin-bottom:30px;border-bottom:1px solid #2a2a1f;padding-bottom:10px}h2{color:#ff3333;font-size:16px;letter-spacing:3px;margin-bottom:25px;text-align:center;font-weight:bold}h2::before{content:'★ '} .ranking-row{display:flex;align-items:center;gap:20px;margin-bottom:15px;padding:5px 0}.name{color:#daa520;width:140px;font-size:14px;font-weight:bold;flex-shrink:0;text-transform:uppercase}.bar-container{flex-grow:1;background:#080808;height:18px;border:1px solid #2a2a1f}.bar{background:#cc0000;height:100%;transition:width 1s ease}.tokens{color:#c8a84b;width:120px;text-align:right;font-size:12px;font-weight:bold}.url-box{margin-top:40px;padding-top:20px;border-top:1px solid #2a2a1f;text-align:center}.url-label{color:#7a6228;font-size:10px;letter-spacing:2px;margin-bottom:8px}.url-val{color:#e8c86b;font-size:13px;font-weight:bold}</style></head><body><div class='monitor'><div class='section-header'>SISTEMA DE MONITOREO ESTRATÉGICO // FRENTE ORIENTAL</div><h2>ESTADO DE COMANDANTES (TOKENS)</h2><div id='ranking-frente'></div><div class='url-box'><div class='url-label'>PUNTO DE ACCESO SEGURO (BASE URL)</div><div class='url-val'>https://moge-row-row-proxy.hf.space/v1</div></div></div><script>async function updateStats(){try{const r=await fetch(window.location.origin+'/stats');const data=await r.json();const container=document.getElementById('ranking-frente');const entries=Object.entries(data.keys||{}).map(([name,info])=>({name:name,tokens:info.tokens||0})).sort((a,b)=>b.tokens-a.tokens);if(entries.length===0){container.innerHTML='<div style="color:#ff3333;text-align:center;padding:20px">SIN DATOS</div>';return}const maxTokens=Math.max(...entries.map(e=>e.tokens),1);container.innerHTML=entries.map(u=>\`<div class='ranking-row'><div class='name'>${u.name}</div><div class='bar-container'><div class='bar' style='width:${(u.tokens/maxTokens)*100}%'></div></div><div class='tokens'>${u.tokens.toLocaleString()} TKNS</div></div>\`).join('')}catch(e){console.error(e)}}setInterval(updateStats,5000);updateStats();</script></body></html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|