Frank
e3eb5334cb
- Dankserver stack: RomM, Copyparty, Calibre-Web, node-exporter - Dankclaw stack: Gluetun VPN (SearXNG tunnel), SearXNG+Valkey, ComfyUI (CPU backend), OpenWebUI, Hermes, Gitea+Postgres (migrated), Caddy reverse proxy, Grafana+Prometheus+Loki+Alloy observability - Caddyfiles with .local hostname convention and basicauth homepage - bind-mount storage policy, no named volumes - deploy.sh mirroring vllmScripts git workflow (push -> pull -> restart -> health) - docs/ Obsidian vault: per-service docs from frank-default-small research subagents (promtail EOL -> Alloy; gitea SECRET_KEY preservation; ComfyUI --cpu) - bats test suite at 6 seams — 22 tests green
64 lines
1.7 KiB
CSS
64 lines
1.7 KiB
CSS
:root {
|
|
--bg: #0f1115;
|
|
--card: #171a21;
|
|
--border: #2a2f3a;
|
|
--text: #e6e8eb;
|
|
--muted: #8b93a1;
|
|
--up: #3fb950;
|
|
--down: #f85149;
|
|
--accent: #58a6ff;
|
|
}
|
|
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
|
|
body {
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
line-height: 1.5;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
main { max-width: 960px; margin: 0 auto; padding: 2rem 1.5rem; }
|
|
|
|
header { margin-bottom: 2rem; }
|
|
h1 { font-size: 2rem; font-weight: 650; letter-spacing: -0.02em; }
|
|
.subtitle { color: var(--muted); margin-top: 0.25rem; }
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
|
gap: 1rem;
|
|
}
|
|
|
|
.card {
|
|
background: var(--card);
|
|
border: 1px solid var(--border);
|
|
border-radius: 10px;
|
|
padding: 1rem 1.1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.4rem;
|
|
transition: border-color 0.15s ease;
|
|
}
|
|
|
|
.card:hover { border-color: var(--accent); }
|
|
|
|
.card .top { display: flex; align-items: center; gap: 0.6rem; }
|
|
.card h2 { font-size: 1.05rem; font-weight: 600; }
|
|
|
|
.badge {
|
|
width: 10px; height: 10px; border-radius: 50%;
|
|
background: var(--muted); flex-shrink: 0;
|
|
}
|
|
.badge.up { background: var(--up); box-shadow: 0 0 6px var(--up); }
|
|
.badge.down { background: var(--down); box-shadow: 0 0 6px var(--down); }
|
|
.badge.checking { background: var(--accent); }
|
|
|
|
.card p { color: var(--muted); font-size: 0.9rem; }
|
|
.card .links { margin-top: auto; display: flex; gap: 1rem; font-size: 0.85rem; }
|
|
.card a { color: var(--accent); text-decoration: none; }
|
|
.card a:hover { text-decoration: underline; }
|
|
|
|
footer { margin-top: 2.5rem; color: var(--muted); font-size: 0.8rem; }
|