179 lines
7.6 KiB
HTML
179 lines
7.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>HOMELAB COMMAND CENTER</title>
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/fav32.png">
|
|
<link rel="stylesheet" href="/dashboard.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>HOMELAB</h1>
|
|
<p class="subtitle">COMMAND CENTER</p>
|
|
<div class="score-bar">
|
|
<span class="score-item">SERVICES: 14</span>
|
|
<span class="score-item">STATUS: ONLINE</span>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="grid">
|
|
<a data-subdomain="traefik" target="_blank" class="tile proxy">
|
|
<span class="badge new">NEW</span>
|
|
<span class="status"></span>
|
|
<span class="icon">🔗</span>
|
|
<h2 class="tile-title">TRAEFIK</h2>
|
|
<p class="tile-desc">Cloud-native reverse proxy and load balancer</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="s3console" target="_blank" class="tile storage">
|
|
<span class="status"></span>
|
|
<span class="icon">💾</span>
|
|
<h2 class="tile-title">RUSTFS</h2>
|
|
<p class="tile-desc">S3-compatible object storage for all your data needs</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="gitea" target="_blank" class="tile git">
|
|
<span class="status"></span>
|
|
<span class="icon">🐙</span>
|
|
<h2 class="tile-title">GITEA</h2>
|
|
<p class="tile-desc">Self-hosted Git service with packages & CI</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="ci" target="_blank" class="tile ci">
|
|
<span class="status"></span>
|
|
<span class="icon">🔨</span>
|
|
<h2 class="tile-title">WOODPECKER</h2>
|
|
<p class="tile-desc">Simple yet powerful CI/CD engine</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="notebooks" target="_blank" class="tile notebook">
|
|
<span class="badge gpu">GPU</span>
|
|
<span class="status"></span>
|
|
<span class="icon">📑</span>
|
|
<h2 class="tile-title">NOTEBOOKS</h2>
|
|
<p class="tile-desc">Marimo reactive notebooks with CUDA</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="zotero" target="_blank" class="tile research">
|
|
<span class="badge gpu">GPU</span>
|
|
<span class="status"></span>
|
|
<span class="icon">📚</span>
|
|
<h2 class="tile-title">ZOTERO</h2>
|
|
<p class="tile-desc">Research reference manager in the cloud</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="docs" target="_blank" class="tile research">
|
|
<span class="badge new">NEW</span>
|
|
<span class="status"></span>
|
|
<span class="icon">📖</span>
|
|
<h2 class="tile-title">DOCS</h2>
|
|
<p class="tile-desc">API reference and CMS bibliography browser</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="nessie" data-path="/api/v2/config" target="_blank" class="tile catalog">
|
|
<span class="badge data">DATA</span>
|
|
<span class="status"></span>
|
|
<span class="icon">🌳</span>
|
|
<h2 class="tile-title">NESSIE</h2>
|
|
<p class="tile-desc">Git-like versioned data catalog for Iceberg</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="trino" target="_blank" class="tile query">
|
|
<span class="badge data">DATA</span>
|
|
<span class="status"></span>
|
|
<span class="icon">🔍</span>
|
|
<h2 class="tile-title">TRINO</h2>
|
|
<p class="tile-desc">Distributed SQL query engine for the lakehouse</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="polaris" target="_blank" class="tile catalog">
|
|
<span class="badge new">NEW</span>
|
|
<span class="status"></span>
|
|
<span class="icon">⭐</span>
|
|
<h2 class="tile-title">POLARIS</h2>
|
|
<p class="tile-desc">Apache Iceberg catalog with governance & Unity-style access</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="grafana" target="_blank" class="tile observability">
|
|
<span class="status"></span>
|
|
<span class="icon">📊</span>
|
|
<h2 class="tile-title">GRAFANA</h2>
|
|
<p class="tile-desc">Observability dashboards for logs and traces</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="jaeger" target="_blank" class="tile metrics">
|
|
<span class="status"></span>
|
|
<span class="icon">👁</span>
|
|
<h2 class="tile-title">JAEGER</h2>
|
|
<p class="tile-desc">Distributed tracing for microservices</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="prometheus" target="_blank" class="tile logs">
|
|
<span class="status"></span>
|
|
<span class="icon">📈</span>
|
|
<h2 class="tile-title">PROMETHEUS</h2>
|
|
<p class="tile-desc">Metrics collection and alerting</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
|
|
<a data-subdomain="loki" data-path="/ready" target="_blank" class="tile database">
|
|
<span class="status"></span>
|
|
<span class="icon">📋</span>
|
|
<h2 class="tile-title">LOKI</h2>
|
|
<p class="tile-desc">Log aggregation system by Grafana</p>
|
|
<span class="tile-port"></span>
|
|
<div class="stripe"></div>
|
|
</a>
|
|
</div>
|
|
|
|
<footer>
|
|
MADE WITH <span>♥</span> FOR THE HOMELAB
|
|
</footer>
|
|
</div>
|
|
|
|
<script>
|
|
// Domain resolution: derive base domain from current hostname
|
|
// dashboard.homelab.fhirworx.io -> homelab.fhirworx.io
|
|
// homelab.fhirworx.io -> homelab.fhirworx.io
|
|
(function() {
|
|
var base = location.hostname.replace(/^dashboard\./, '');
|
|
document.querySelectorAll('[data-subdomain]').forEach(function(el) {
|
|
var sub = el.dataset.subdomain;
|
|
var path = el.dataset.path || '';
|
|
var fqdn = sub + '.' + base;
|
|
el.href = location.protocol + '//' + fqdn + path;
|
|
var port = el.querySelector('.tile-port');
|
|
if (port) port.textContent = fqdn;
|
|
});
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|