Add impressum

4 files changed, 164 insertions, 72 deletions

diff --git a/impressum.html b/impressum.html
new file mode 100644
index 0000000..5505f84
--- /dev/null
+++ b/impressum.html
@@ -0,0 +1,56 @@
+<div class='impressum'>
+    <h1>Impressum</h1>
+    <p>Angaben gem&auml;&szlig; &sect; 5 TMG</p>
+    <p>Valentin Quapil <br>
+        Klosterweg 28, F304<br>
+        76131 Karlsruhe <br>
+    </p>
+    <p> <strong>Vertreten durch: </strong><br>
+        Valentin Quapil<br>
+    </p>
+    <p><strong>Kontakt:</strong> <br>
+        Telefon: ---<br>
+        E-Mail: <a href='mailto:info@campus-kit.de'>info@campus-kit.de</a></br></p>
+    <p><strong>Verantwortlich f&uuml;r den Inhalt nach &sect; 55 Abs. 2 RStV:</strong><br>
+        Valentin Quapil <br>
+        Klosterweg 28 F304<br>
+        76131 Karlsruhe <br></p>
+    <p><strong>Haftungsausschluss: </strong><br><br><strong>Haftung f&uuml;r Inhalte</strong><br><br>
+        Die Inhalte unserer Seiten wurden mit gr&ouml;&szlig;ter Sorgfalt erstellt. F&uuml;r die Richtigkeit, Vollst&auml;ndigkeit und
+        Aktualit&auml;t der Inhalte k&ouml;nnen wir jedoch keine Gew&auml;hr &uuml;bernehmen. Als Diensteanbieter sind wir gem&auml;&szlig; &sect; 7 Abs.1
+        TMG f&uuml;r eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach &sect;&sect; 8 bis 10 TMG sind
+        wir als Diensteanbieter jedoch nicht verpflichtet, &uuml;bermittelte oder gespeicherte fremde Informationen zu
+        &uuml;berwachen oder nach Umst&auml;nden zu forschen, die auf eine rechtswidrige T&auml;tigkeit hinweisen. Verpflichtungen zur
+        Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unber&uuml;hrt.
+        Eine diesbez&uuml;gliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung
+        m&ouml;glich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend
+        entfernen.<br><br><strong>Haftung f&uuml;r Links</strong><br><br>
+        Unser Angebot enth&auml;lt Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb
+        k&ouml;nnen wir f&uuml;r diese fremden Inhalte auch keine Gew&auml;hr &uuml;bernehmen. F&uuml;r die Inhalte der verlinkten Seiten ist
+        stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum
+        Zeitpunkt der Verlinkung auf m&ouml;gliche Rechtsverst&ouml;&szlig;e &uuml;berpr&uuml;ft. Rechtswidrige Inhalte waren zum Zeitpunkt der
+        Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete
+        Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir
+        derartige Links umgehend entfernen.<br><br><strong>Urheberrecht</strong><br><br>
+        Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen
+        Urheberrecht. Die Vervielf&auml;ltigung, Bearbeitung, Verbreitung und jede Art der Verwertung au&szlig;erhalb der Grenzen
+        des Urheberrechtes bed&uuml;rfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und
+        Kopien dieser Seite sind nur f&uuml;r den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf
+        dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden
+        Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam
+        werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir
+        derartige Inhalte umgehend entfernen.<br><br><strong>Datenschutz</strong><br><br>
+        Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten m&ouml;glich. Soweit auf unseren
+        Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies,
+        soweit m&ouml;glich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdr&uuml;ckliche Zustimmung nicht an
+        Dritte weitergegeben. <br>
+        Wir weisen darauf hin, dass die Daten&uuml;bertragung im Internet (z.B. bei der Kommunikation per E-Mail)
+        Sicherheitsl&uuml;cken aufweisen kann. Ein l&uuml;ckenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht
+        m&ouml;glich. <br>
+        Der Nutzung von im Rahmen der Impressumspflicht ver&ouml;ffentlichten Kontaktdaten durch Dritte zur &Uuml;bersendung von
+        nicht ausdr&uuml;cklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdr&uuml;cklich widersprochen.
+        Die Betreiber der Seiten behalten sich ausdr&uuml;cklich rechtliche Schritte im Falle der unverlangten Zusendung von
+        Werbeinformationen, etwa durch Spam-Mails, vor.<br>
+    </p><br>
+
+</div>
\ No newline at end of file
diff --git a/index.html b/index.html
index b9fc5a3..563bca2 100644
--- a/index.html
+++ b/index.html
@@ -8,89 +8,125 @@
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 <style>
-body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
-.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
-.fa-anchor,.fa-coffee {font-size:200px}
+    body,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        font-family: "Lato", sans-serif
+    }
+
+    .w3-bar,
+    h1,
+    button {
+        font-family: "Montserrat", sans-serif
+    }
+
+    .fa-anchor,
+    .fa-coffee {
+        font-size: 200px
+    }
 </style>
+
 <body>
 
-<!-- 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"><i class="fa fa-bars"></i></a>
-    <a href="#" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
-    <a href="https://kobert.dev/campus_trailer.mp4" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Trailer</a>
-    <a href="./map" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Live-Map</a>
-    <a href="./sg" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Neu: Survival Games</a>
-    <a href="TODO redirect" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Discord</a>
-  </div>
+    <!-- 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"><i
+                    class="fa fa-bars"></i></a>
+            <a href="#" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
+            <a href="https://kobert.dev/campus_trailer.mp4"
+                class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Trailer</a>
+            <a href="./map" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Live-Map</a>
+            <a href="./sg" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Neu: Survival
+                Games</a>
+            <a href="TODO redirect"
+                class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">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">
-    <a href=".https://kobert.dev/campus_trailer.mp4" class="w3-bar-item w3-button w3-padding-large">Trailer</a>
-    <a href="./dynmap" class="w3-bar-item w3-button w3-padding-large">Live-Map</a>
-    <a href="./sg" class="w3-bar-item w3-button w3-padding-large">Neu: Survival Games</a>
-    <a href="TODO redirect" class="w3-bar-item w3-button w3-padding-large">Discord</a>
-  </div>
-</div>
+        <!-- Navbar on small screens -->
+        <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
+            <a href=".https://kobert.dev/campus_trailer.mp4" class="w3-bar-item w3-button w3-padding-large">Trailer</a>
+            <a href="./dynmap" class="w3-bar-item w3-button w3-padding-large">Live-Map</a>
+            <a href="./sg" class="w3-bar-item w3-button w3-padding-large">Neu: Survival Games</a>
+            <a href="TODO redirect" class="w3-bar-item w3-button w3-padding-large">Discord</a>
+        </div>
+    </div>
 
-<!-- Header -->
-<header class="w3-container w3-black w3-center" style="padding:128px 16px; background-image: url('./temp2.png'); background-repeat: no-repeat; background-position: center; background-size: cover;">
-  <h1 class="w3-margin w3-jumbo">Der Minecraft Campus</h1>
-  <p class="w3-xlarge">Besuche den KIT-Campus in Minecraft!</p>
-</header>
-<!-- First Grid -->
-<div class="w3-row-padding w3-padding-64 w3-container">
-  <div class="w3-content">
-    <div class="w3-twothird">
-      <h1>Der KIT-Campus als Minecraft-Welt</h1>
-      <h5 class="w3-padding-32">Um sich den virtuellen Campus anzusehen, benötigst du die Minecraft Java Edition. So kommst du auf den Campus:</h5>
+    <!-- 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;">
+        <h1 class="w3-margin w3-jumbo">Der Minecraft Campus</h1>
+        <p class="w3-xlarge">Besuche den KIT-Campus in Minecraft!</p>
+    </header>
+    <!-- First Grid -->
+    <div class="w3-row-padding w3-padding-64 w3-container">
+        <div class="w3-content">
+            <div class="w3-twothird">
+                <h1>Der KIT-Campus als Minecraft-Welt</h1>
+                <h5 class="w3-padding-32">Um sich den virtuellen Campus anzusehen, benötigst du die Minecraft Java
+                    Edition. So kommst du auf den Campus:</h5>
 
-      <p class="w3-text-grey">----beschreibung</p>
-    </div>
+                <p class="w3-text-grey">----beschreibung</p>
+            </div>
 
