MineTec/aboutme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

seo and pagespeed improvements

Browse Source
This commit is contained in:
Elias Müller
2025-04-06 16:59:47 +02:00
parent 8ed8a906b8
commit aa373d2f37
4 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@@ -4,19 +4,21 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Elias Müller</title> <title>Elias Müller</title>
<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/7c86d20fb1.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/7c86d20fb1.js" crossorigin="anonymous"></script>
<script src="script.js" defer></script> <script src="script.js" defer></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Elias Müller - 21 Jahre, Fachinformatiker für Anwendungsentwicklung aus Fulda. Erfahrung mit Linux, Java, Webentwicklung, Android, iOS & mehr!">
</head> </head>
<body> <body>
<div class="card-container"> <div class="card-container">
<div class="card" id="flip"> <div class="card" id="flip">
<div class="front"> <div class="front">
<img src="tux.png" alt="tux penguin profile image"> <img src="tux.webp" alt="tux penguin profile image">
<hr> <hr>
<div class="name"> <div class="name">
<h1>Elias Müller</h1> <h1>Elias Müller</h1>
@@ -32,10 +34,10 @@
<li><i class="fa-solid fa-person"></i>21 Jahre</li> <li><i class="fa-solid fa-person"></i>21 Jahre</li>
<li><i class="fa-solid fa-location-dot"></i>Fulda</li> <li><i class="fa-solid fa-location-dot"></i>Fulda</li>
<li><i class="fa-solid fa-graduation-cap"></i>Fachinformatiker [AE]</li> <li><i class="fa-solid fa-graduation-cap"></i>Fachinformatiker [AE]</li>
<br> <li class="spacer"></li>
<li class="requires-js"><a onclick="contact(this)"><i class="fa-solid fa-at"></i>Kontaktiere mich!</a></li> <li class="requires-js"><p class="clickable" onclick="contact(this)"><i class="fa-solid fa-at"></i>Kontaktiere mich!</p></li>
<noscript><li><i class="fa-solid fa-link-slash"></i>Aktiviere JavaScript</li></noscript> <noscript><li><i class="fa-solid fa-link-slash"></i>Aktiviere JavaScript</li></noscript>
<br> <li class="spacer"></li>
<li><a target="_blank" href="https://mhsl.eu/"><i class="fa-solid fa-globe"></i>mhsl.eu</a></li> <li><a target="_blank" href="https://mhsl.eu/"><i class="fa-solid fa-globe"></i>mhsl.eu</a></li>
<li><a target="_blank" href="https://mhsl.eu/gitea/"><i class="fa-brands fa-git-alt"></i>Gitea</a></li> <li><a target="_blank" href="https://mhsl.eu/gitea/"><i class="fa-brands fa-git-alt"></i>Gitea</a></li>
<li><a target="_blank" href="https://github.com/muelleel/"><i class="fa-brands fa-github"></i>GitHub</a></li> <li><a target="_blank" href="https://github.com/muelleel/"><i class="fa-brands fa-github"></i>GitHub</a></li>

9
style.css
View File

@@ -5,6 +5,7 @@
body { body {
font-family: "Roboto"; font-family: "Roboto";
font-display: swap;
background-image: url("background.svg"); background-image: url("background.svg");
background-color: black; background-color: black;
@@ -162,6 +163,14 @@ a {
cursor: pointer; cursor: pointer;
} }
li .spacer {
height: 1rem;
}
.clickable {
cursor: pointer;
}
.requires-js { .requires-js {
display: none; display: none;
} }

BIN
tux.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 144 KiB

BIN
tux.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB