Commit 567a3eea authored by chrissi^'s avatar chrissi^

Add more pages

Signed-off-by: chrissi^'s avatarChris Fiege <chris@tinyhost.de>
parent 3f7f1fee
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>
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>
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>
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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment