Reworked the homepage
This commit is contained in:
parent
90bab656bf
commit
2dc58f20ce
8 changed files with 66 additions and 14 deletions
BIN
public/images/self.png
Normal file
BIN
public/images/self.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 79 KiB |
|
@ -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;
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -30,9 +30,7 @@
|
|||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
footer{
|
||||
height: 4em;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue