All checks were successful
build-hello-app / build-and-push (push) Successful in 31s
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Y4YNpuC2bgT224suQLLJ7B
157 lines
4.2 KiB
HTML
157 lines
4.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Homelab GitOps Platform</title>
|
|
<style>
|
|
:root {
|
|
--bg: #0b0e14;
|
|
--panel: #131722;
|
|
--border: #232838;
|
|
--text: #e6e9ef;
|
|
--muted: #8b93a7;
|
|
--accent: #5eead4;
|
|
}
|
|
* { box-sizing: border-box; }
|
|
body {
|
|
margin: 0;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
line-height: 1.5;
|
|
}
|
|
main {
|
|
max-width: 780px;
|
|
margin: 0 auto;
|
|
padding: 4rem 1.5rem 3rem;
|
|
}
|
|
h1 {
|
|
font-size: 1.9rem;
|
|
margin: 0 0 0.4rem;
|
|
}
|
|
.tagline {
|
|
color: var(--muted);
|
|
margin: 0 0 2rem;
|
|
}
|
|
.badge-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.5rem;
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
.badge {
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
font-size: 0.8rem;
|
|
background: var(--panel);
|
|
border: 1px solid var(--border);
|
|
border-radius: 999px;
|
|
padding: 0.3rem 0.8rem;
|
|
color: var(--muted);
|
|
}
|
|
.badge strong { color: var(--accent); font-weight: 600; }
|
|
section {
|
|
background: var(--panel);
|
|
border: 1px solid var(--border);
|
|
border-radius: 12px;
|
|
padding: 1.5rem 1.75rem;
|
|
margin-bottom: 1.25rem;
|
|
}
|
|
section h2 {
|
|
font-size: 0.85rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.06em;
|
|
color: var(--muted);
|
|
margin: 0 0 1rem;
|
|
}
|
|
.flow {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 0.4rem;
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
font-size: 0.85rem;
|
|
}
|
|
.flow .step {
|
|
background: var(--bg);
|
|
border: 1px solid var(--border);
|
|
border-radius: 6px;
|
|
padding: 0.4rem 0.7rem;
|
|
}
|
|
.flow .arrow { color: var(--muted); }
|
|
.stack {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.5rem;
|
|
}
|
|
.stack span {
|
|
background: var(--bg);
|
|
border: 1px solid var(--border);
|
|
border-radius: 6px;
|
|
padding: 0.35rem 0.7rem;
|
|
font-size: 0.85rem;
|
|
}
|
|
footer {
|
|
color: var(--muted);
|
|
font-size: 0.85rem;
|
|
margin-top: 2rem;
|
|
}
|
|
footer a { color: var(--accent); }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<h1>Homelab GitOps Platform</h1>
|
|
<p class="tagline">This is a terraform-provisioned self-hosted k3s cluster on a Home server, deployed and kept in sync entirely through GitOps. This page is served from it — and this line proves it: edited via git push.</p>
|
|
|
|
<div class="badge-row">
|
|
<span class="badge">commit <strong>__GIT_SHA__</strong></span>
|
|
<span class="badge">deployed <strong>__BUILD_TIME__</strong> UTC</span>
|
|
<span class="badge">served by <strong>k3s</strong></span>
|
|
</div>
|
|
|
|
<section>
|
|
<h2>How this page got here</h2>
|
|
<div class="flow">
|
|
<span class="step">git push</span><span class="arrow">→</span>
|
|
<span class="step">Forgejo Actions</span><span class="arrow">→</span>
|
|
<span class="step">kaniko build</span><span class="arrow">→</span>
|
|
<span class="step">Forgejo registry</span><span class="arrow">→</span>
|
|
<span class="step">Flux image automation</span><span class="arrow">→</span>
|
|
<span class="step">Git commit</span><span class="arrow">→</span>
|
|
<span class="step">Flux reconcile</span><span class="arrow">→</span>
|
|
<span class="step">k3s rollout</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Stack</h2>
|
|
<div class="stack">
|
|
<span>OpenTofu / Terraform</span>
|
|
<span>KVM / libvirt</span>
|
|
<span>k3s</span>
|
|
<span>Flux CD</span>
|
|
<span>Forgejo + Forgejo Actions</span>
|
|
<span>kaniko (rootless builds)</span>
|
|
<span>Podman</span>
|
|
<span>Caddy</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>What's not shown here</h2>
|
|
<p style="margin:0; color: var(--muted);">
|
|
The Kubernetes Dashboard and the cluster's API server are deliberately
|
|
not public — both are cluster-admin-capable and stay LAN/VPN-only.
|
|
This page and its GitOps pipeline are the intentionally public part.
|
|
</p>
|
|
</section>
|
|
|
|
<footer>
|
|
Source: <a href="https://git.boglabob.com">git.boglabob.com</a>
|
|
</footer>
|
|
<!-- CI retrigger: CI-side tag commit workaround for Flux Setters -->
|
|
|
|
</main>
|
|
</body>
|
|
</html>
|