first real style

This commit is contained in:
Michael Chalupiak 2024-08-15 22:48:15 -04:00
parent d0185bfea3
commit 231d34bd7f
2 changed files with 58 additions and 4 deletions

View File

@ -1,4 +1,22 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MChalupiak.com</title>
<link rel="stylesheet" href="style.css" />
</head>
<div id="header">
<div class="header-link">About</div>
<div class="header-link">Blog</div>
<div class="header-link">
<a href="https://git.mchalupiak.com">Git</a>
</div>
<div class="header-link">
<a href="https://searx.mchalupiak.com">Searx</a>
</div>
</div>
<div id="body">
<h1>WIP</h1> <h1>WIP</h1>
<p>you can find my git server at <a href="https://git.mchalupiak.com">here</a></p> </div>
<p>my searx instance is <a href="https://searx.mchalupiak.com">here</a></p> </html>

36
style.css Normal file
View File

@ -0,0 +1,36 @@
body {
margin-top: 0;
margin-left: 0;
margin-right: 0;
background-color: 282d28;
color: A0B0A0;
}
#header {
margin: 0;
width: 100%;
height: 3rem;
text-align: center;
vertical-align: middle;
display: flex;
justify-content: space-evenly;
background-color: 181b18;
}
.header-link {
margin: auto;
vertical-align: middle;
color: sandybrown;
text-decoration: none;
}
.header-link > a {
color: sandybrown;
text-decoration: none;
}
#body {
margin: auto;
width: 100%;
height: 100%;
}