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&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ügung:
+ <ul>
+ <li>Verbundene Clients der letzten zehn Tage<br>
+ Diese Darstellung zeigt die geschätzte Anzahl, der mit dem Freifunk Braunschweig verbundenen Clients. Die reale Zahl an Clients wird wahrscheinlich leicht darüber liegen. </li>
+ <li>Aktive Router der letzten zehn Tage<br>
+ Diese Darstellung zeigt die Anazahl der zu einem Zeitpunkt - direkt oder über das Mesh - mit dem Freifunk-Netz verbundenen Router. Darü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ä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