From 943ba9ab26e97b6c6bee40cf2529edd4c1cd731d Mon Sep 17 00:00:00 2001
From: EKNr1 <emil@i21k.de>
Date: Tue, 22 Oct 2024 16:36:30 +0200
Subject: [PATCH] Ready improving!

---
 index.html           | 33 +++++++++++++++++++++++++++++----
 merge-box/index.html |  8 +++-----
 styles.php           | 20 +++++++++++++++-----
 3 files changed, 47 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index c10f086..6cb9fb4 100644
--- a/index.html
+++ b/index.html
@@ -38,11 +38,31 @@
         </p>
       </div>
       <div class="glass inset">
-        <p class="normal-text">
-          Hier könnt ihr mich erreichen:
+        <p class="fat-text">
+          Wenn ihr mal mit mir schreiben, zocken, mir helfen oder Projekten beitragen wollt:
+          <br>
+          <br>
+          <br>
+          <a href="javascript:copyText('emil@i21k.de')" class="button inout" title="The button copies the address.">E-Mail</a>
+          <br>
+          <br>
+          <br>
+          <a href="https://teapot.informationsanarchistik.de/Wobbl" target="_blank" class="button inout">Git (Forgejo)</a>
+          <br>
+          <br>
+          <br>
+          <a href="https://dizl.de/@eknr1" target="_blank" class="button inout">Mastodon</a>
+          <br>
+          <br>
+          <br>
+          <a href="https://peertube.art3mis.de/a/eknr01/" target="_blank" class="button inout">Peertube</a>
+          <br>
+          <br>
+          <br>
+          <a href="https://discord.com/invite/8htpyBfdan" target="_blank" class="button inout">Discord</a>
+          <br>
           <br>
           <br>
-          Email: emil@i21k.de
         </p>
       </div>
       <div class="glass inset" id="mb-int">
@@ -62,7 +82,12 @@
           dass ich für die Verbrechen, die in dem Code des Spiels stecken, nicht gerecht bestraft wurde.
           <br>
           Trotzdem kann man es spielen und ihr könnt es hier downloaden, wenn ihr wollt.
-          <a href="merge-box" class="normal-button">Download</a>
+          <br>
+          <br>
+          <br>
+          <a href="merge-box" class="button inout">Download</a>
+          <br>
+          <br>
         </p>
       </div>
     </div>
diff --git a/merge-box/index.html b/merge-box/index.html
index 48f6823..414ad65 100644
--- a/merge-box/index.html
+++ b/merge-box/index.html
@@ -8,7 +8,7 @@
   
     <link rel="icon" href="https://i21k.de/emil/files/Icons/merge_box_icon.png">
 
-    <link rel="stylesheet" href="https://i21k.de/emil/styles.css">
+    <link rel="stylesheet" href="https://i21k.de/emil/styles.php">
 
   </head>
 
@@ -19,10 +19,8 @@
 
       <div style="font-family:ubuntu;" class="topnav">
 
-        <a class="topnav-inactive" href="https://i21k.de/emil" title="EKNr1 Startseite">Startseite</a>
-        <a class="topnav-inactive" 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="https://i21k.de/emil">Wobbelnde Seite</a>
+        <a class="topnav-active" href="">Merge Box</a>
       </div>
 
       <br>
diff --git a/styles.php b/styles.php
index 91e499f..72ef95c 100644
--- a/styles.php
+++ b/styles.php
@@ -27,8 +27,8 @@ a {
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
-    min-height: 800px;
     border-radius: 16px;
+    padding: 10px;
 }
 
 .text-background {
@@ -131,13 +131,13 @@ a {
 }
 
 .glass {
-    backdrop-filter: blur(4px);
+    backdrop-filter: blur(8px);
     border-radius: 16px;
     margin: 32px 16px 64px;
 }
 
 .glassint {
-    backdrop-filter: blur(4px);
+    backdrop-filter: blur(8px);
     border-radius: 16px;
     margin: 32px 16px 64px;
     animation-name: glassdiff;
@@ -156,13 +156,13 @@ a {
         backdrop-filter: blur(2px);
     }
     100% {
-        backdrop-filter: blur(4px);
+        backdrop-filter: blur(8px);
     }
 }
 
 @keyframes glassclear {
     0% {
-        backdrop-filter: blur(4px);
+        backdrop-filter: blur(8px);
     }
     100% {
         backdrop-filter: blur(2px);
@@ -231,4 +231,14 @@ a {
 .ascii-art {
     color: white;
     background-color: rgba(51, 51, 51, 0.2);
+}
+
+.button {
+    border: 4px solid rgba(255, 255, 255, 0.5);
+    border-radius: 16px;
+    margin: 0px 16px 16px 16px;
+    padding: 8px;
+    font-size: 16px;
+    text-align: center;
+    font-weight: bold;
 }
\ No newline at end of file