fix top bar for mobile maybe

2 files changed, 73 insertions, 82 deletions

diff --git a/index.html b/index.html
index a17580b..10e9642 100644
--- a/index.html
+++ b/index.html
@@ -12,35 +12,25 @@
     <!-- Navbar -->
     <div class="w3-top">
         <div class="w3-bar w3-green w3-card w3-left-align w3-large">
-            <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-white"
-                href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu" target="_blank"><i
-                    class="fa fa-bars"></i></a>
-            <a href="#" class="w3-bar-item w3-button w3-padding-large w3-white" target="_blank">Home</a>
-            <a href="https://youtu.be/gusAH25c5Zk"
-                class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" target="_blank">Trailer</a>
-            <a href="./map" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white"
-                target="_blank">Live-Map</a>
-            <a href="./sg" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white"
-                target="_blank">Neu: Survival
+            <button onclick="myFunction()" class="w3-bar-item w3-button w3-padding-large w3-white">Home</button>
+            <a href="https://youtu.be/gusAH25c5Zk" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" target="_blank">Trailer</a>
+            <a href="./map" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" target="_blank">Live-Map</a>
+            <a href="./sg" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" target="_blank">Neu: Survival
                 Games</a>
-            <a href="https://discord.gg/dFGcb4jUd4"
-                class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" target="_blank">Discord</a>
+            <a href="https://discord.gg/dFGcb4jUd4" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" target="_blank">Discord</a>
         </div>
 
         <!-- Navbar on small screens -->
         <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large" target="_blank">
-            <a href="https://youtu.be/gusAH25c5Zk" class="w3-bar-item w3-button w3-padding-large"
-                target="_blank">Trailer</a>
+            <a href="https://youtu.be/gusAH25c5Zk" class="w3-bar-item w3-button w3-padding-large" target="_blank">Trailer</a>
             <a href="./dynmap" class="w3-bar-item w3-button w3-padding-large" target="_blank">Live-Map</a>
             <a href="./sg" class="w3-bar-item w3-button w3-padding-large" target="_blank">Neu: Survival Games</a>
-            <a href="https://discord.gg/dFGcb4jUd4" class="w3-bar-item w3-button w3-padding-large"
-                target="_blank">Discord</a>
+            <a href="https://discord.gg/dFGcb4jUd4" class="w3-bar-item w3-button w3-padding-large" target="_blank">Discord</a>
         </div>
     </div>
 
     <!-- Header -->
-    <header class="w3-container w3-black w3-center"
-        style="padding:128px 16px; background-image: url('./schloss.png'); background-repeat: no-repeat; background-position: center; background-size: cover;">
+    <header class="w3-container w3-black w3-center" style="padding:128px 16px; background-image: url('./schloss.png'); background-repeat: no-repeat; background-position: center; background-size: cover;">
         <h1 class="w3-margin w3-jumbo mctitle">Der Minecraft Campus</h1>
         <p class="w3-xlarge mcfont" style="color: rgb(234, 235, 243);">Besuche den KIT-Campus in Minecraft!</p>
     </header>
@@ -49,8 +39,7 @@
         <div class="w3-content">
             <div class="w3-twothird">
                 <h1>Der KIT-Campus als Minecraft-Welt</h1>
-                <p class="w3-padding-32 w3-text mcfont">Um sich den virtuellen Campus anzusehen, benötigst du die Minecraft Java
-                    Edition. So kommst du auf den Campus:</p>
+                <p class="w3-padding-32 w3-text mcfont">Um sich den virtuellen Campus anzusehen, benötigst du die Minecraft Java Edition. So kommst du auf den Campus:</p>
             </div>
 
             <div class="w3-third w3-center">
@@ -81,9 +70,8 @@
             <div class="w3-twothird">
                 <h1>Unser Discord-Server </h1>
 
-                <p class="w3-text-grey mcfont">Verpasse keine neue Aktion auf dem Server! Für Fragen, Anregungen,
-                    gegenseitigen Austausch, Ankündigung von weiteren Aktionen, oder falls du Lust bekommen hast selbst
-                    mitzuhelfen.</p>
+                <p class="w3-text-grey mcfont">Verpasse keine neue Aktion auf dem Server! Für Fragen, Anregungen, gegenseitigen Austausch, Ankündigung von weiteren Aktionen, oder falls du Lust bekommen hast selbst mitzuhelfen.
+                </p>
             </div>
         </div>
     </div>
