From 47da2bc3dc0006ffac01e2f11a4d1085415f099c Mon Sep 17 00:00:00 2001
From: vlle1 <36682087+vlle1@users.noreply.github.com>
Date: Mon, 16 Nov 2020 02:36:43 +0100
Subject: fix top bar for mobile maybe

---
 index.html | 36 ++++++++++++------------------------
 1 file changed, 12 insertions(+), 24 deletions(-)

(limited to 'index.html')

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
-- 
cgit v1.2.3-54-g00ecf