Commit 7c659d0e authored by chrissi^'s avatar chrissi^ Committed by Kasalehlia
Browse files

Spendenseite: Mockup

parent 24eeafc5
sort: 100
template: page_html.html
title: Spenden
<div class="container">
<div class="page-header" >
<h1>Spenden</h1>
</div>
<p>
Freifunk Braunschweig entstehen für den Betrieb laufende Kosten.
Auf dieser Seite geben wir dir einen Überblick welche regelmäßigen Ausgaben uns entstehen
und wie Du uns finanziell Unterstützen kannst.<br />
Unsere Finanzierung wickeln wir über den <a href="https://stratum0.org" >Stratum 0 e.V.</a> ab.
Die Zahlen auf dieser Seite werden live aus der Buchhaltung des Vereins geladen.
</p>
<div class="row">
<div class="cols-xs-12 col-md-6" >
<div class="panel panel-default" >
<div class="panel-heading" >
<h4>Regelmäßige Ausgaben</h4>
</div>
<div class="panel-body" >
Freifunk Braunschweig hat regelmäßige Ausgaben für den Betrieb unserer Infrastruktur.<br />
Wir betreiben zur Zeit folgende Server:
<ul>
<li>Gateway 1: 25,00 EUR / Monat</li>
<li>Gateway 3: 7,99 EUR / Monat</li>
<li>Domains: 1,00 EUR / Monat</li>
<li><strong>Summe: 33,99 EUR</strong></li>
</ul>
Gateway 3 wird zur zeit quartalsweise bezahlt.
</div>
</div>
</div>
<div class="col-xs-12 col-md-6" >
<div class="panel panel-default" >
<div class="panel-heading" >
<h4>Gelegentliche Ausgaben</h4>
</div>
<div class="panel-body" >
Neben unseren regelmäßigen Ausgaben möchten wir euch auch
Aufkleber und Werbeflyer zur Verfügung stellen.<br />
Dazu kommt, dass wir gelegentlich fördernswerte Projekte mit
kleinen Hardwarespenden versorgen.<br />
</div>
</div>
</div>
</div>
<div class="row" >
<div class="panel panel-default" >
<div class="panel-heading" >
<h4>Fianzierungsübersicht</h4>
</div>
<div class="panel-body" >
Der folgende Graph gibt dir eine Übersicht über die Finanzierung von Freifunk
Braunschweig über die letzen sechs Monate:<br />
<br >
<div id="graph" style="width: 100%; height: 300px;"></div>
Das aktuelle Guthaben des Freifunk Braunschweig beträgt: <span id="finanz_total" >?</span> EUR
</div>
</div>
</div>
<div class="row" >
<div class="panel panel-default" >
<div class="panel-heading" >
<h4>Spenden</h4>
</div>
<div class="panel-body" >
Spenden können uns per Überweisung an den Stratum 0 übermittelt werden.
Die Bankverbindung lautet:<br />
<br />
<p style="border-left: 1px solid #888; padding-left: 5px;" >
Kontoinhaber: Stratum 0 e.V.<br />
SWIFT-BIC: NOLADE2HXXX (Nord/LB Hannover)<br />
IBAN: DE40 2505 0000 0200 0249 17<br />
Verwendungszweck: Freifunk Braunschweig
</p>
<br />
Regelmäßige Spenden geben uns mehr Planungssicherheit.
Wenn es Dir möglich ist führe die Daueraufträge quartalsweise durch - das
verringert Kosten und Aufwand für die Buchhaltung.<br />
Natürlich sind auch Einzelspenden willkommen!
</div>
</div>
</div>
</div>
<script src="/js/dygraph-combined.js"></script>
<script src="/js/finanz.js"></script>
$(function () {
$.get('/s0_finanz.json', function (ans) {
let types = [];
let bound = 0;
ans.appropriations.forEach(function (appr) {
if (appr.subject.indexOf('Freifunk') > -1) {
types = types.concat(appr.types);
bound += parseFloat(appr.amount);
}
});
$('#finanz_total').text(bound.toString());
const typeIds = types.map(function (typ) {
return ans.types.findIndex(function (t) { return t.indexOf(typ) > -1; });
});
const graphData = [];
for (let i = 0; i < 6; i++) {
graphData.push([i].concat(typeIds.map(function (typeId) {
return parseFloat(ans.months[i].typeTotals[typeId]);
})));
}
console.log(graphData)
const labels = ['Monat'].concat(types);
new Dygraph(document.getElementById('graph'), graphData, {
labels: labels,
xlabel: labels[0],
ylabel: 'Euro'
});
});
});
......@@ -106,6 +106,9 @@
<li>
<a href="/kontakt.html">Kontakt</a>
</li>
<li>
<a href="/spenden.html" style="font-size: 14pt; position:relative; bottom:2px;"><span class="label label-default" >Spenden</span></a>
</li>
</ul>
<ul class="nav pull-right navbar-nav">
<li><a href="/plot.html" title="Statistik"><span class="nodecount">?</span> Router und <span class="clientcount">?</span> Clients aktiv</a>
......
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