diff --git a/api/public/index.html b/api/public/index.html index 32c5813..a92c45d 100644 --- a/api/public/index.html +++ b/api/public/index.html @@ -1,5 +1,5 @@ - +
@@ -70,7 +70,7 @@ header { .header-right { display: flex; align-items: center; - gap: 20px; + gap: 16px; font-size: 11px; color: var(--green2); letter-spacing: 1px; @@ -89,6 +89,19 @@ header { @keyframes blink { 50% { opacity: 0; } } +/* ── Lang switcher ───────────────────────────────────────────────────── */ +.lang-switcher { display: flex; gap: 4px; align-items: center; } +.lang-btn { + background: none; + border: none; + cursor: pointer; + padding: 1px 2px; + line-height: 1; + transition: opacity .15s, font-size .15s; +} +.lang-btn.active { font-size: 20px; opacity: 1; } +.lang-btn.inactive { font-size: 14px; opacity: 0.4; } + /* ── Main ───────────────────────────────────────────────────────────── */ main { padding: 14px 16px; max-width: 1700px; margin: 0 auto; } @@ -267,10 +280,14 @@ footer { color: var(--dim); display: flex; justify-content: space-between; + align-items: center; letter-spacing: 1px; flex-wrap: wrap; gap: 6px; } +footer a { color: var(--dim); text-decoration: none; } +footer a:hover { color: var(--green2); } +.footer-eu { display: flex; align-items: center; gap: 6px; } /* ── Top target banner ──────────────────────────────────────────────── */ #top-target { @@ -296,14 +313,8 @@ footer { text-shadow: 0 0 10px var(--red); letter-spacing: 1px; } -#top-target .tt-hits { - font-size: 11px; - color: var(--amber); -} -#top-target .tt-pct { - font-size: 11px; - color: var(--dim); -} +#top-target .tt-hits { font-size: 11px; color: var(--amber); } +#top-target .tt-pct { font-size: 11px; color: var(--dim); } /* ── Responsive ─────────────────────────────────────────────────────── */ @media (max-width: 1100px) { @@ -324,7 +335,12 @@ footer {| RANK | -IP ADDRESS | -TOTAL HITS | -FREQUENCY | +RANK | +IP ADDRESS | +TOTAL HITS | +FREQUENCY |
|---|---|---|---|---|---|---|---|
| Loading… | |||||||
| Loading… | |||||||