From e466ace86017fede466ed2abb2a2dd1a960589ba Mon Sep 17 00:00:00 2001
From: Chris Fiege <chris@tinyhost.de>
Date: Tue, 5 Jun 2018 19:29:15 +0200
Subject: [PATCH] Add Event WiFi Subpage

Signed-off-by: Chris Fiege <chris@tinyhost.de>
---
 event.template  | 289 ++++++++++++++++++++++++++++++++++++++++++++++++
 includes/footer |  10 +-
 includes/nav    |   3 +
 3 files changed, 297 insertions(+), 5 deletions(-)
 create mode 100644 event.template

diff --git a/event.template b/event.template
new file mode 100644
index 0000000..799ff64
--- /dev/null
+++ b/event.template
@@ -0,0 +1,289 @@
+<!DOCTYPE html>
+<html lang="de">
+{{head}}
+<body>
+{{nav}}
+<!-- Navigation -->
+<div class="container">
+  <div class="page-header">
+    <h1>Event WLAN
+      <small>Freifunk für Veranstaltungen</small>
+    </h1>
+  </div>
+<div class="container">
+  <div class="row">
+    <div class="col-lg-12 col-sm-12">
+      <div class="panel panel-default">
+        <div class="panel-heading">Was ist das Event WLAN?</div>
+        <div class="panel-body">
+        Das Event WLAN ist eine Zusammenstellung von Accesspoints, Kabeln und
+        einem Server. Damit sind wir in der Lage Veranstaltungen mit über
+        100 Geräten mit kabellosem Internetzugang zu versorgen.<br>
+        Das Event WLAN wurde mit <a href="https://stratum0.org/blog/posts/2018/06/01/freifunk-event-wlan/">
+        findanzieller Hilfe</a> der Stadt Braunschweig angeschafft. Wir können
+        es daher kulturell ausgerichteten Veranstaltungen in der Region
+        Braunschweig unentgeldlich zur Verfügung stellen.
+        Dieses Angebot zielt auf Veranstaltungen zwischen einem und zehn Tagen
+        dauer.<br>
+        Die folgende Liste gibt einen Überblick über die vorhandenen Geräte:
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="container">
+  <div class="row pricing-table">
+    <div class="col-xs-12 col-md-4">
+      <div class="panel panel-success">
+        <div class="panel-heading">
+          <h3 class="panel-title">
+          Outdoor Accesoints
+          </h3>
+        </div>
+        <div class="panel-body">
+          <div class="the-price">
+            <h1>
+            Unifi UAP AC-M-Pro
+            </h1>
+            <small><em>Für viele Clients</em></small>
+          </div>
+          <table class="table">
+            <tr class="active">
+              <td>
+              Anzahl: 5 Geräte
+              </td>
+            </tr>
+            <tr>
+              <td>
+              Für je bis zu 100 Clientes
+              </td>
+            </tr>
+          </table>
+        </div>
+        <div class="panel-footer">
+             Zum Versorgen vieler Clients auf engem Raum oder zum
+             Anbinen einer größeren Fläche in Kombination mit Unifi UAP AC-M.
+        </div>
+      </div>
+    </div>
+
+    <div class="col-xs-12 col-md-4">
+      <div class="panel panel-success">
+        <div class="panel-heading">
+          <h3 class="panel-title">
+          Outdoor Mesh
+          </h3>
+        </div>
+        <div class="panel-body">
+          <div class="the-price">
+            <h1>
+            Unifi UAP AC-M
+            </h1>
+            <small><em>Für große Flächen</em></small>
+          </div>
+          <table class="table">
+            <tr class="active">
+              <td>
+              Anzahl: 7 Geräte
+              </td>
+            </tr>
+            <tr>
+              <td>
+              Für je bis zu 50 Clients im Mesh bei Anwendungen mit wenig
+              Bandbreite.
+              </td>
+            </tr>
+          </table>
+        </div>
+        <div class="panel-footer">
+             Zum Vergrößern der Reichweite in Kombination mit einem Unifi UAP
+             AC-M-Pro.
+        </div>
+      </div>
+    </div>
+
+    <div class="col-xs-12 col-md-4">
+      <div class="panel panel-success">
+        <div class="panel-heading">
+          <h3 class="panel-title">
+          Indoor Accesspoints
+          </h3>
+        </div>
+        <div class="panel-body">
+          <div class="the-price">
+            <h1>
+            Unifi UAP AC-Pro
+            </h1>
+            <small><em>Versorgung im Innenbereich</em></small>
+          </div>
+          <table class="table">
+            <tr class="active">
+              <td>
+              Anzahl: 8 Geräte
+              </td>
+            </tr>
+            <tr>
+              <td>
+                Für je bis zu 100 Clients
+              </td>
+            </tr>
+          </table>
+        </div>
+        <div class="panel-footer">
+             Versorgung im Innenbereich, z.B. in Vortragsräumen.
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container">
+  <div class="row pricing-table">
+
+    <div class="col-xs-12 col-md-4">
+      <div class="panel panel-info">
+        <div class="panel-heading">
+          <h3 class="panel-title">
+          Infrastruktur
+          </h3>
+        </div>
+        <div class="panel-body">
+          <div class="the-price">
+            <h1>
+            PC Engines - APU2C4
+            </h1>
+            <small><em>Lüfterloser Kleinstserver</em></small>
+          </div>
+          <table class="table">
+            <tr class="active">
+              <td>
+              Tragbarer Controller für bestes WLAN
+              </td>
+            </tr>
+            <tr>
+              <td>
+              Management mit Browser oder Smartphone
+              </td>
+            </tr>
+            <tr class="active">
+              <td>
+              Öffentliche Statistiken
+              </td>
+            </tr>
+          </table>
+        </div>
+        <div class="panel-footer">
+        Der Server bildet vor Ort die Zentrale für das Netzwerk.
+        </div>
+      </div>
+    </div>
+
+    <div class="col-xs-12 col-md-4">
+      <div class="panel panel-info">
+        <div class="panel-heading">
+          <h3 class="panel-title">
+          Infrastruktur
+          </h3>
+        </div>
+        <div class="panel-body">
+          <div class="the-price">
+            <h1>
+            Netzwerk-Switche
+            </h1>
+            <small><em>Lüfterlos, Managed, PoE-fähig</em></small>
+          </div>
+          <table class="table">
+            <tr class="active">
+              <td>
+              Anzahl: 3 Switche
+              </td>
+            </tr>
+            <tr>
+              <td>
+                Je 6 Ports für Accesspoints, 1 Port für Clients, 1 Port zum
+                Anschließen eines Uplinks, 2 Glasfaserports für größere Strecken.
+              </td>
+            </tr>
+            <tr class="active">
+              <td>
+              Ãœber 100 m Netzwerkkabel
+              </td>
+            </tr>
+          </table>
+        </div>
+        <div class="panel-footer">
+        Diese Technik verteilt dein Netzwerk bis zu den Accesspoints.
+        </div>
+      </div>
+    </div>
+
+    <div class="col-xs-12 col-md-4">
+      <div class="panel panel-info">
+        <div class="panel-heading">
+          <h3 class="panel-title">
+          Infrastruktur
+          </h3>
+        </div>
+        <div class="panel-body">
+          <div class="the-price">
+            <h1>
+            LTE-Modem 
+            </h1>
+            <small><em>Uplink für Orte ohne DSL</em></small>
+          </div>
+          <table class="table">
+            <tr class="active">
+              <td>
+              PoE-fähiges LTE-Modem nach aktuellem Standard
+              </td>
+            </tr>
+            <tr>
+              <td>
+              Eine SIM-Karte liegt leider nicht bei.
+              </td>
+            </tr>
+            <tr class="active">
+              <td>
+              Uplink über einen vorhandenen DSL-Anschluss oder besseres
+              ist zu bevorzugen.
+              </td>
+            </tr>
+          </table>
+        </div>
+        <div class="panel-footer">
+        Für Internet im Park oder bei mobilen Veranstaltungen.
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>
+</div>
+<div class="container">
+  <div class="row">
+    <div class="col-lg-12">
+      <div class="well text-center">
+        <b>Falls du Freifunk auf deiner Veranstaltung nutzen möchtest kannst
+        du uns über <a href="/kontakt.html">Kontakt</a> kontaktieren. Wir
+        setzen uns dann mit dir in Verbindungen und klären alles weitere.</b>
+      </div>
+    </div>
+    <!-- /.col-lg-12 -->
+  </div>
+  <hr>
+</div>
+      <div class="col-xs-12 col-md-4">
+      </div>
+    </div>
+  </div>
+</div>
+{{footer}}
+</body>
+
+
+<!--
+- bedingungen: ausgerichtet auf kulturell,
+               in der Region Braunschweig,
+               Veranstaltungen bis zu 1 Woche,
+- fotos:
+-->
\ No newline at end of file
diff --git a/includes/footer b/includes/footer
index 652c791..839c089 100644
--- a/includes/footer
+++ b/includes/footer
@@ -11,19 +11,19 @@
         </div>
         <div class="col-md-3">
           <ul class="nav nav-pills nav-stacked">
