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