clusters.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Clusters · clbsoldev</title>
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,600;1,300&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="assets/style.css" />
  <script src="assets/components.js" defer></script>
  <script src="assets/clusters.js"   defer></script>
</head>
<body>

<site-nav active="clusters"></site-nav>

<div class="page">

  <div class="eyebrow fade-up">Infrastructure</div>
  <h1 class="fade-up delay-1">Virtualization <span class="accent">Clusters</span></h1>
  <p class="hero-desc fade-up delay-2">
    Detailed diagrams for each virtualization cluster — nodes, physical connections
    and virtual machines. Generated from Netbox on demand and stored as static assets.
  </p>

  <div class="generate-hint">
    <strong>Generating cluster diagrams:</strong>
    Run the GitHub Action manually with <code>cluster_diagrams = true</code>,
    or pass <code>--cluster-diagrams</code> to the script locally.
    For a single cluster: <code>--cluster hau-hypcl01</code>
  </div>

  <div id="meta-line" class="text-dim"
       style="font-family:var(--mono);font-size:.7rem;margin-bottom:2rem;">
    Loading…
  </div>

  <div id="cluster-grid" class="cluster-grid">
    <!-- Populated by assets/clusters.js -->
  </div>

</div>

<site-footer></site-footer>

</body>
</html>