Verbinden: Mockup

Signed-off-by: Chris Fiege <chris@tinyhost.de>

flamingo/content/verbinden.html

+template: page_html.html
+
+
+<div class="container" >
+    <div class="page-header" >
+        <h1>Hier gibt es freies WLAN!</h1>
+    </div>
+    <div class="alert alert-info" >
+    <p>An diesem Ort gibt es freies WLAN der Initiative
+        <strong>Freifunk Braunschweig</strong>.
+        Freifunk ist ein kostenloses, unzensiertes Netz von Bürgern
+        für Bürger. <br />
+        Gemeinsam mit unserer lockalen Community
+        unterstützen wir jeden beim Anbieten von Freiem WLAN - egal
+        ob zu Hause, an der Bushaltestelle oder im Gewerbe. <br />
+    </p>
+    </div>
+    <div class="row" >
+        <div class="col-xs-12 col-md-6" >
+            <div class="panel panel-default" >
+                <div class="panel-heading" >
+                    <h4>Jetzt surfen! <i class="fa fa-wifi" style="font-size: 150%;"></i></h4>
+                </div>
+                <div class="panel-body" >
+                    So kannst Du direkt lossurfen - und das ganz ohne AGBs oder Anmeldung:
+                    <ul>
+                        <li>Aktiviere das W-LAN an deinem Gerät</li>
+                        <li>Wähle das W-LAN <i>Freifunk</i> aus</li>
+                        <li>Surfe kostenlos, unzensiert und ohne Anmeldung!</li>
+                    </ul>
+                    Ausserdem gibt es in der Umgebung noch <span id="nodecount">?</span> weitere Zugänge. 
+                    <a href="https://freifunk-bs.de/map/#!v:m" >Hier geht es zur Karte</a>.
+                </div>
+            </div>
+        </div>
+        <div class="col-xs-12 col-md-6" >
+            <div class="panel panel-default" >
+                <div class="panel-heading" >
+                    <h4>Mitmachen <i class="fas fa-people-carry" style="font-size: 150%;"></i></h4>
+                </div>
+                <div class="panel-body" >
+                    Freifunk lebt von seiner Community.<br />
+                    Jeder kann mitmachen und den Freifunkgedanken weitertragen. <br />
+                    So kannst Du mitmachen:
+                    <ul>
+                        <li>Stelle seber einen <a href="/mitmachen/geraete.html">Router</a> auf</li>
+                        <li>Unterstütze uns mit einer <a href="/mitmachen/spenden.html" >Spende</a></li>
+                        <li>Wir <a href="/index.html" >Treffen</a> uns jeden Mittwoch - lerne die Menschen hinter Freifunk kennen</li>
+                        <li>Arbeite und entwickle an der <a href="/irc.html">Technik</a> mit</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>