-            <li><a href="/irc.html">IRC</a></li>
-            <li><a href="https://twitter.com/freifunk_bs">Twitter</a></li>
+            <li><a href="https://wiki.freifunk-bs.de/">Wiki</a></li>
+            <li><a href="http://lists.freifunk.net/mailman/listinfo/braunschweig-freifunk.net">Mailinglist</a></li>
           </ul>
         </div>
         <div class="col-md-3">
           <ul class="nav nav-pills nav-stacked">
-            <li><a href="https://wiki.freifunk-bs.de/">Wiki</a></li>
-            <li><a href="/plot.html">Statistik</a></li>
+            <li><a href="/irc.html">IRC</a></li>
+            <li><a href="https://twitter.com/freifunk_bs">Twitter</a></li>
           </ul>
         </div>
         <div class="col-md-3">
           <ul class="nav nav-pills nav-stacked">
-            <li><a href="/faq.html">FAQ</a></li>
+            <li><a href="/event.html">Event WLAN</a></li>
             <li><a href="/impressum.html">Impressum</a></li>
           </ul>
         </div>
diff --git a/includes/nav b/includes/nav
index 7f402f9..994816c 100644
--- a/includes/nav
+++ b/includes/nav
@@ -17,6 +17,9 @@
         <a href="/">Hauptseite</a>
         </li>
         <li>
+        <a href="/event.html">Event WLAN</a>
+        </li>
+        <li>
         <a href="//wiki.freifunk-bs.de/">Wiki</a>
         </li>
         <li>
-- 
GitLab