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

---
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: 90%;
			}
			
			.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;
      }
      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>
Added page about my homelab 2024-08-03 19:19:51 +00:00			`---`
			`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";`



improve mobile experience 2024-08-23 18:36:08 +00:00
Added page about my homelab 2024-08-03 19:19:51 +00:00			`const servers = (await getCollection('servers'));`
			`---`

			`<!doctype html>`
			`<html lang="en">`
			`<head>`
			`<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />`
			`<style>`
			`main {`
improve mobile experience 2024-08-23 18:36:08 +00:00			`width: 90%;`
Added page about my homelab 2024-08-03 19:19:51 +00:00			`}`
improve mobile experience 2024-08-23 18:36:08 +00:00
Added page about my homelab 2024-08-03 19:19:51 +00:00			`.title {`
			`margin: 0;`
			`color: rgb(0,255,159);`
			`line-height: 1;`
			`}`
			`.date {`
			`margin: 0;`
			`color: rgb(var(--gray));`
			`}`
improve mobile experience 2024-08-23 18:36:08 +00:00
			`a {`
			`margin-top: 0.5em;`
			`margin-bottom: 0.5em;`
Added page about my homelab 2024-08-03 19:19:51 +00:00			`}`
improve mobile experience 2024-08-23 18:36:08 +00:00			`site_header{`
Added page about my homelab 2024-08-03 19:19:51 +00:00			`text-align: center;`
			`}`

			`box{`
improve mobile experience 2024-08-23 18:36:08 +00:00			`text-align: center;`
Added page about my homelab 2024-08-03 19:19:51 +00:00			`}`

			`</style>`
			`</head>`
			`<body>`
			`<Header />`
			`<main>`
			`<site_header>`
improve mobile experience 2024-08-23 18:36:08 +00:00			`<h2>What is in my homelab now?</h2>`
Added page about my homelab 2024-08-03 19:19:51 +00:00			`</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>`
improve mobile experience 2024-08-23 18:36:08 +00:00			`<box>`
Added page about my homelab 2024-08-03 19:19:51 +00:00			`{`
			`servers.map((s) => (`
			<a href={`/homelab/servers/${s.slug}/`}>
			`<h5 class="title">🖥️ {s.data.title}</h5>`
			`</a>`
			`))`
			`}`
improve mobile experience 2024-08-23 18:36:08 +00:00			`</box>`
			`</box>`
Added page about my homelab 2024-08-03 19:19:51 +00:00
			`</main>`
			`<Footer />`
			`</body>`
			`</html>`