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;
|
text-align: center;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-top: 0.5rem;
|
margin-top: 2rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 2rem;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 0em;
|
height: 0em;
|
||||||
|
|
|
||||||
|
|
@ -2,9 +2,10 @@
|
||||||
title: 'Hades'
|
title: 'Hades'
|
||||||
lastUpdated: '03.08.2024'
|
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.
|
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
|
- MODEL: HP Elitedesk 705 G3 mini
|
||||||
- CPU: AMD A10-8770E
|
- CPU: AMD A10-8770E
|
||||||
- RAM: 16 GB DDR4
|
- RAM: 16 GB DDR4
|
||||||
|
|
|
||||||
|
|
@ -2,9 +2,9 @@
|
||||||
title: 'Hermes'
|
title: 'Hermes'
|
||||||
lastUpdated: '03.08.2024'
|
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.
|
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
|
- MODEL: HP Elitedesk 705 G3 mini
|
||||||
- CPU: AMD A10-8770E
|
- CPU: AMD A10-8770E
|
||||||
- RAM: 16 GB DDR4
|
- RAM: 16 GB DDR4
|
||||||
|
|
|
||||||
|
|
@ -2,9 +2,9 @@
|
||||||
title: 'Poseidon'
|
title: 'Poseidon'
|
||||||
lastUpdated: '03.08.2024'
|
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.
|
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
|
- MODEL: HP Elitedesk 705 G3 mini
|
||||||
- CPU: AMD A10-8770E
|
- CPU: AMD A10-8770E
|
||||||
- RAM: 16 GB DDR4
|
- RAM: 16 GB DDR4
|
||||||
|
|
|
||||||
|
|
@ -9,14 +9,67 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
|
<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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<Header />
|
<Header />
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<h1>Yo! Welcome to my humble site</h1>
|
<h1>Yo! Welcome to my humble site</h1>
|
||||||
<p>
|
<box>
|
||||||
This site is a continual WIP, and this is just an alpha of what i hope it will become :)
|
<left class="column">
|
||||||
</p>
|
<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>
|
</main>
|
||||||
<Footer />
|
<Footer />
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -30,9 +30,7 @@
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
}
|
}
|
||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
footer{
|
footer{
|
||||||
height: 4em;
|
height: 4em;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue