Modify path to pictures; add page links

_includes/header.html

@@ -5,6 +5,7 @@
             <ul class="right hide-on-med-and-down">
                 <li class="navitem"><a href="{{ site.baseurl }}{% link der-verein.html %}">Der Verein</a></li>
                 <li class="navitem"><a href="{{ site.baseurl }}{% link mitmachen_unterstuetzen.html %}">Mitmachen / Unterst&uuml;tzen</a></li>
+                <li class="navitem"><a href="{{ site.baseurl }}{% link links.html %}">Links</a></li>
             </ul>
         </div>
     </nav>

_scss/_footer.scss

@@ -1,5 +1,5 @@
 footer {
-  background-color: $ff_color !important;
+  background-color: $ff_magenta !important;
   a {
     color: $light_grey;
   }

_scss/_header.scss

@@ -1,6 +1,6 @@
 header {
   nav {
-    background-color: $ff_color;
+    background-color: $ff_magenta;
     .nav-wrapper {
       padding: 0 25px;
       width: 100vw;

_scss/_main-section.scss

@@ -65,7 +65,7 @@ main {
         color: $black !important;
       }
       .card-action > a {
-        color: $ff_color !important;
+        color: $ff_magenta !important;
       }
     }
     #unterstuetzer {
@@ -73,5 +73,19 @@ main {
         height: 64px;
       }
     }
+    #links {
+      .card {
+        .card-content {
+          a {
+            color: $black !important;
+          }
+        }
+        .card-action {
+          a {
+            color: $ff_magenta !important;
+          }
+        }
+      }
+    }
   }
 }

_scss/_variables.scss

@@ -1,4 +1,5 @@
-$ff_color: #df316c;
+$ff_magenta: #df316c;
+$ff_yellow: #ffb400;
 $white: #fff;
 $black: #000;
 $light_grey: #f5f5f5;

der-verein.html

@@ -122,13 +122,16 @@ permalink: /der-verein/
         <h5 class="light-text">Vielen Dank!</h5>
         <p>Neben Privatpersonen unterst&uuml;tzen auch gewerbetreibende sowie andere Vereine uns, wir bedanken uns an alle, die uns helfen.</p>
         <div class="col s12 m6 l4 text-center">
-            <a href="https://tstgmbh.com" target="_blank"><img src="{{ '/assets/img/tst-logo.png' | relative_url}}" alt="Logo TST GmbH"></a>
+            <a href="https://tstgmbh.com" target="_blank"><img src="{{ '/assets/img/page_der-verein/tst-logo.png' | relative_url}}" alt="Logo TST GmbH"></a>
         </div>
         <div class="col s12 m6 l4 text-center">
-            <a href="http://trowista.de" target="_blank"><img src="{{ '/assets/img/trowista-logo.jpg' | relative_url}}" alt="Logo Trowista GmbH"></a>
+            <a href="http://trowista.de" target="_blank"><img src="{{ '/assets/img/page_der-verein/trowista-logo.jpg' | relative_url}}" alt="Logo Trowista GmbH"></a>
         </div>
         <div class="col s12 m6 l4 text-center">
-            <a href="http://troisdorf.de" target="_blank"><img src="{{ '/assets/img/stadttroisdorf-logo.gif' | relative_url}}" alt="Logo Stadt Troisdorf"></a>
+            <a href="http://troisdorf.de" target="_blank"><img src="{{ '/assets/img/page_der-verein/stadttroisdorf-logo.gif' | relative_url}}" alt="Logo Stadt Troisdorf"></a>
         </div>
     </section>
+    <!--<section class="row">-->
+        <!--<h4>F&ouml;rderprojekte</h4>-->
+    <!--</section>-->
 </div>

index.html

@@ -6,7 +6,7 @@ layout: page
         <div class="center">
             <h2>&Uuml;ber uns</h2>
         </div>
-        <img style="width: 100%"  src="{{ '/assets/img/mainpage-gruppenbild.png' | relative_url }}" alt="">
+        <img style="width: 100%"  src="{{ '/assets/img/page_main/gruppenbild.png' | relative_url }}" alt="">
         <p>
             Wir als Freifunk-Rhein-Sieg e.V. betreiben und unterhalten die Infrastrukturen für den Betrieb offener Netzwerke in unseren Communities.
             <br>

links.html

@@ -0,0 +1,39 @@
+---
+layout: page
+permalink: '/links/'
+---
+<div class="container" id="section-wrapper">
+    <section class="row" id="links">
+        <div class="center">
+            <h2 class="thin-text">Links</h2>
+        </div>
+        <div class="col s12 m6">
+            <div class="card">
+                <div class="card-image">
+                    <img src="{{ '/assets/img/page_links/link_to_firmware-downloader.png' | relative_url }}">
+                </div>
+                <div class="card-content">
+                    <span class="card-title"><a target="_blank" href="https://downloader.freifunk-rhein-sieg.net">Firmware Downloader</a></span>
+                    <p>Das ist der zentrale Anlaufpunkte f&uuml;r das Downloaden der Firmware von den Communities in der Region.</p>
+                </div>
+                <div class="card-action">
+                    <a target="_blank" href="https://downloader.freifunk-rhein-sieg.net">Zum Firmware-Downloader</a>
+                </div>
+            </div>
+        </div>
+        <div class="col s12 m6">
+            <div class="card">
+                <div class="card-image">
+                    <img src="{{ '/assets/img/page_links/link_to_firmware-downloader.png' | relative_url }}">
+                </div>
+                <div class="card-content">
+                    <span class="card-title"><a target="_blank" href="#">Karte</a></span>
+                    <p>Das ist die zentrale Karte, wo die Freifunk-Knoten der Communities angezeigt werden.</p>
+                </div>
+                <div class="card-action">
+                    <a target="_blank" href="#">Zur Karte</a>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>