From 567a3eea39f4c1176f17c8532f0c63bba7ed73c5 Mon Sep 17 00:00:00 2001
From: Chris Fiege <chris@tinyhost.de>
Date: Fri, 26 Apr 2019 22:32:03 +0200
Subject: [PATCH] Add more pages

Signed-off-by: Chris Fiege <chris@tinyhost.de>
---
 flamingo/content/eintragen.html | 56 +++++++++++++++++++++++++++
 flamingo/content/irc.html       | 12 ++++++
 flamingo/content/kontakt.html   | 68 +++++++++++++++++++++++++++++++++
 flamingo/content/plot.html      | 63 ++++++++++++++++++++++++++++++
 4 files changed, 199 insertions(+)
 create mode 100644 flamingo/content/eintragen.html
 create mode 100644 flamingo/content/irc.html
 create mode 100644 flamingo/content/kontakt.html
 create mode 100644 flamingo/content/plot.html

diff --git a/flamingo/content/eintragen.html b/flamingo/content/eintragen.html
new file mode 100644
index 0000000..7a1c590
--- /dev/null
+++ b/flamingo/content/eintragen.html
@@ -0,0 +1,56 @@
+template: page_html.html
+
+
+
+<div class="container">
+  <div class="page-header">
+		<h1>Router eintragen</h1>
+  </div>
+	<div class="row">
+		<div class="col-lg-6">
+			<div id="alert" class="alert" style="display:none"></div>
+			<form class="form" id="keyform" method="POST" action="/newkey">
+        <p>Du bist der <a href="https://wiki.freifunk-bs.de/index.php?title=Einrichtung">Anleitung</a> gefolgt und
+        hast einen Schlüssel von deinem Router bekommen? Dann trage hier deinen Schlüssel ein:</p>
+				<fieldset>
+					<textarea id="key" name="key" cols="50" rows="2" class="span6"></textarea><br><br>
+				</fieldset>
+        <p>Hier hast du die Möglichkeit einen Kontaktweg zu Dir einzutragen. Diese Information werden wir nicht
+        weitergeben, sondern nur auf unseren Servern speichern. Wir werden die Information nur im Falle technischer
+        Probleme mit deinem Router verwenden um Dich zu kontaktieren. Um diese Information löschen zu lassen
+        <a href="/kontakt.html">kontaktiere uns.</a></p>
+				<fieldset>
+          <input type="text" name="contact" id="contact" size="50">
+				</fieldset>
+				<fieldset>
+					<input type="submit" value="Absenden" class="btn btn-primary pull-right">
+				</fieldset>
+			</form>
+		</div>
+		<div class="col-lg-6">
+			<p>Die Schlüsselinformationen sollten so eingetragen werden:</p>
+			<!-- totally a random key... -->
+			<pre># Beispiel <br>70e9157d98c9780c27ea17e95e27885997cf321225050f397f0fa82ac1733639</pre>
+		</div>
+	</div>
+</div>
+<script type="text/javascript">
+$(function () {
+	$('#keyform').submit(function () {
+		$.post('/newkey', {'key':$('#key').val(),'contact':$('#contact').val()}, function (ans) {
+			$('#alert').hide(500, function() {
+				if (ans.success) {
+					$('#alert').removeClass('alert-danger').addClass('alert-success').text(ans.message)
+				} else {
+					$('#alert').removeClass('alert-success').addClass('alert-danger').text(ans.message)
+				}
+				$('#alert').show(500)
+			});
+		}, 'json')
+	return false
+	});
+	if (document.location.hash !== '') {
+		$('#key').val(decodeURIComponent(document.location.hash));
+	}
+});
+</script>
diff --git a/flamingo/content/irc.html b/flamingo/content/irc.html
new file mode 100644
index 0000000..fc90a40
--- /dev/null
+++ b/flamingo/content/irc.html
@@ -0,0 +1,12 @@
+template: page_html.html
+
+
+<div class="container" >
+<h2>Webchat</h2>
+</div>
+<div class="container" >
+    <b>IRC:</b> <a href="irc://chat.freenode.net/freifunk-bs">#freifunk-bs@freenode.net</a><br>
+</div>
+<div class="container">
+	  <iframe src="https://webchat.freenode.net/?channels=freifunk-bs" width="100%" height="600px" border="0"></iframe>
+</div>
diff --git a/flamingo/content/kontakt.html b/flamingo/content/kontakt.html
new file mode 100644
index 0000000..6700568
--- /dev/null
+++ b/flamingo/content/kontakt.html
@@ -0,0 +1,68 @@
+template: page_html.html
+
+
+<div class="container">
+  <div class="page-header">
+    <h1>Kontakt</h1>
+  </div>
+  <div class="row" id="kontakt">
+    <div class="col-md-6">
+			<div class="panel panel-default">
+				<form class="form-horizontal" method="POST" action="/contact">
+					<fieldset>
+						<legend class="text-center header">Kontaktiere uns</legend>
+						<div class="form-group">
+							<div class="col-md-10 col-md-offset-1">
+								<b>E-Mail:</b> kontakt (at) freifunk-bs . de <br>
+								<b>Twitter:</b> <a href="https://twitter.com/freifunk_bs">@freifunk_bs</a><br>
+								<b>IRC:</b> <a href="irc://chat.freenode.net/freifunk-bs">#freifunk-bs@freenode.net</a> (<a href="/irc.html">Webchat</a>)<br>
+								<b>Mailingliste:</b> <a href="http://lists.freifunk.net/mailman/listinfo/braunschweig-freifunk.net">Eintragen</a><br>
+							</div>
+						</div>
+						<h4 class="text-center">Formular</h4>
+						<div class="form-group">
+							<div class="col-md-10 col-md-offset-1">
+								Email Adresse:
+								<input name="email" type="text" placeholder="Email Adresse" class="form-control">
+							</div>
+						</div>
+						<div class="form-group">
+							<div class="col-md-10 col-md-offset-1">
+								Nachricht:
+								<textarea class="form-control" name="message" placeholder="Deine Nachricht" rows="7"></textarea>
+							</div>
+						</div>
+						<div class="form-group">
+							<div class="col-md-10 col-md-offset-1">
+								Spamschutz: <br>
+								Der wievielte Tag des Monats ist heute? (Beispiele: '1', '23')
+								<input name="captcha" type="text" placeholder="00" class="form-control">
+							</div>
+						</div>
+						<div class="form-group">
+							<div class="col-md-12 text-center">
+								<button type="submit" class="btn btn-primary btn-lg">Nachricht Abschicken</button>
+							</div>
+						</div>
+					</fieldset>
+				</form>
+      </div>
+    </div>
+    <div class="col-md-6">
+        <div class="panel panel-default">
+					<legend class="text-center header">Unser Büro</legend>
+          <div class="panel-body text-center" style="padding-top: 0px">
+            <h4>Adresse</h4>
+
+            Stratum 0 e.V. <br>
+            Freifunk Braunschweig<br>
+            Hamburger Straße 273A<br>
+            38114 Braunschweig<br>
+
+            <hr>
+            <iframe class="text-center" width="100%" scrolling="no" height="300" frameborder="0" src="//www.openstreetmap.org/export/embed.html?bbox=10.518212914466858%2C52.27685277747112%2C10.524006485939026%2C52.27966553459799&amp;marker=52.278259178349444%2C10.521109700202942" marginwidth="0" marginheight="0"></iframe>
+          </div>
+        </div>
+    </div>
+  </div>
+</div>
diff --git a/flamingo/content/plot.html b/flamingo/content/plot.html
new file mode 100644
index 0000000..0ddd462
--- /dev/null
+++ b/flamingo/content/plot.html
@@ -0,0 +1,63 @@
+template: page_html.html
+
+
+<div class="container">
+  <script type="text/javascript" src="/js/dygraph-combined.js"></script>
+  <div class="col-md-8">
+    <div class="row">
+			<div class="page-header">
+				<h1>Zeitlicher Verlauf</h1>
+			</div>
+      <p>
+      Auf dieser Unterseite wird die zeitliche Entwicklung des Freifunk Braunschweig aufgezeigt. Es stehen die folgenden Darstellungen zur Verf&uuml;gung:
+      <ul>
+        <li>Verbundene Clients der letzten zehn Tage<br>
+        Diese Darstellung zeigt die gesch&auml;tzte Anzahl, der mit dem Freifunk Braunschweig verbundenen Clients. Die reale Zahl an Clients wird wahrscheinlich leicht dar&uuml;ber liegen. </li>
+        <li>Aktive Router der letzten zehn Tage<br>
+        Diese Darstellung zeigt die Anazahl der zu einem Zeitpunkt - direkt oder &uuml;ber das Mesh - mit dem Freifunk-Netz verbundenen Router. Dar&uuml;ber hinaus wird die Zahl der Router mit aktivem Auto-Update ausgegeben.</li>
+      </ul>
+      </p>
+      <h2>Clients der letzten zehn Tage</h2>
+      <p>
+      <div id="clientsplot" style="width:95%; height400px"></div>
+      <script type="text/javascript">
+g2 = new Dygraph(
+    document.getElementById("clientsplot"),
+    "/clients.csv", // path to CSV file
+    {
+xValueFormatter: Dygraph.dateString_,
+xTicker: Dygraph.dateTicker,
+digitsAfterDecimal: 1,
+labelsKMB: true,
+title: 'Gesch&auml;tzte Clients',
+xlabel: 'Zeitpunkt [UTC]',
+ylabel: 'Clients' 
+}          // options
+);
+      </script>
+      </p>
+      <h2>Router der letzten zehn Tage</h2>
+      <p>
+      <div id="routerplot" style="width:95%; height400px"></div>
+      <script type="text/javascript">
+g2 = new Dygraph(
+    document.getElementById("routerplot"),
+    "/router.csv", // path to CSV file
+    {
+xValueFormatter: Dygraph.dateString_,
+xTicker: Dygraph.dateTicker,
+digitsAfterDecimal: 1,
+labelsKMB: true,
+title: 'Verbundene Router',
+xlabel: 'Zeitpunkt [UTC]',
+ylabel: 'Router',
+connectSeparatedPoints: true,
+legend: "mouseover",
+labelsSeparateLines: true 
+}          // options
+);
+      </script>
+      </p>  
+    </div>
+  </div>
+</div>
-- 
GitLab