Spaces:
Paused
Paused
fix: absolute path stabilization for index.html
Browse files- static/index.html +71 -86
static/index.html
CHANGED
|
@@ -1,92 +1,77 @@
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
-
<html lang=
|
| 3 |
<head>
|
| 4 |
-
<meta charset=
|
| 5 |
-
<
|
| 6 |
-
<
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
.
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
.
|
| 16 |
-
.
|
| 17 |
-
.
|
| 18 |
-
.
|
| 19 |
-
.
|
| 20 |
-
|
| 21 |
-
.
|
| 22 |
-
.url-
|
| 23 |
-
|
| 24 |
-
.url-val{font-size:13px;color:#e8c86b;word-break:break-all}
|
| 25 |
-
.key-val{font-size:12px;color:#c8a84b;margin-top:4px}
|
| 26 |
-
.models-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:2rem}
|
| 27 |
-
.model-item{background:#1a1200;border:1px solid #2a1e00;padding:8px 12px;display:flex;align-items:center;gap:8px}
|
| 28 |
-
.model-dot{width:6px;height:6px;background:#44aa99;border-radius:50%;flex-shrink:0}
|
| 29 |
-
.model-dot.glm{background:#c8a84b}
|
| 30 |
-
.model-name{font-size:11px;color:#c8a84b}
|
| 31 |
-
.tank-section{background:#1a1200;border:1px solid #3a2a00;padding:1.5rem;margin-bottom:2rem}
|
| 32 |
-
.tank-title{font-size:14px;color:#cc0000;letter-spacing:3px;margin-bottom:1rem;font-weight:bold}
|
| 33 |
-
.tank-row{display:flex;gap:1rem;margin-bottom:8px;align-items:center}
|
| 34 |
-
.tank-name{font-size:12px;color:#e8c86b;width:80px;flex-shrink:0}
|
| 35 |
-
.tank-bar-wrap{flex:1;background:#0d0d0d;height:16px}
|
| 36 |
-
.tank-bar{height:100%;background:#cc0000}
|
| 37 |
-
.tank-era{font-size:10px;color:#7a6228;width:80px;text-align:right}
|
| 38 |
-
.footer{border-top:1px solid #3a2a00;padding:1rem 2rem;text-align:center;font-size:10px;color:#4a3a10;letter-spacing:3px}
|
| 39 |
-
.classified{color:#cc0000}
|
| 40 |
-
</style>
|
| 41 |
</head>
|
| 42 |
<body>
|
| 43 |
-
<div class=
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
<
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
<
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
|
|
|
|
|
|
| 91 |
</body>
|
| 92 |
</html>
|
|
|
|
| 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: 25px; margin-bottom: 20px; position: relative; }
|
| 11 |
+
h2 { color: #ff3333; font-size: 14px; letter-spacing: 2px; margin-bottom: 20px; font-weight: bold; }
|
| 12 |
+
h2::before { content: '★ '; }
|
| 13 |
+
|
| 14 |
+
/* Estilo HOI4 Rankings */
|
| 15 |
+
.ranking-row { display: flex; align-items: center; gap: 15px; margin-bottom: 12px; }
|
| 16 |
+
.name { color: #daa520; width: 140px; font-size: 13px; font-weight: bold; flex-shrink: 0; text-transform: uppercase; }
|
| 17 |
+
.bar-container { flex-grow: 1; background: #080808; height: 16px; border: 1px solid #222; }
|
| 18 |
+
.bar { background: #cc0000; height: 100%; transition: width 0.8s ease-out; box-shadow: 0 0 10px rgba(204, 0, 0, 0.2); }
|
| 19 |
+
.tokens { color: #7a6228; width: 110px; text-align: right; font-size: 11px; font-weight: bold; }
|
| 20 |
+
|
| 21 |
+
.quote { border-left: 3px solid #ff3333; background: rgba(255, 0, 0, 0.03); padding: 15px; margin-top: 25px; font-style: italic; color: #888; font-size: 13px; }
|
| 22 |
+
.url-display { color: #e8c86b; font-size: 14px; border-left: 3px solid #cc0000; padding-left: 15px; margin-top: 10px; }
|
| 23 |
+
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 24 |
</head>
|
| 25 |
<body>
|
| 26 |
+
<div class='monitor'>
|
| 27 |
+
<div class='section-header'>// HOI4 - NO STEP BACK - MONITOREO DE COMANDANTES</div>
|
| 28 |
+
|
| 29 |
+
<div class='box'>
|
| 30 |
+
<h2>ESTADO DEL FRENTE ORIENTAL (USO DE TOKENS)</h2>
|
| 31 |
+
<div id='ranking-frente'>
|
| 32 |
+
<div style='color:#7a6228; text-align:center; padding:10px;'>ESTABLECIENDO CONEXIÓN CON EL SERVIDOR CENTRAL...</div>
|
| 33 |
+
</div>
|
| 34 |
+
</div>
|
| 35 |
+
|
| 36 |
+
<div class='quote'>
|
| 37 |
+
"La victoria es para aquellos que no retroceden. Ni un paso atras."<br>
|
| 38 |
+
— Orden No. 227, Stalin — 1942 — NO STEP BACK
|
| 39 |
+
</div>
|
| 40 |
+
|
| 41 |
+
<div class='section-header'>// PUNTO DE ACCESO</div>
|
| 42 |
+
<div class='url-display'>
|
| 43 |
+
BASE URL: https://moge-row-row-proxy.hf.space/v1
|
| 44 |
+
</div>
|
| 45 |
+
</div>
|
| 46 |
+
|
| 47 |
+
<script>
|
| 48 |
+
async function updateStats() {
|
| 49 |
+
try {
|
| 50 |
+
const r = await fetch(window.location.origin + '/stats');
|
| 51 |
+
const data = await r.json();
|
| 52 |
+
const container = document.getElementById('ranking-frente');
|
| 53 |
+
const entries = Object.entries(data.keys || {}).map(([name, info]) => ({
|
| 54 |
+
name: name,
|
| 55 |
+
tokens: info.tokens || 0
|
| 56 |
+
})).sort((a, b) => b.tokens - a.tokens);
|
| 57 |
+
|
| 58 |
+
if (entries.length === 0) {
|
| 59 |
+
container.innerHTML = '<div style="color:#7a6228; text-align:center;">ESPERANDO REPORTE DE INTELIGENCIA...</div>';
|
| 60 |
+
return;
|
| 61 |
+
}
|
| 62 |
+
|
| 63 |
+
const maxTokens = Math.max(...entries.map(e => e.tokens), 5000);
|
| 64 |
+
container.innerHTML = entries.map(u => `
|
| 65 |
+
<div class='ranking-row'>
|
| 66 |
+
<div class='name'>${u.name}</div>
|
| 67 |
+
<div class='bar-container'><div class='bar' style='width:${Math.min((u.tokens/maxTokens)*100, 100)}%'></div></div>
|
| 68 |
+
<div class='tokens'>${u.tokens.toLocaleString()} TKNS</div>
|
| 69 |
+
</div>
|
| 70 |
+
`).join('');
|
| 71 |
+
} catch(e) { console.error('Error de enlace:', e); }
|
| 72 |
+
}
|
| 73 |
+
setInterval(updateStats, 5000);
|
| 74 |
+
updateStats();
|
| 75 |
+
</script>
|
| 76 |
</body>
|
| 77 |
</html>
|