---
import { getCollection } from "astro:content";
import BaseHead from "../../components/BaseHead.astro";
import Footer from "../../components/Footer.astro";
import FormattedDate from "../../components/FormattedDate.astro";
import Header from "../../components/Header.astro";
import { SITE_TITLE, SITE_DESCRIPTION } from "../../consts";




const servers = (await getCollection('servers'));
---

<!doctype html>
<html lang="en">
	<head>
		<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
		<style>
			main {
				width: 960px;
			}
			
			.title {
				margin: 0;
				color: rgb(0,255,159);
				line-height: 1;
			}
			.date {
				margin: 0;
				color: rgb(var(--gray));
			}
			
			a {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        padding: 5px;
      }
      site_header{
        text-align: center;
      }

      box{
        text-align: center;
      }

		</style>
	</head>
	<body>
		<Header />
		<main>
      <site_header>
        <h2>What is in my homelab now?</h2>    
      </site_header>
      <box>
          <p>
            So my current homelab has gotten quite extensive, which honestly is a pain because electricity is expensive as hell.
          </p>
          <p>I have waaaaay too many servers, and they are not at all used to their full capabilites. But i am a tinkerer at heart.
            Owning a proxmox cluster with 6 nodes, or a 5 node K3S cluster is just fun to me. It doesn't really matter that it costs money, it is a hobby. So without further ado, 
            let me explain each server, and what it is currently being used for.
          </p>
          <p>As you can probably tell, i use greek mythology for the naming scheme of physical machines :P</p>
          <box>
              {
                servers.map((s) => (
                    <a href={`/homelab/servers/${s.slug}/`}>
                      <h5 class="title">🖥️ {s.data.title}</h5>
                    </a>
                ))
              }
          </box>
      </box> 
      
		</main>
		<Footer />
	</body>
</html>