-    <div class="w3-third w3-center">
-        <figure><img srcset="./grass.png"></figure>
-    </div>
-  </div>
-</div>
-<figure style="margin:0;">
-    <img width="100%" srcset="./temp.png"> 
-</figure>
-<!-- Second Grid -->
-<div class="w3-container w3-center w3-padding-64">
-  <div class="w3-content">
-    <div class="w3-third w3-center">
-        <svg width="50%" viewBox="0 0 34 34" class="logo-3LF899" color="#7289DA"><g fill="currentColor"><path d="M18.1558 14.297C17.1868 14.297 16.4218 15.13 16.4218 16.167C16.4218 17.204 17.2038 18.037 18.1558 18.037C19.1248 18.037 19.8898 17.204 19.8898 16.167C19.8898 15.13 19.1078 14.297 18.1558 14.297ZM11.9508 14.297C10.9818 14.297 10.2168 15.13 10.2168 16.167C10.2168 17.204 10.9988 18.037 11.9508 18.037C12.9198 18.037 13.6848 17.204 13.6848 16.167C13.7018 15.13 12.9198 14.297 11.9508 14.297Z"></path><path d="M26.4178 0.152954H3.63783C1.71683 0.152954 0.152832 1.71695 0.152832 3.63795V26.418C0.152832 28.339 1.71683 29.903 3.63783 29.903H22.9158L22.0148 26.792L24.1908 28.798L26.2478 30.685L29.9198 33.864V3.63795C29.9028 1.71695 28.3388 0.152954 26.4178 0.152954ZM19.8558 22.168C19.8558 22.168 19.2438 21.437 18.7338 20.808C20.9608 20.179 21.8108 18.802 21.8108 18.802C21.1138 19.261 20.4508 19.584 19.8558 19.805C19.0058 20.162 18.1898 20.383 17.3908 20.536C15.7588 20.842 14.2628 20.757 12.9878 20.519C12.0188 20.332 11.1858 20.077 10.4888 19.788C10.0978 19.635 9.67283 19.448 9.24783 19.21C9.19683 19.176 9.14583 19.159 9.09483 19.125C9.06083 19.108 9.04383 19.091 9.02683 19.091C8.72083 18.921 8.55083 18.802 8.55083 18.802C8.55083 18.802 9.36683 20.145 11.5258 20.791C11.0158 21.437 10.3868 22.185 10.3868 22.185C6.62983 22.066 5.20183 19.618 5.20183 19.618C5.20183 14.195 7.64983 9.79195 7.64983 9.79195C10.0978 7.97295 12.4098 8.02395 12.4098 8.02395L12.5798 8.22795C9.51983 9.09495 8.12583 10.438 8.12583 10.438C8.12583 10.438 8.49983 10.234 9.12883 9.96195C10.9478 9.16295 12.3928 8.95895 12.9878 8.89095C13.0898 8.87395 13.1748 8.85695 13.2768 8.85695C14.3138 8.72095 15.4868 8.68695 16.7108 8.82295C18.3258 9.00995 20.0598 9.48595 21.8278 10.438C21.8278 10.438 20.4848 9.16295 17.5948 8.29595L17.8328 8.02395C17.8328 8.02395 20.1618 7.97295 22.5928 9.79195C22.5928 9.79195 25.0408 14.195 25.0408 19.618C25.0408 19.601 23.6128  "></path></g></svg>
+            <div class="w3-third w3-center">
+                <figure><img srcset="./grass.png"></figure>
+            </div>
+        </div>
     </div>
+    <figure style="margin:0;">
+        <img width="100%" srcset="./mensa.png">
+    </figure>
+    <!-- Second Grid -->
+    <div class="w3-container w3-center w3-padding-64">
+        <div class="w3-content">
+            <div class="w3-third w3-center">
+                <svg width="50%" viewBox="0 0 34 34" class="logo-3LF899" color="#7289DA">
+                    <g fill="currentColor">
+                        <path
+                            d="M18.1558 14.297C17.1868 14.297 16.4218 15.13 16.4218 16.167C16.4218 17.204 17.2038 18.037 18.1558 18.037C19.1248 18.037 19.8898 17.204 19.8898 16.167C19.8898 15.13 19.1078 14.297 18.1558 14.297ZM11.9508 14.297C10.9818 14.297 10.2168 15.13 10.2168 16.167C10.2168 17.204 10.9988 18.037 11.9508 18.037C12.9198 18.037 13.6848 17.204 13.6848 16.167C13.7018 15.13 12.9198 14.297 11.9508 14.297Z">
+                        </path>
+                        <path
+                            d="M26.4178 0.152954H3.63783C1.71683 0.152954 0.152832 1.71695 0.152832 3.63795V26.418C0.152832 28.339 1.71683 29.903 3.63783 29.903H22.9158L22.0148 26.792L24.1908 28.798L26.2478 30.685L29.9198 33.864V3.63795C29.9028 1.71695 28.3388 0.152954 26.4178 0.152954ZM19.8558 22.168C19.8558 22.168 19.2438 21.437 18.7338 20.808C20.9608 20.179 21.8108 18.802 21.8108 18.802C21.1138 19.261 20.4508 19.584 19.8558 19.805C19.0058 20.162 18.1898 20.383 17.3908 20.536C15.7588 20.842 14.2628 20.757 12.9878 20.519C12.0188 20.332 11.1858 20.077 10.4888 19.788C10.0978 19.635 9.67283 19.448 9.24783 19.21C9.19683 19.176 9.14583 19.159 9.09483 19.125C9.06083 19.108 9.04383 19.091 9.02683 19.091C8.72083 18.921 8.55083 18.802 8.55083 18.802C8.55083 18.802 9.36683 20.145 11.5258 20.791C11.0158 21.437 10.3868 22.185 10.3868 22.185C6.62983 22.066 5.20183 19.618 5.20183 19.618C5.20183 14.195 7.64983 9.79195 7.64983 9.79195C10.0978 7.97295 12.4098 8.02395 12.4098 8.02395L12.5798 8.22795C9.51983 9.09495 8.12583 10.438 8.12583 10.438C8.12583 10.438 8.49983 10.234 9.12883 9.96195C10.9478 9.16295 12.3928 8.95895 12.9878 8.89095C13.0898 8.87395 13.1748 8.85695 13.2768 8.85695C14.3138 8.72095 15.4868 8.68695 16.7108 8.82295C18.3258 9.00995 20.0598 9.48595 21.8278 10.438C21.8278 10.438 20.4848 9.16295 17.5948 8.29595L17.8328 8.02395C17.8328 8.02395 20.1618 7.97295 22.5928 9.79195C22.5928 9.79195 25.0408 14.195 25.0408 19.618C25.0408 19.601 23.6128  ">
+                        </path>
+                    </g>
+                </svg>
+            </div>
 
-    <div class="w3-twothird">
-      <h1>Unser Discord-Server</h1>
-      <h5 class="w3-padding-32">
-          Verpasse keine neue Aktion auf dem Campus!
-      </h5>
+            <div class="w3-twothird">
+                <h1>Unser Discord-Server</h1>
+                <h5 class="w3-padding-32">
+                    Verpasse keine neue Aktion auf dem Campus!
+                </h5>
 
-      <p class="w3-text-grey">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">Für Fragen, Anregungen, gegenseitigen Austausch, Ankündigung von weiteren
+                    Aktionen, oder falls du Lust bekommen hast selbst mitzuhelfen.</p>
+            </div>
+        </div>
     </div>
-  </div>
-</div>
-<!-- Footer -->
-<footer class="w3-container w3-padding-64 w3-center w3-opacity">  
-    <p> <a href="TODO" target="_blank">Impressum</a></p>
- <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
-</footer>
+    <!-- Footer -->
+    <footer class="w3-container w3-padding-64 w3-center w3-opacity">
+        <p> <a href="./impressum.html" target="_blank">Impressum</a></p>
+        <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
+    </footer>
 
-<script>
-// Used to toggle the menu on small screens when clicking on the menu button
-function myFunction() {
-  var x = document.getElementById("navDemo");
-  if (x.className.indexOf("w3-show") == -1) {
-    x.className += " w3-show";
-  } else { 
-    x.className = x.className.replace(" w3-show", "");
-  }
-}
-</script>
+    <script>
+        // Used to toggle the menu on small screens when clicking on the menu button
+        function myFunction() {
+            var x = document.getElementById("navDemo");
+            if (x.className.indexOf("w3-show") == -1) {
+                x.className += " w3-show";
+            } else {
+                x.className = x.className.replace(" w3-show", "");
+            }
+        }
+    </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/mensa.png b/mensa.png
new file mode 100644
index 0000000..9b552be
--- /dev/null
+++ b/mensa.png
diff --git a/schloss.png b/schloss.png
new file mode 100644
index 0000000..19f7a5d
--- /dev/null
+++ b/schloss.png