Add impressum to the footer

1 files changed, 43 insertions, 33 deletions

diff --git a/index.html b/index.html
index 8f1a411..8be56b8 100644
--- a/index.html
+++ b/index.html
@@ -234,42 +234,52 @@
       <div class="push"></div>
     </div>
     <div id="footer" class="footer">
-      <div class="credits">
-        <div class="creditline">
-          <div class="credit partner"><a href="https://ccc.de/">Chaos Computer Club</a></div>
-          <a href="https://www.ccc.de/"><div class="credit ccc"><img src="img/ccc.svg" height="50px" alt="Logo des Chaos Computer Clubs"/></div></a>
-          <div class="credit imprint" onclick="show_impressum()">Impressum + Datenschutz</div>
-        </div>
-        <div class="creditline small">
-          <div class="credit empty"></div>
-          <div class="credit noimg empty"></div>
-          <div class="credit implementor"><a href="http://elektrowecker.de/">Pepo</a> – UX</div>
-        </div>
-        <div class="creditline">
-          <div class="credit partner"><a href="https://freifunk.net/">Förderverein Freie Netzwerke</a></div>
-          <a href="https://freifunk.net/"><div class="credit freifunk"><img src="img/freifunk.svg" height="50px" alt="Logo des Freifunk e. V.s"/></div></a>
-          <div class="credit implementor"><a href="http://www.schlicht-und-ergreifend.de">Malik Aziz</a> – Design</div>
-        </div>
-        <div class="creditline small">
-          <div class="credit empty"></div>
-          <div class="credit noimg empty"></div>
-          <div class="credit implementor"><a href="https://erdgeist.org/">erdgeist</a> – Konzept &amp; Umsetzung</div>
+      <div class="scrollcontainer">
+        <div class="credits">
+          <div class="creditline">
+            <div class="credit partner"><a href="https://ccc.de/">Chaos Computer Club</a></div>
+            <a href="https://www.ccc.de/"><div class="credit ccc"><img src="img/ccc.svg" height="50px" alt="Logo des Chaos Computer Clubs"/></div></a>
+            <div class="credit imprint" onclick="show_impressum()"><span>Impressum + Datenschutz<span></div>
+          </div>
+          <div class="creditline small">
+            <div class="credit empty"></div>
+            <div class="credit noimg empty"></div>
+            <div class="credit implementor"><a href="http://elektrowecker.de/">Pepo</a> – UX</div>
+          </div>
+          <div class="creditline">
+            <div class="credit partner"><a href="https://freifunk.net/">Förderverein Freie Netzwerke</a></div>
+            <a href="https://freifunk.net/"><div class="credit freifunk"><img src="img/freifunk.svg" height="50px" alt="Logo des Freifunk e. V.s"/></div></a>
+            <div class="credit implementor"><a href="http://www.schlicht-und-ergreifend.de">Malik Aziz</a> – Design</div>
+          </div>
+          <div class="creditline small">
+            <div class="credit empty"></div>
+            <div class="credit noimg empty"></div>
+            <div class="credit implementor"><a href="https://erdgeist.org/">erdgeist</a> – Konzept &amp; Umsetzung</div>
+          </div>
+          <div class="creditline">
+            <div class="credit partner"><a href="https://freiheitsrechte.org/">Gesellschaft für Freiheitsrechte</a></div>
+            <a href="https://freiheitsrechte.org/"><div class="credit gff"><img src="img/gff.svg" height=50px" alt="Logo des Gesellschaft für Freiheitsrechte e. V."/></div></a>
+            <div class="credit implementor"><a href="https://kanzlei-hubrig.de/">Beata Hubrig</a> – Rechtliches</div>
+          </div>
         </div>
-        <div class="creditline">
-          <div class="credit partner"><a href="https://freiheitsrechte.org/">Gesellschaft für Freiheitsrechte</a></div>
-          <a href="https://freiheitsrechte.org/"><div class="credit gff"><img src="img/gff.svg" height=50px" alt="Logo des Gesellschaft für Freiheitsrechte e. V."/></div></a>
-          <div class="credit implementor"><a href="https://kanzlei-hubrig.de/">Beata Hubrig</a> – Rechtliches</div>
+        <div class="impressum">
+          <p>Der Abmahnbeantworter ist ein Projekt des Chaos Computer Club e. V.,</p>
+          <p>des Fördervereins Freie Netzwerke e. V. und der Gesellschaft für Freiheitsrechte e. V.</p>
+          <div class="back circle_num" onclick="hide_impressum()">⇦</div>
+          <div class="visdp">
+            <p><strong>V.i.S.d.P.</strong>
+            <p>Dirk Engling</p>
+            <p>c/o Chaos Computer Club</p>
+            <p>Zeiseweg 9</p>
+            <p>22765 Hamburg</p>
+            <p><a href="mailto:erdgeist@ccc.de">E-Mail: erdgeist@ccc.de</a></p>
+          </div>
+          <div class="datenschutz">
+            <p><strong>Datenschutzerklärung</strong></p>
+            <p>Eine Erhebung von personenbezogenen Daten der Nutzer dieser Website findet nicht statt. Auch der Webserver speichert keine IP-Adressen der Nutzer.</p>
+          </div>
         </div>
       </div>
-      <div class="impressum">
-        <p>Ein Projekt des Chaos Computer Club e. V.,</p>
-        <p>des Fördervereins Freie Netzwerke e. V. und der Gesellschaft für Freiheitsrechte e. V.</p>
-        <p>V.i.S.d.P: Dirk Engling</p>
-        <p>c/o Chaos Computer Club</p>
-        <p>Zeiseweg 9</p>
-        <p>22765 Hamburg</p>
-        <p><a href="mailto:erdgeist@ccc.de">E-Mail: erdgeist@ccc.de</a></p>
-      </div>
     </div>
   </body>
 </html>