refresh Design

Author: herbetom

config.toml

@@ -39,8 +39,8 @@ unsafe= true
 
 [[menu.main]]
   name = "News"
-  url = "https://blog.ffrn.de/"
-  # url = "/news/"
+  # url = "https://blog.ffrn.de/"
+  url = "/news/"
   weight = 4
 
 [[menu.main]]
@@ -61,11 +61,16 @@ unsafe= true
 
 [[menu.main]]
   name = "Karte"
-  url = "https://map.ffrn.de/"
-  # url = "/karte/"
+  # url = "https://map.ffrn.de/"
+  url = "/karte/"
   weight = 8
 
 [[menu.main]]
   name = "Kontakt"
   url = "/kontakt/"
   weight = 9
+
+[[menu.main]]
+  name = "Impressum"
+  url = "/impressum/"
+  weight = 99

content/karte.md

@@ -1,5 +1,6 @@
 +++
 title = "Karte"
+type = "full"
 +++
 
-<iframe id="meshviewer" name="meshviewer" allowfullscreen="" allowtransparency="true" title="Meshviewer" seamless="" src="https://map.ffrn.de" width="100%" style="display:block; height: calc(100vh - 3.25em);width: 100%;"></iframe>
+<iframe id="meshviewer" name="meshviewer" allowfullscreen="" allowtransparency="true" title="Meshviewer" seamless="" src="https://map.ffrn.de" width="100%" style="display:block; height: calc(100vh - 3.25em);width: 100%; position:absolute;"></iframe>

content/kontakt.md

@@ -6,40 +6,40 @@ Kommunikation ist unser größtes Anliegen also scheue dich nicht, auch wegen kl
 Du kannst uns dabei über verschiedene Wege erreichen:
 
 ### Kontakt zur Community
-
-<div class="col-sm-6 mailform">
+<div class="row">
+<div class="col">
     <h4><i class="fab fa-discourse"></i> Forum</h4>
-    <p>Unser Hauptkommunikationskanal ist das <a href="https://forum.ffrn.de">Forum</a>. Egal welche Frage du rund um Freifunk, die Hardware, unsere Infrastruktur, die Treffen, Dienste etc. stellen willst,
-        das Forum ist der Richtige Anlaufpunkt. Hier triffst du auf einen großteil der Community, welche dir gerne zur Seite steht!
+    <p>Unser Hauptkommunikationskanal ist das <a href="https://forum.ffrn.de">Forum</a>. Egal welche Frage du rund um Freifunk, die Hardware, unsere Infrastruktur, die Treffen, Dienste etc. stellen willst, das Forum ist der Richtige Anlaufpunkt. Hier triffst du auf einen großteil der Community, welche dir gerne zur Seite steht!
     </p>
 </div>
 
-<div class="col-sm-6">
-    <br>
+<div class="col">
     <h4><i class="fa fa-comments"></i> Chat</h4>
-    <p>Wir verwenden als Chatlösung für den schnellen Kontakt Matrix. Du findest uns beispielsweise im Raum <a href="https://matrix.to/#/#ffrn:ffrn.de">#ffrn:ffrn.de</a>. Weitere Infos dazu bekommst du <a href="https://blog.ffrn.de/ffrn-matrix-raum/">hier</a>.</p><br>
+    <p>Wir verwenden als Chatlösung für den schnellen Kontakt Matrix. Du findest uns beispielsweise im Raum <a href="https://matrix.to/#/#ffrn:ffrn.de">#ffrn:ffrn.de</a>. Weitere Infos dazu bekommst du <a href="https://blog.ffrn.de/ffrn-matrix-raum/">hier</a>.</p>
+</div>
 </div>
-
 &nbsp;
 
 ### Social Media
 
-<div class="col-sm-6 mailform">
+<div class="row">
+<div class="col">
     <h4><i class="fab fa-twitter"></i> Twitter</h4>
-    <p>Auf Twitter sind wir über den Account <a target="_blank" href="https://twitter.com/FFRheinNeckar">@FFRheinNeckar</a> unterwegs.</p><br>
-    <br>
+    <p>Auf Twitter sind wir über den Account <a target="_blank" href="https://twitter.com/FFRheinNeckar">@FFRheinNeckar</a> unterwegs.</p>
 </div>
-<div class="col-sm-6">
+<div class="col">
     <h4><i class="fab fa-mastodon"></i> Mastodon</h4>
-    <p>Unser gemeinsamer Mastodon Account ist <a target="_blank" href="https://chaos.social/@ffrn">@ffrn@chaos.social</a>.</p><br>
+    <p>Unser gemeinsamer Mastodon Account ist <a target="_blank" href="https://chaos.social/@ffrn">@ffrn@chaos.social</a>.</p>
 </div>
 
 &nbsp;
 
 ### Kontakt zum Verein
 
-<div class="mailform">
+<div class="row">
+<div class="col">
     <h4><i class="fa fa-question-circle"></i> Anfrage</h4>
     <p>Du hast eine Frage zum Verein Freifunk Rhein-Neckar e.V. oder möchtest dich direkt an einen Ansprechpartner des Vereins wenden? 
     <br>Dann schreib uns einfach eine Mail an <a href="mailto:info@freifunk-rhein-neckar.de">info@freifunk-rhein-neckar.de</a></p>
 </div>
+</div>

layouts/shortcodes/betterplace.html

@@ -1,3 +1,4 @@
+<div class="mx-auto" style="max-width: 600px; min-height: 1200px;">
 <section class="hidden-xs">
     <script type="text/javascript">
     /* Configure at https://www.betterplace.org/de/projects/20723-freifunk-rhein-neckar-freies-wlan-im-rhein-neckar-gebiet/manage/iframe_donation_form */
@@ -20,3 +21,4 @@
         <strong><a href="https://www.betterplace.org/de/projects/20723-freifunk-rhein-neckar-freies-wlan-im-rhein-neckar-gebiet/donations/new">Jetzt Spenden für „Freifunk Rhein-Neckar - Freies WLAN im Rhein-Neckar-Gebiet“ bei unserem Partner betterplace.org</a></strong>
     </div>
 </section>
+</div>