collapse links

ansible/index.html.j2

@@ -40,9 +40,13 @@
         </form>
       <br/>
       <h4><strong><a href="map/">Gesamtkarte des Freifunk Münsterlands</a></strong></h4>
-      <p><a href="https://freifunk-muensterland.de">{{freifunk.name}}</a></p>
-      <p><a href="https://wiki.freifunk-muensterland.de/">{{freifunk.name}} Wiki</a></p>
-      <p><a href="https://forum.freifunk-muensterland.de/">{{freifunk.name}} Forum</a></p>
+      <p><a class="btn-ffms-collapse visible-xs" data-toggle="collapse" data-target="#narrow-results">&#187; Mehr Freifunk Links</a></p>
+      <div id="narrow-results" class="narrow-results collapse">
+      <p><a href="https://freifunk-muensterland.de">Freifunk Münsterland</a></p>
+      <p><a href="https://wiki.freifunk-muensterland.de/">Freifunk Münsterland - Wiki</a></p>
+      <p><a href="https://forum.freifunk-muensterland.de/">Freifunk Münsterland - Forum</a></p>
+      <p><a href="https://firmware.freifunk-muensterland.de/md-fw-dl/">Freifunk Münsterland - Firmware Assistent</a></p>
+      </div>
     </div>
     <!-- Spalte mit Domänen -->
     <div class="col-md-4 col-sm-4 col-xs-6">

css/ffms.css

@@ -1,10 +1,10 @@
 @media screen and (max-width: 767px) {
-    #ffms-logo {
-		width: 110px;
-    }
-    .ffms-align-center{
-        text-align:center;
-    }
+    #ffms-logo {width: 110px}
+    .ffms-align-center{text-align:center}
+    .narrow-results{display:none}
+}
+@media screen and (min-width:768px){
+	.narrow-results{display:block}
 }
 a:link, a:visited, a:hover, a:active{
     color:#dc0067;
@@ -48,3 +48,12 @@ a.ffms-muted:hover {
     border:0px solid #ffd97f;
     box-shadow: 0px 0px 10px #ffb400;    
 }
+.btn-ffms-collapse, .btn-ffms-collapse:active, .btn-ffms-collapse:target{
+    color:#898285;
+    background-color:#FFFFFF;
+}
+.btn-ffms-collapse:hover{
+    color:#898285;
+    cursor: pointer;
+    background-color:#ffffff;
+}