This commit is contained in:
fqbn207
2025-01-03 05:13:03 +01:00
commit 3ab7fcbfbe
4 changed files with 128 additions and 0 deletions

43
index.html Normal file
View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="src/css/style.css">
<title>fqbn207 | 0xcc01</title>
</head>
<body>
<div class="main">
<nav>
<a href="https://git.0xcc01.de/fqbn207">MSC</a>
<a href="https://git.0xcc01.de/fqbn207">GIT</a>
<a href="https://github.com/fqbn207">GH</a>
<a href="https://discord.com/users/fqbn207">DC</a>
<a href="./sstv">SSTV</a>
</nav>
<div class="inner-box">
<img src="./src/media/avatar.png" alt="Profile Picture">
</div>
<center>
<br>
<p>
Hello &#128075; <br>
My name is fqbn207 <br>
my hobbys are playing <br>
with satellites,<br>
UNIX/Linux and <br>
Homebrew dev
</p>
<br>
<h4>knowledge</h4>
<p>
Linux/BSD/NixOS <br>
Sat Comm <br>
LANGS: <br>
C/Python/bash <br>
</p> <br>
</center>
</div>
<footer>fqbn207 - &copy; 2025</footer>
</body>
</html>

85
src/css/style.css Normal file
View File

@ -0,0 +1,85 @@
@font-face {
font-family: "Silkscreen";
src: url("../media/fonts/Silkscreen-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
html, body {
font-family: Silkscreen;
background-color: black;
color: white;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.main {
width: 55%;
height:70%;
border: 2px solid #ffffff;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 5px;
margin-top: 3%;
overflow: hidden;
justify-content: flex-start;
}
.text {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
text-align: center;
margin-top: 5px;
}
.inner-box {
border: 2px solid white;
width: 200px;
height: 200px;
border-radius: 5px;
overflow: hidden;
padding: 20px;
margin-top: 3%;
}
.inner-box img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5%;
}
footer {
text-align: center;
padding: 10px;
color: white;
width: 100%;
position: relative;
bottom: 0;
}
a {
color: white;
text-decoration: none;
}
a:visited {
color: white;
}

BIN
src/media/avatar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.