@@ -107,4 +95,4 @@
 
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 83ee574..0b13e59 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -1,97 +1,100 @@
 /* cyrillic-ext */
+
 @font-face {
     font-family: 'Montserrat';
     font-style: normal;
     font-weight: 400;
     src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-  }
-  /* cyrillic */
-  @font-face {
+}
+
+
+/* cyrillic */
+
+@font-face {
     font-family: 'Montserrat';
     font-style: normal;
     font-weight: 400;
     src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
     unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-  }
-  /* vietnamese */
-  @font-face {
+}
+
+
+/* vietnamese */
+
+@font-face {
     font-family: 'Montserrat';
     font-style: normal;
     font-weight: 400;
     src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
-  }
-  /* latin-ext */
-  @font-face {
+}
+
+
+/* latin-ext */
+
+@font-face {
     font-family: 'Montserrat';
     font-style: normal;
     font-weight: 400;
     src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-  /* latin */
-  @font-face {
+}
+
+
+/* latin */
+
+@font-face {
     font-family: 'Montserrat';
     font-style: normal;
     font-weight: 400;
     src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
+}
 
-  @font-face {
-    font-family: 'MinecraftiaRegular';font-weight: normal;
+@font-face {
+    font-family: 'MinecraftiaRegular';
+    font-weight: normal;
     font-style: normal;
     src: url(https://fontlibrary.org/assets/fonts/minecraftia/71962a7e3d4a70435c030466a12f1d63/bf3f245b7cd53caea0cb07d265a64adc/MinecraftiaRegular.ttf) format('truetype');
-    
-  }
-  @font-face {
+}
+
+@font-face {
     font-family: 'MinecrafterAltRegular';
     src: url('https://fontlibrary.org/assets/fonts/minecraft/a867206f5b98eebb166bd5e9eb2bb21c/dc7947b63602675ec87b023cfc35d028/MinecrafterAltRegular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
-      }
+}
 
-  @font-face {
+@font-face {
     font-family: 'MinecraftRegular';
     src: url('https://fontlibrary.org/assets/fonts/minecraft/5fac5907f1d6e65e0009f11692c80d93/6ab539c6fc2b21ff0b149b3d06d7f97c/MinecraftRegular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
-      }
-
-
-
-    .mcfont {
-        font-family: 'MinecraftiaRegular';
-        font-weight: normal;
-        font-style: normal;
-    }
-    .mctitle {
-
-        font-family: 'MinecrafterAltRegular';
-        font-weight: normal;
-        font-style: normal;
-        font-size: 6em !important;
-        color: rgb(164, 165, 177);
-      text-shadow:   
-      1px 2px 0 black,
-      2px 4px 0 black,
-      3px 6px 0 black,
-      4px 8px 0 black,
-      5px 10px 0 black,
-      6px 12px 0 black,
-      7px 14px 0 black,
-      8px 16px 0 black,
-      9px 18px 0 black,
-      10px 20px 0 black;
-    }  
-    .w3-bar,
-    h1,
-    button {
-        font-family: "Montserrat", sans-serif;
-    }
-
-    .fa-anchor,
-    .fa-coffee {
-        font-size: 200px
-    }
\ No newline at end of file
+}
+
+.mcfont {
+    font-family: 'MinecraftiaRegular';
+    font-weight: normal;
+    font-style: normal;
+}
+
+.mctitle {
+    font-family: 'MinecrafterAltRegular';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 6em !important;
+    color: rgb(164, 165, 177);
+    text-shadow: 1px 2px 0 black, 2px 4px 0 black, 3px 6px 0 black, 4px 8px 0 black, 5px 10px 0 black, 6px 12px 0 black, 7px 14px 0 black, 8px 16px 0 black, 9px 18px 0 black, 10px 20px 0 black;
+}
+
+.w3-bar,
+h1,
+button {
+    font-family: "Montserrat", sans-serif;
+}
+
+.fa-anchor,
+.fa-coffee {
+    font-size: 200px
+}
\ No newline at end of file