site overhaul

This commit is contained in:
2025-04-07 00:08:36 +02:00
parent 0f0f2a179c
commit fa3ab8ab36
4 changed files with 58 additions and 35 deletions
+3 -3
View File
@@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- Copyright © 2022 Niklas Elsbrock --> <!-- Copyright © 2025 Niklas Elsbrock -->
<html lang="de"> <html lang="de">
<head> <head>
@@ -16,7 +16,7 @@
<main class="card"> <main class="card">
<div class="main-info"> <div class="main-info">
<h1>Niklas&nbsp;Elsbrock</h1> <h1>Niklas&nbsp;Elsbrock</h1>
<p>Hobbyentwickler und Informatikstudent</p> <p>Softwareentwickler und Informatikstudent</p>
</div> </div>
<hr /> <hr />
<nav> <nav>
@@ -28,7 +28,7 @@
</nav> </nav>
</main> </main>
<footer> <footer>
&copy; 2022 Niklas&nbsp;Elsbrock &copy; 2025 Niklas&nbsp;Elsbrock
&middot; <a href="/licenses.html">Open-Source-Lizenzen</a> &middot; <a href="/licenses.html">Open-Source-Lizenzen</a>
</footer> </footer>
</body> </body>
+1 -1
View File
@@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- Copyright © 2022 Niklas Elsbrock --> <!-- Copyright © 2025 Niklas Elsbrock -->
<html lang="de"> <html lang="de">
<head> <head>
+28 -28
View File
@@ -2,10 +2,10 @@
mDMEYEEKrBYJKwYBBAHaRw8BAQdAMnvJCDOYsUNINJOPgvZE3iE0O6VgTw5HDnND mDMEYEEKrBYJKwYBBAHaRw8BAQdAMnvJCDOYsUNINJOPgvZE3iE0O6VgTw5HDnND
nnkd8Km0I05pa2xhcyBFbHNicm9jayA8bWFpbEBuZWxzYnJvY2suZGU+iJkEExYI nnkd8Km0I05pa2xhcyBFbHNicm9jayA8bWFpbEBuZWxzYnJvY2suZGU+iJkEExYI
AEECGwMFCwkIBwIGFQoJCAsCBBYCAwECHgECF4AFCQkVSQcWIQTYMKWUelsRc6iQ AEECGwMFCwkIBwIGFQoJCAsCBBYCAwECHgECF4ACGQEWIQTYMKWUelsRc6iQiDLr
iDLrs+RQYaOq0wUCYEEbMgIZAQAKCRDrs+RQYaOq04EEAQDcLdjUJckXo6QcXV+9 s+RQYaOq0wUCZj6qwwUJEJrN2QAKCRDrs+RQYaOq06akAP9YqHSdWj5Phs3uO9ng
SuDDYjuATHgUISapdk6lPSZFIwD/VtFCPVEyW86/p4R/U5e//PUgJB5T76BwjKs3 0KFSbMxnPR746RqhfPOWK9CErQEAnc2Efgx2cQQIyE9EvTx2yd5XTsTja64+rSXC
5tmp1AuJAhwEEwEIAAYFAmP6FccACgkQXlzMtKS/Q9eS4Q/+J6TTmKatl/KzHRVj tl7QOgiJAhwEEwEIAAYFAmP6FccACgkQXlzMtKS/Q9eS4Q/+J6TTmKatl/KzHRVj
mWkPpBAmzghuERvEGiVzUp2CRxD42lqTwJegMCWBZtPDUJnW4HwEAc8UAvkq9zRY mWkPpBAmzghuERvEGiVzUp2CRxD42lqTwJegMCWBZtPDUJnW4HwEAc8UAvkq9zRY
Mo/lumBnWyppUJoxM1ELFAqJfZ0qvxlKxwuaKClad9VzSzbld9D9bmSTrIcCkh+I Mo/lumBnWyppUJoxM1ELFAqJfZ0qvxlKxwuaKClad9VzSzbld9D9bmSTrIcCkh+I
P8UjCqIEA9sTfwO+445XG/9UC0cYt68g6SzhLpPaXvfQPsWksQyVTAgqKOJV5YaJ P8UjCqIEA9sTfwO+445XG/9UC0cYt68g6SzhLpPaXvfQPsWksQyVTAgqKOJV5YaJ
@@ -17,28 +17,28 @@ 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
9Aovc774w6KLSg4Za+KPChZUTAn6yxXRVZkD zQKRYKL73nYAUDW7CL3Vog6EuyZwQzdVaW50Ag==
=7erM =n4Z7
-----END PGP PUBLIC KEY BLOCK----- -----END PGP PUBLIC KEY BLOCK-----
+26 -3
View File
@@ -1,10 +1,10 @@
/* /*
* Cascading Style Sheets für www.nelsbrock.de * Cascading Style Sheets für www.nelsbrock.de
* Copyright © 2022 Niklas Elsbrock * Copyright © 2025 Niklas Elsbrock
*/ */
:root { :root {
--bg-color: #1a1a24; --bg-color: #0e180e;
--text-color: #c9c9c9; --text-color: #c9c9c9;
--deco-color: #c9c9c9; --deco-color: #c9c9c9;
--link-color: #c9c9c9; --link-color: #c9c9c9;
@@ -208,6 +208,8 @@ main {
} }
.card nav a { .card nav a {
display: inline-block;
width: 100%;
color: var(--link-color); color: var(--link-color);
text-decoration: none; text-decoration: none;
transition: color 0.25s; transition: color 0.25s;
@@ -219,11 +221,32 @@ main {
.card nav a::before { .card nav a::before {
display: inline-block; display: inline-block;
min-width: 1.5rem; min-width: 1.5em;
font-family: 'Font Awesome 6 Free Solid', 'Font Awesome 6 Free Brands'; font-family: 'Font Awesome 6 Free Solid', 'Font Awesome 6 Free Brands';
margin: 0; margin: 0;
} }
.card nav li::after {
width: 0;
float: right;
display: inline-block;
content: "\f100";
font-family: 'Font Awesome 6 Free Solid';
opacity: 0;
translate: 4em;
}
.card nav li:hover::after {
opacity: 1;
translate: 1em;
transition: all 0.5s ease-out;
}
.card nav li:active::after {
transform: scale(0.5, 1);
transition: all 0.05s linear;
}
/* ----- GITHUB LINK ----- */ /* ----- GITHUB LINK ----- */
.card nav a.link-github:hover { .card nav a.link-github:hover {
color: #00bfff; color: #00bfff;