Redesigned some things and made a post at Bla.

ueber-mich.html

@@ -17,23 +17,50 @@
  
   <div class="background" id="background">
 
-    <div style="font-family:ubuntu;" class="topnav">
+    <div class="topnav-placeholder"></div>
 
-      <a class="topnav-inactive" href="https://i21k.de/emil" title="EKNr1 Startseite">Startseite</a>
-      <a class="topnav-active" href="ueber-mich.html" title="Über mich">Über mich</a>
-      <a class="topnav-inactive" href="downloads.html" title="Downloads">Downloads</a>
-      <a class="topnav-inactive" href="bla" title="Text!">Bla</a>
-  
-    </div>
+    <p class="big-text">Über mich</p>
 
-    <h1 class="normal-text">Über mich</h1>
-    <p class="normal-text">
-      Ich bin 14 Jahre alt, kann ein bisschen programmieren
+    <p>
+      Spiele, wenn ich grad Bock hab mal ein Spiel aus der Liste da unten.
       <br>
-      und zocke gerne Spiele wie Minecraft.</p>
-    <p class="tiny-text">Bischen wenig Text ;)</p>
+      Sonst programmier ich was mit Python oder schau YouTube. Hab da auch n Paar Videos hochgeladen.
+      <br>
+      Ich finde CSS und JavaScript total eklig, weshalb ich meistens zu faul bin, meine Website zu updaten.
+      <br>
+      Trotzdem kann ich gerne netten Leuten eine kleine Website basteln, falls diese sich gar nicht damit auskennen.
+      <br>
+      Hab mit Scratch angefangen, zu programmieren. Bin sogar mal auf die Startseite gekommen.
+      <br>
+      Jetzt mach ich auf Scratch nichts mehr.
+      <br>
+      Wenn du auch programmieren möchtest,
+      <br>
+      empfehle ich dir mit
+      <a href="https://upbge.org" target="_blank" title="Blender zum programmieren von Computerspielen optimiert">UPBGE</a>
+      oder einfach gleich mit
+      <a href="https://python.org" target="_blank" title="Einfache und beliebteste Programmiersprache">Python</a>
+      anzufangen.
+      <br>
+      Denn Scratch ist lahm und der Umstieg von Scratch auf eine richtige Programmiersprache
+      <br>
+      kann einem ordentlich das Gehirn verknoten.
+      <br>
+      Ich hab auch einen Raspberry Pi, auf dem ein Minecraft-Server, Terraria-Server und ein Discordbot läuft.
+      <br>
+      Leider hat der keine Domain und die IP ändert sich täglich.
+      <br>
+      Man kann aber auch einfach meinen Discord-Bot nach der IP fragen.
+      <br>
+      Dazu gibt man einfach
+      <a href="javascript:copyText('!server ip');" title="Befehl kopieren">"!server ip"</a>
+      in den Spam-Kanal meines Discord-Servers ein und der Bot antwortet mit der IP.
+      <br>
+      Ich bin übrigens 14.
+    </p>
     <br>
-    <p class="normal-text fat-text">Programmiersprachen:</p>
+
+    <p class="fat-text">Programmiersprachen:</p>
     <p class="normal-text">
       - Python
       <br>
@@ -41,7 +68,8 @@
       <br>
       - Scratch
     </p>
-    <p class="normal-text fat-text">Spiele:</p>
+    <p class="normal-text fat-text">Spiele die ich spiele:</p>
+
     <p class="normal-text">
       - Minecraft
       <br>
@@ -59,10 +87,15 @@
       <br>
       - SuperTux 2
     </p>
-    
-    <button class="ytbutton" onclick="window.open('https://www.youtube.com/@eknr1', '_blank')"title="YouTube">YouTube</button>
-    <button class="scratchbutton" onclick="window.open('https://scratch.mit.edu/users/eknr1/', '_blank')"title="Scratch">Scratch</button>
-    <button style="border-radius:5px;background-color:#5865f2;border-color:#5865f2;color:white;font-family:ubuntu;font-size:18px;cursor:pointer;" onclick="window.open('https://discord.com/invite/8htpyBfdan', '_blank')"title="Mein Discordserver">Discordserver</button>
+    <br>
+
+    <button class="normal-link-button" onclick="window.open('https://dizl.de/@eknr1', '_blank')" title="Mastodon">Mastodon</button>
+    <button class="normal-link-button" onclick="window.open('https://peertube.art3mis.de/a/eknr01/', '_blank')" title="PeerTube">PeerTube</button>
+    <button class="normal-link-button" onclick="window.open('https://www.youtube.com/@eknr1', '_blank')" title="YouTube">YouTube</button>
+    <br>
+    <button class="normal-link-button" onclick="window.open('https://discord.com/invite/8htpyBfdan', '_blank')" title="Mein Discordserver">Discordserver</button>
+    <button class="normal-link-button" onclick="window.open('https://scratch.mit.edu/users/eknr1/', '_blank')" title="Scratch">Scratch</button>
+
 
   </div>
 
@@ -73,6 +106,16 @@
     });
   </script>
 
+  <div class="topnav-companion"></div>
+  <div style="font-family:ubuntu;" class="topnav" id="topnav">
+
+    <a class="topnav-inactive" href="./" title="EKNr1 Startseite">Startseite</a>
+    <a class="topnav-active" href="ueber-mich.html" title="Über mich">Über mich</a>
+    <a class="topnav-inactive" href="downloads.html" title="Downloads">Downloads</a>
+    <a class="topnav-inactive" href="bla" title="Text!">Bla</a>
+
+  </div>
+
 </body>
 
 </html>