From 233775b5607dc152e9d49709b148dbc28421583f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elias=20M=C3=BCller?= <elias@elias-mueller.com>
Date: Tue, 10 Dec 2024 19:35:41 +0100
Subject: [PATCH] added interest and code cleanup

---
 index.html | 19 ++++++++-----------
 style.css  |  3 +++
 2 files changed, 11 insertions(+), 11 deletions(-)
diff --git a/index.html b/index.html
index 784f073..4d9d692 100644
--- a/index.html
+++ b/index.html
@@ -3,19 +3,14 @@
     <head>
         <meta charset="utf-8">
         <title>Elias Müller</title>
+
         <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono" rel="stylesheet">
         <link rel="stylesheet" href="style.css">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+                
         <script src="https://kit.fontawesome.com/7c86d20fb1.js" crossorigin="anonymous"></script>
         <script src="script.js" defer></script>
-
-        <noscript>
-            <style>
-                .card {
-                    visibility: visible;
-                }
-            </style>
-        </noscript>
+   
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
     </head>
     <body>
         <div class="card-container">
@@ -44,15 +39,16 @@
                         <li><a href="https://mhsl.eu/"><i class="fa-solid fa-globe"></i>mhsl.eu</a></li>
                         <li><a href="https://mhsl.eu/gitea/"><i class="fa-brands fa-git-alt"></i>Gitea</a></li>
                         <li><a href="https://github.com/muelleel/"><i class="fa-brands fa-github"></i>GitHub</a></li>
-                        <li><a href="ts3server://mhsl.eu?port=9987"><i class="fa-brands fa-teamspeak"></i>TeamSpeak</a></li>
+                        <li><a href="https://mhsl.eu/teamspeak"><i class="fa-brands fa-teamspeak"></i>TeamSpeak</a></li>
                     </ul>
                     
                     <div class="interests">
-                        <h2>Erfahrungen</h2>
+                        <h2>Erfahrungen mit</h2>
                         <i class="fa-brands fa-osi" title="Open Source!"></i>
                         <br>
                         <i class="fa-brands fa-flutter" title="Flutter"></i>
                         <i class="fa-brands fa-react" title="React"></i>
+                        <i class="fa-brands fa-vuejs" title="Vue"></i>
                         <i class="fa-brands fa-laravel" title="Laravel"></i>
                         <br>
                         <i class="fa-brands fa-java" title="Java"></i>
@@ -66,6 +62,7 @@
                         <i class="fa-brands fa-windows" title="Windows"></i>
                         <i class="fa-brands fa-android" title="Android"></i>
                         <i class="fa-brands fa-apple" title="iOS & MacOS"></i>
+                        <i class="fa-brands fa-raspberry-pi" title="Raspberry Pi & Raspberry Pi OS"></i>
                         <br>
                         <i class="fa-brands fa-google-play" title="Google Play Store"></i>
                         <i class="fa-brands fa-app-store-ios" title="Apple App Store"></i>
diff --git a/style.css b/style.css
index ee2c0ef..b59225e 100644
--- a/style.css
+++ b/style.css
@@ -20,6 +20,9 @@ body {
     margin: 0;
     height: 100vh;
     width: 100vw;
+
+    min-height: var(--height);
+    min-width: var(--width);
 }
 
 .card-container {
