polsevev.dev/src/pages/homelab/index.astro

78 lines
No EOL
2 KiB
Text

---
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>