Reworked the homepage

This commit is contained in:
Rolf Martin Glomsrud 2024-08-04 21:19:54 +02:00
parent 90bab656bf
commit 2dc58f20ce
8 changed files with 66 additions and 14 deletions

BIN
public/images/self.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

View file

@ -26,8 +26,8 @@ const today = new Date();
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
margin-top: 2rem;
margin-bottom: 2rem;
border-radius: 10px;
width: 100%;
height: 0em;

View file

@ -2,9 +2,10 @@
title: 'Hades'
lastUpdated: '03.08.2024'
---
## What is it?
Hades is a node in my cluster of 5 mini PCs. It follows the exact same configuration as the other nodes for consistency. It used to be an office PC, but has since been re-purposed as a tiny home server.
## Specs
- MODEL: HP Elitedesk 705 G3 mini
- CPU: AMD A10-8770E
- RAM: 16 GB DDR4

View file

@ -2,9 +2,9 @@
title: 'Hermes'
lastUpdated: '03.08.2024'
---
## What is it?
Hermes is a node in my cluster of 5 mini PCs. It follows the exact same configuration as the other nodes for consistency. It used to be an office PC, but has since been re-purposed as a tiny home server.
## Specs
- MODEL: HP Elitedesk 705 G3 mini
- CPU: AMD A10-8770E
- RAM: 16 GB DDR4

View file

@ -2,9 +2,9 @@
title: 'Poseidon'
lastUpdated: '03.08.2024'
---
## What is it?
Poseidon is a node in my cluster of 5 mini PCs. It follows the exact same configuration as the other nodes for consistency. It used to be an office PC, but has since been re-purposed as a tiny home server.
## Specs
- MODEL: HP Elitedesk 705 G3 mini
- CPU: AMD A10-8770E
- RAM: 16 GB DDR4

View file

@ -3,7 +3,7 @@ title: 'Zeus'
lastUpdated: '03.08.2024'
---
## What is it?
## What is it?
Zeus is a node in my cluster of 5 mini PCs. It follows the exact same configuration as the other nodes for consistency. It used to be an office PC, but has since been re-purposed as a tiny home server.
## Specs
- MODEL: HP Elitedesk 705 G3 mini

View file

@ -9,14 +9,67 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
<html lang="en">
<head>
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
<style>
body{
text-align: center;
}
main {
width: 75%;
}
main left,right{
margin: 0.2em;
padding: 0.5em;
}
left{
width: 50%;
text-align: center;
}
right{
width: 50%;
text-align: center;
}
#column{
float:left;
}
box{
display: flex;
}
box left,right{
border-color: white;
border-width: 0.2em;
border-style: solid;
border-radius: 1em;
margin: 0.2em;
padding: 0.5em;
}
</style>
</head>
<body>
<Header />
<main>
<h1>Yo! Welcome to my humble site</h1>
<p>
This site is a continual WIP, and this is just an alpha of what i hope it will become :)
</p>
<box>
<left class="column">
<p>
This site is a continual WIP, and this is just an alpha of what i hope it will become :)
</p>
<p>
Go checkout the description of my homelab!
</p>
</left>
<right class="column">
<img src="public/images/self.png"/>
</right >
</box>
</main>
<Footer />
</body>

View file

@ -30,9 +30,7 @@
font-style: normal;
font-display: swap;
}
html {
height: 100%;
}
footer{
height: 4em;
}