Merge branch 'new_rendering' of reudnetz/website into master

This commit is contained in:
paul 2017-09-26 18:48:32 +02:00 committed by Gogs
commit 88155dc9dd
30 changed files with 348 additions and 701 deletions

1
.gitignore vendored Normal file
View file

@ -0,0 +1 @@
./public/

View file

@ -1,31 +0,0 @@
languageCode = "en-us"
title = "My New Hugo Site"
baseurl = "http://example.org/"
[params]
highlightStyle = "github"
description = ""
[[params.mainMenu]]
name = "Wilkommen"
link = ""
[[params.mainMenu]]
name = "Was"
link = "was"
[[params.mainMenu]]
name = "Wie"
link = "wie"
[[params.mainMenu]]
name = "Wer"
link = "wer"
[[params.mainMenu]]
name = "Warum"
link = "warum"
#[[params.mainMenu]]
# name = "Wiki"
# link = "wiki"

View file

@ -1,4 +0,0 @@
# Noooooooooooooo!
Keine Seite ist auch eine Seite.
Will sagen, hier gibt es nichts zu sehen.

View file

@ -1,15 +0,0 @@
# Datenschutz
Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich.
Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder Email-Adressen) erhoben werden,
erfolgt dies, soweit möglich, stets auf freiwilliger Basis.
Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.
Wir weisen darauf hin,
dass die Datenübertragung im Internet (z.B. bei der Kommunikation per Email) Sicherheitslücken aufweisen kann.
Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.
Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen.
Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.
_Quellverweis: [Disclaimer](http://www.e-recht24.de/muster-disclaimer.htm) von eRecht24, dem Portal zum Internetrecht von Rechtsanwalt Sören Siebert_

View file

@ -1,27 +0,0 @@
# Impressum
Verantwortlich für diese Website ist der
Reudnetz w.V.
Wurzner Straße 2
04315 Leipzig
Wir kümmern uns sorgfältig um die Inhalte der Website, Haftung übernehmen wir.
Sollte es doch einmal etwas zu beanstanden geben, bitten wir darum, uns dies mitzuteilen.
Für Dinge, die durch Links mit dieser Website verbunden sind, übernehmen wir natürlich keine Haftung.
Rekursiv fortgesetzt hieße das, wir würden die Haftung für das ganze Internet übernehmen.
Das erscheint uns beim besten Willen etwas großspurig.
Alle Dateien auf dieser Webseite, für die kein anderes Urheberrecht gilt, fallen unter Creative Commons (cc-sa-by).
## Credits
Webdesign und Realisation
<a href="http://www.meerwinck.com" target="_blank">meerwinck communication</p>
Hintergrundbild
<a href="https://pixabay.com/de/linie-netzwerk-f%C3%BChren-449127/" target="_blank">pixabay.com / nvtrlab (Lizenz: CC0 Public Domain)
Schrift:
<a href="http://www.fontspring.com/fonts/fontfabric/intro-rust-free" target="_blank">Intro Rust Free</p>

View file

@ -1,12 +0,0 @@
# Willkommen im Reudnetz
Wir bieten kostengünstige Internetanschlüsse in Volkmarsdorf, Reudnitz und Neustadt-Neuschönefeld an. Gemeinschaftlich organisiert.
Was unsere Anschlüsse ausmacht:
* symmetrische Anschlüsse
* ein Mitspracherecht an der Zukunft des Providers
* Transparenz auf allen Ebenen
* günstige Preise
* fristlos zum Monatsende kündbar

View file

@ -1,30 +0,0 @@
# Unser Selbstverständnis
Reudnetz ist ein Verein und Internetprovider.
Von uns kannst du einen Internetanschluss kaufen und, wenn du möchtest, Mitglied im Verein werden, um an der Entwicklung des Netzes mitzuwirken.
Wir machen das, weil wir einen Internetanschluss wollen, der
* Mitspracherecht garantiert
* ohne jahrelange Vertragsbindung auskommt
* die Überbuchung nachvollziehbar gestaltet
* symmetrischen Up- und Downlink hat
* die Netzneutralität wahrt
* von Menschen gemacht wird, denen wir vertrauen können.
Ob ihr uns vertraut, müsst ihr selbst entscheiden:
* Wir sind überzeugt, dass die Kontrolle über Infrastruktur bei den Menschen liegen muss, die sie versorgt.
* Wir setzen uns gegen die Erhebung, Speicherung und Verwertung von Nutzer- und Verbindungsdaten ein,
* können aber nicht ausschließen, dazu gezwungen zu werden.
* Noch speichern wir nichts.
* Wir sind erreichbare Personen in eurer Nähe.
* Wir wünschen uns ein Internet, das nicht von wenigen großen Diensten dominiert wird,
* sondern an dem alle als Nutzende und Anbietende teilhaben.
* Wir halten unseren Stromverbrauch so niedrig wie möglich und verwenden, wo es sinnvoll ist, recyclete Technik.
* Es ist uns wichtig, dass alle, die es möchten, das Netz verstehen können. Sprecht uns an.
* Wir sind auf Layer 3 und sonst nirgends.
* Das Reudnetz wird infrastuktur- statt gewinnoptimiert.
* Wir verletzen die Netzneutralität nicht.
* Software muss OpenSource sein.

View file

@ -1,10 +0,0 @@
# Was für einen Anschluss bekommt Ihr?
Unser Angebot funktioniert anders als das herkömmlicher Internetprovider:
Wir haben keine übertriebenen bis-zu Angebote, stattdessen erhält jeder Teilnehmer eine relativ geringe, dafür garantierte Mindestbandbreite. Diese beträgt 1,3 Mbit/s, was komfortabel mehr als einem Video-Stream in normaler Qualität (480p) entspricht. Der Clue ist, dass ungenutzte Bandbreite Anderen zur Verfügung gestellt wird. Da nicht alle permanent datenintensive Dienste wie Videos und Updates nutzen, ist es häufig möglich, mit der vollen Bandbreite der Richtfunkstrecke zu arbeiten, welche im Moment bei ca. 70 Mbit/s liegt und in Zukunft durch Einsatz innovativer Hardware steigen wird. Alle Anschlüsse sind symmetrisch. Das bedeutet, dass ihr genauso schnell Dinge hoch- wie herunterladen könnt. Dies vereinfacht wesentlich das Anbieten eigener Inhalte!
## Was kostet Was?
Wir peilen einen Preis von 20€ monatlich pro Anschluss an. Dazu kommen noch ungefähr 50€ Anschlussgebühren für die Funkhardware. Dies bezieht sich auf einen Anschluss in einer Wohnung oder WG.
Hausprojekte bitten wir, selbst einzuschätzen, wie ihr Bedarf an Traffic ausfallen wird und entsprechend Verträge mit uns auszuhandeln, um eine faire Verteilung zu gewährleisten.

View file

@ -1,18 +0,0 @@
# Wer ist das?
Hinter Reudnetz stecken Menschen, die sich bessere Internetanschlüsse wünschen und nicht davor zurückschrecken, selbst anzupacken. <br />
Da Reudnetz komplett von Vereinsmitgliedern organisiert wird, kannst auch du ein Teil von Reudnetz werden. <br />
**Mach jetzt mit!**
Wenn ihr uns kennenlernen wollt, schreibt doch eine Mail und lasst euch zu einem persönlichen Treffen einladen.
### Dokumente des Vereins
[Satzung](static/satzung-des-reudnetzes.pdf)
Der Verein ist vertreten durch

View file

@ -1,27 +0,0 @@
# Wie bekomme ich von euch einen Internetanschluss?
Bei Interesse schreibe uns eine Email.
Voraussetzungen für einen Anschluss sind:
Eine Sichtverbindung zu unserem Hauptquartier in der Wurzner Straße 2 oder zu einem unserer bereits vorhandenen Knotenpunkten.
Zugang zum Dach, notfalls auch über Erker oder ähnliches Ca. 50€ für Anschlusskosten
* Sind die Voraussetzungen erfüllt, kommen zwei Leute von uns vorbei, steigen auf euer Dach und schrauben eine Richtfunkantenne an.
* Das machen wir mit professioneller Kletterausrüstung und Erfahrung.
* Aus der Antenne auf eurem Dach kommt dann ein normales (LAN/Ethernet/Rj45)-Kabel heraus,
* an das ihr einen einzelnen Computer, Switch oder Wlan-Router anschließen könnt.
* Solltet ihr noch keinen Router haben, können wir euch vor dem Kauf beraten.
* Darüber hinaus stellen wir Informationen zum Aufbau des Heimnetzwerks auf unserer Website bereit.
# Wie kann ich Einfluss nehmen?
Indem du in den Verein eintrittst.
* Reudnetz ist als Verein organisiert, um eine gemeinschaftliche Entscheidungsfindung zu ermöglichen.
* Auch wenn du kein Vereinsmitglied sein musst, um einen Anschluss von uns zu nutzen,
* raten wir doch dazu in den Verein einzutreten, um die Firmenpolitik des Provider kontrollieren zu können.
* Du kannst dich auf jeder Ebene einbringen.
* Dazu geben wir uns Mühe, alle Prozesse des Internetproviders nachvollziehbar zu dokumentieren.
* Fragen sind uns immer willkommen. Auch das ist wichtige Einflussnahme

View file

@ -1,6 +0,0 @@
Reudnetzwiki
Noch gibt es hier kein Wiki.
Allerdings sammeln wir Dienste und anderes Dokumentationszeug.
coming soon: Mailinglisten
VMs

View file

@ -1,67 +0,0 @@
<!DOCTYPE HTML>
<html lang="de-de" dir="ltr">
<head>
<title>Reudnetz - Internet für Leipzig Osten</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index,follow" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="{{.Site.BaseURL}}/style/fitgrid.css" />
<link rel="stylesheet" type="text/css" href="{{.Site.BaseURL}}/style/styles.css" />
</head>
<body>
<div class="center">
<div class="row head">
<div class="fg12 legal fg-no-mobile">
<a href="{{.Site.BaseURL}}/impressum">Impressum</a> | <a href="{{.Site.BaseURL}}/datenschutz">Datenschutzhinweis</a>
</div>
<div class="fg6">
<h1>Reudnetz</h1>
</div>
<div class="fg6">
<h2>Internet für Leipzigs&nbsp;Osten</h2>
</div>
</div>
<div class="row nav">
<div class="fg12">
<ul>
{{ $baseUrl := .Site.BaseURL }}
{{ $url := .Permalink }}
{{ with .Site.Params.mainMenu }}
{{ range $menu := . }}
{{ $itemUrl := printf "%s/%s" $baseUrl $menu.link }}
<li {{ if eq $url $itemUrl }}class="active"{{ end }}><a href="{{ $baseUrl }}/{{ $menu.link }}">{{ $menu.name }}</a></li>
{{ end }}
{{ end }}
</ul>
</div>
</div>
<div class="row content">
<div class="fg8">
{{ .Content }}
</div>
<div class="margin fg4">
<h3>Kontakt</h3>
<p>
mail [at] reudnetz [dot] org<br />
GPG-Key: <a href="{{.Site.BaseURL}}/files/0x1D7AE62C.asc">0x1D7AE62C</a>
</p>
<div class="margin" >
Fingerprint: <br />
C2B5 52B8 9C17 7ED0 9E83 9582 E177 B5B2 1D7A E62C
</div>
<!-- <p>Servicetelefon</p>
nur in dringenden Notfällen benutzen:
<p>000 00000 000</p> -->
</div>
</div>
<div class="row fg-no-desktop">
<div class="fg12 legal">
<a href="{{.Site.BaseURL}}/impressum">Impressum</a> | <a href="{{.Site.BaseURL}}/datenschutz">Datenschutzhinweis</a>
</div>
</div>
</div>
</body>
</html>

53
render.py Executable file
View file

@ -0,0 +1,53 @@
#!/usr/bin/python3
from jinja2 import Environment, FileSystemLoader
import os
import stat
import shutil
TEMPLATE_PATH = "templates"
PUBLIC_PATH = "public"
files = os.path.join(PUBLIC_PATH, "files")
style = os.path.join(PUBLIC_PATH, "style")
if not os.path.exists(TEMPLATE_PATH):
os.mkdirs(TEMPLATE_PATH)
if not os.path.exists(PUBLIC_PATH):
os.makedirs(PUBLIC_PATH)
os.chdir(os.path.dirname(os.path.abspath(__file__)))
env = Environment(loader=FileSystemLoader(TEMPLATE_PATH))
for template in filter(lambda x : x.endswith(".html"), env.list_templates()):
rendered = env.get_template(template).render(name=template).encode('utf-8')
output_file = os.path.join(PUBLIC_PATH, template)
if os.path.exists(output_file):
os.chmod(output_file, stat.S_IRUSR | stat.S_IWUSR | stat.S_IRGRP | stat.S_IROTH)
with open(os.path.join(PUBLIC_PATH, template), 'wb') as outfile:
outfile.write(rendered)
os.chmod(output_file, stat.S_IRUSR | stat.S_IRGRP | stat.S_IROTH)
if not os.path.exists(files):
os.makedirs(files)
for filename in os.listdir("files"):
output_file = os.path.join(files, filename)
if os.path.exists(output_file):
os.chmod(output_file, stat.S_IRUSR | stat.S_IWUSR | stat.S_IRGRP | stat.S_IROTH)
shutil.copy(os.path.join("files", filename), output_file)
os.chmod(output_file, stat.S_IRUSR | stat.S_IRGRP | stat.S_IROTH)
if not os.path.exists(style):
os.makedirs(style)
for filename in os.listdir("style"):
output_file = os.path.join(style, filename)
if os.path.exists(output_file):
os.chmod(output_file, stat.S_IRUSR | stat.S_IWUSR | stat.S_IRGRP | stat.S_IROTH)
shutil.copy(os.path.join("style", filename), output_file)
os.chmod(output_file, stat.S_IRUSR | stat.S_IRGRP | stat.S_IROTH)

View file

@ -1,52 +0,0 @@
-----BEGIN PGP PUBLIC KEY BLOCK-----
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
zBZ6TKHvWaSu
=tGST
-----END PGP PUBLIC KEY BLOCK-----

View file

@ -1,323 +0,0 @@
/*
.fitgrd - responsive grid system
open http://www.fitgrd.com for more information
download at https://github.com/jayalai/fitgrd
Licensed under GPL and MIT.
*/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* remember: box-sizing is not supported by IE7 :( */
outline: none;
vertical-align: top;
}
.center {
max-width: 65em;
margin: 0 auto;
position: relative;
}
.row {
margin: 0 .5em;
padding: 0.5% 1em 0;
overflow: hidden;
height: 1%;
*zoom: 1;
min-height: 1%;
}
.clearfix {
height:0;
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}
/* =======================================
columns w/ margin
======================================= */
.fg1,.fg2,.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12 {
margin:0 2% 0;
padding:0;
/* in case of IE7 it's better not to use a padding because of the box-model issue */
float:left;
position:relative;
}
.fg12 {
width:96%;
}
.fg11 {
width:87.66%;
}
.fg10 {
width:79.33%;
}
.fg9 {
width:71%;
}
.fg8 {
width:62.66%;
}
.fg7 {
width:54.33%;
}
.fg6 {
width:46%;
}
.fg5 {
width:37.66%;
}
.fg4 {
width:29.33%;
}
.fg3 {
width:21%;
}
.fg2 {
width:12.66%;
}
.fg1 {
width:4.33%;
}
/* =======================================
push w/ columns
======================================= */
.push12 {
margin-left:100%;
}
.push11 {
margin-left:93.66%;
}
.push10 {
margin-left:85.33%;
}
.push9 {
margin-left:77%;
}
.push8 {
margin-left:68.66%;
}
.push7 {
margin-left:60.33%;
}
.push6 {
margin-left:52%;
}
.push5 {
margin-left:43.66%;
}
.push4 {
margin-left:35.33%;
}
.push3 {
margin-left:27%;
}
.push2 {
margin-left:18.66%;
}
.push1 {
margin-left:10.33%;
}
/* =======================================
columns w/o margin
======================================= */
.fg-no-gutter{
padding: 0 3.5%;
margin-top: 0;
margin-bottom: 0;
}
.fg-no-gutter > [class*="fg"] {
margin:0;
padding:0;
float:left;
position:relative;
}
.fg-no-gutter img{
max-width: 100%;
max-height: 100%;
}
.fg-no-gutter .fg12 {
width:100%;
}
.fg-no-gutter .fg11 {
width:91.66%;
}
.fg-no-gutter .fg10 {
width:83.33%;
}
.fg-no-gutter .fg9 {
width:75%;
}
.fg-no-gutter .fg8 {
width:66.66%;
}
.fg-no-gutter .fg7 {
width:58.33%;
}
.fg-no-gutter .fg6 {
width:50%;
}
.fg-no-gutter .fg5 {
width:41.66%;
}
.fg-no-gutter .fg4 {
width:33.33%;
}
.fg-no-gutter .fg3 {
width:25%;
}
.fg-no-gutter .fg2 {
width:16.66%;
}
.fg-no-gutter .fg1 {
width:8.33%;
}
/* =======================================
push columns w/o margin
======================================= */
.fg-no-gutter .push12 {
margin-left:100%;
}
.fg-no-gutter .push11 {
margin-left:91.66%;
}
.fg-no-gutter .push10 {
margin-left:83.33%;
}
.fg-no-gutter .push9 {
margin-left:75%;
}
.fg-no-gutter .push8 {
margin-left:66.66%;
}
.fg-no-gutter .push7 {
margin-left:58.33%;
}
.fg-no-gutter .push6 {
margin-left:50%;
}
.fg12 .push5 {
margin-left:41.66%;
}
.fg-no-gutter .push4 {
margin-left:33.33%;
}
.fg-no-gutter .push3 {
margin-left:25%;
}
.fg-no-gutter .push2 {
margin-left:16.66%;
}
.fg-no-gutter .push1 {
margin-left:8.33%;
}
.fg-no-mobile{
display: block !important;
}
.fg-no-desktop{
display: none !important;
}
/* =======================================
media queries
======================================= */
/* tablet size */
@media screen and (max-width: 48em ) {
.row{
padding: 0 1em;
margin: 0;
}
.fg1,.fg2{
width: 46%;
margin-bottom: 1em;
}
.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12 {
margin:0 2% 1em;
padding:0;
width:96%;
}
.fg-no-gutter > [class*="fg"] {
width: 50%;
}
.fg-no-mobile{
display: none !important;
}
.fg-no-desktop{
display: block !important;
}
}

10
templates/404.html Executable file
View file

@ -0,0 +1,10 @@
{% extends "skeleton.html.j2" %}
{% block content %}
<h1>Noooooooooooooo!</h1>
<p>
Keine Seite ist auch eine Seite.
Will sagen, hier gibt es nichts zu sehen.
Husch, husch ins Körbchen!
</p>
{% endblock %}

22
templates/datenschutz.html Executable file
View file

@ -0,0 +1,22 @@
{% extends "skeleton.html.j2" %}
{% block content %}
<h1>Datenschutz</h1>
<p>
Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich.
Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder Email-Adressen) erhoben werden,
erfolgt dies, soweit möglich, stets auf freiwilliger Basis.
Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.
</p>
<p>
Wir weisen darauf hin,
dass die Datenübertragung im Internet (z.B. bei der Kommunikation per Email) Sicherheitslücken aufweisen kann.
Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.
</p>
<p>
Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen.
Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.
</p>
<p>
<i>Quellverweis: <a href="http://www.e-recht24.de/muster-disclaimer.htm" target="_blank">Disclaimer</a> von eRecht24, dem Portal zum Internetrecht von Rechtsanwalt Sören Siebert</i>
</p>
{% endblock %}

5
templates/footer.html.j2 Normal file
View file

@ -0,0 +1,5 @@
<div class="row fg-no-desktop">
<div class="fg12 legal">
<a href="impressum.html">Impressum</a> | <a href="datenschutz.html">Datenschutzhinweis</a>
</div>
</div>

13
templates/header.html.j2 Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE HTML>
<html lang="de-de" dir="ltr">
<head>
<title>Reudnetz - Internet für Leipzig Osten</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index,follow" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style/fitgrid.css" />
<link rel="stylesheet" type="text/css" href="style/styles.css" />
</head>

40
templates/impressum.html Executable file
View file

@ -0,0 +1,40 @@
{% extends "skeleton.html.j2" %}
{% block content %}
<h1>Impressum</h1>
<p>Verantwortlich für diese Website ist der
<div class="adress">
<ul>
<li>Reudnetz w.V. </li>
<li>Wurzner Straße 2</li>
<li>04315 Leipzig</li>
</ul>
</div>
</p>
<p>
Wir kümmern uns sorgfältig um die Inhalte der Website, Haftung übernehmen wir.
Sollte es doch einmal etwas zu beanstanden geben, bitten wir darum, uns dies mitzuteilen.
</p>
<p>
Für Dinge, die durch Links mit dieser Website verbunden sind, übernehmen wir natürlich keine Haftung.
Rekursiv fortgesetzt hieße das, wir würden die Haftung für das ganze Internet übernehmen.
Das erscheint uns beim besten Willen etwas großspurig.
</p>
<p>
Alle Dateien auf dieser Webseite, für die kein anderes Urheberrecht gilt, fallen unter Creative Commons (cc-sa-by).
</p>
{% endblock %}
{% block seitenleiste %}
<h3>Credits</h3>
<p>Webdesign und Realisation<br />
<a href="http://www.meerwinck.com" target="_blank">meerwinck communication</a></p>
<p>Hintergrundbild<br />
<a href="https://pixabay.com/de/linie-netzwerk-f%C3%BChren-449127/" target="_blank">pixabay.com / nvtrlab</a> (Lizenz: CC0 Public Domain)
</p>
<p>Schrift:<br />
<a href="http://www.fontspring.com/fonts/fontfabric/intro-rust-free" target="_blank">Intro Rust Free</a></p>
{% endblock %}

17
templates/index.html Executable file
View file

@ -0,0 +1,17 @@
{% extends "skeleton.html.j2" %}
{% block content %}
<h3>Willkommen im Reudnetz</h3>
<p>
Wir bieten kostengünstige Internetanschlüsse in Volkmarsdorf, Reudnitz und Neustadt-Neuschönefeld an.
Gemeinschaftlich organisiert.
</p>
<p>Was unsere Anschlüsse ausmacht:
<ul>
<li>fristlos zum Monatsende kündbar</li>
<li>ein Mitspracherecht an der Zukunft des Providers</li>
<li>Transparenz auf allen Ebenen</li>
<li>symmetrische Anschlüsse</li>
<li>günstige Preise</li>
</ul>
{% endblock %}

18
templates/nav.html.j2 Normal file
View file

@ -0,0 +1,18 @@
{% set navigation_bar = [
('index.html', 'Reudnetz - Internet für Leipzigs Osten', 'Wilkommen'),
('was.html', 'Was genau verkauft Reudnetz', 'Was'),
('wie.html', 'Wie funktioniert das?', 'Wie'),
('wer.html', 'Wer ist Reudnetz', 'Wer'),
('warum.html', 'Warum gibt es Reudnetz', 'Warum')
] -%}
<div class="row nav">
<div class="fg12">
<ul>
{% for href, title, caption in navigation_bar %}
<li{% if name == href %} class="current"{% endif %}>
<a href="{{ href }}" title="{{ title }}">{{ caption }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>

41
templates/skeleton.html.j2 Executable file
View file

@ -0,0 +1,41 @@
{% include "header.html.j2" %}
<body>
<div class="center">
<div class="row head">
<div class="fg12 legal fg-no-mobile">
<a href="impressum.html">Impressum</a> | <a href="datenschutz.html">Datenschutzhinweis</a>
</div>
<div class="fg6">
<h1>Reudnetz</h1>
</div>
<div class="fg6">
<h2>Internet für Leipzigs&nbsp;Osten</h2>
</div>
</div>
{% include "nav.html.j2" %}
<div class="row content">
<div class="fg8">
{% block content %}
{% endblock %}
</div>
<div class="margin fg4">
{% block seitenleiste %}
<h3>Kontakt</h3>
<p>
mail [at] reudnetz [dot] org<br />
GPG-Key: <a href="static/0x1D7AE62C.asc">0x1D7AE62C</a>
</p>
<div class="margin" >
Fingerprint: <br />
C2B5 52B8 9C17 7ED0 9E83 9582 E177 B5B2 1D7A E62C
</div>
<!-- <p>Servicetelefon</p>
nur in dringenden Notfällen benutzen:
<p>000 00000 000</p> -->
{% endblock %}
</div>
</div>
{% include "footer.html.j2" %}
</div>
</body>
</html>

38
templates/warum.html Executable file
View file

@ -0,0 +1,38 @@
{% extends "skeleton.html.j2" %}
{% block content %}
<h1>Unser Selbstverständnis</h1>
<p>
Reudnetz ist ein Verein und Internetprovider.
Von uns kannst du einen Internetanschluss kaufen
und, wenn du möchtest, Mitglied im Verein werden,
um an der Entwicklung des Netzes mitzuwirken.
</p>
<p>Wir machen das, weil wir einen Internetanschluss wollen, der </p>
<ul>
<li>Mitspracherecht garantiert</li>
<li>ohne jahrelange Vertragsbindung auskommt</li>
<li>die Überbuchung nachvollziehbar gestaltet</li>
<!-- kein mensch weiß was überbuchung ist -->
<li>symmetrischen Up- und Downlink hat</li>
<li>die Netzneutralität wahrt</li>
<li>von Menschen gemacht wird, denen wir vertrauen können.</li>
</ul>
<p>Ob ihr uns vertraut, müsst ihr selbst entscheiden:</p>
<!-- die liste hat mehr zeug drin, als nur warum man uns vertrauen sollte -->
<ul>
<li>Wir sind überzeugt, dass die Kontrolle über Infrastruktur bei den Menschen liegen muss, die sie versorgt.</li>
<li>Wir setzen uns gegen die Erhebung, Speicherung und Verwertung von Nutzer- und Verbindungsdaten ein,
können aber nicht ausschließen, dazu gezwungen zu werden. <br />
Noch speichern wir nichts. </li>
<li>Wir sind erreichbare Personen in eurer Nähe.</li>
<li>Wir wünschen uns ein Internet, das nicht von wenigen großen Diensten dominiert wird,
sondern an dem alle als Nutzende und Anbietende teilhaben.</li>
<li>Wir halten unseren Stromverbrauch so niedrig wie möglich und verwenden,
wo es sinnvoll ist, recyclete Technik.</li>
<li>Es ist uns wichtig, dass alle, die es möchten, das Netz verstehen können. Sprecht uns an.</li>
<li>Wir sind auf Layer 3 und sonst nirgends.</li>
<li>Das Reudnetz wird infrastuktur- statt gewinnoptimiert.</li>
<li>Wir verletzen die Netzneutralität nicht.</li>
<li>Software muss OpenSource sein.</li>
</ul>
{% endblock %}

29
templates/was.html Normal file
View file

@ -0,0 +1,29 @@
{% extends "skeleton.html.j2" %}
{% block content %}
<h1>Was für einen Anschluss bekommt Ihr?</h1>
<p>
Unser Angebot funktioniert anders als das herkömmlicher Internetprovider:
</p>
<p>
Wir haben keine übertriebenen bis-zu Angebote,
stattdessen erhält jeder Teilnehmer eine relativ geringe, dafür garantierte Mindestbandbreite.
Diese beträgt 1,3 Mbit/s, was komfortabel mehr als einem Video-Stream in normaler Qualität (480p) entspricht.
Der Clue ist, dass ungenutzte Bandbreite Anderen zur Verfügung gestellt wird.
Da nicht alle permanent datenintensive Dienste wie Videos und Updates nutzen,
ist es häufig möglich, mit der vollen Bandbreite der Richtfunkstrecke zu arbeiten,
welche im Moment bei ca. 70 Mbit/s liegt und in Zukunft durch Einsatz innovativer Hardware steigen wird.
Alle Anschlüsse sind symmetrisch.
Das bedeutet, dass ihr genauso schnell Dinge hoch- wie herunterladen könnt.
Dies vereinfacht wesentlich das Anbieten eigener Inhalte!
</p>
<h1>Was kostet was?</h1>
<p>
Wir peilen einen Preis von 20€ monatlich pro Anschluss an.
Dazu kommen noch ungefähr 50€ Anschlussgebühren für die Funkhardware.
Dies bezieht sich auf einen Anschluss in einer Wohnung oder WG. <br \>
Hausprojekte bitten wir, selbst einzuschätzen, wie ihr Bedarf an Traffic ausfallen wird
und entsprechend Verträge mit uns auszuhandeln,
um eine faire Verteilung zu gewährleisten.
</p>
{% endblock %}

15
templates/wer.html Executable file
View file

@ -0,0 +1,15 @@
{% extends "skeleton.html.j2" %}
{% block content %}
<h1>Wer ist das?</h1>
<p>
Hinter Reudnetz stecken Menschen, die sich bessere Internetanschlüsse wünschen
und nicht davor zurückschrecken, selbst anzupacken.
Da Reudnetz komplett von Vereinsmitgliedern organisiert wird, kannst auch du ein Teil von Reudnetz werden.
Mach jetzt mit! <br />
Wenn ihr uns kennenlernen wollt, schreibt doch eine Mail und lasst euch zu einem persönlichen Treffen einladen.
</p>
<h3> Dokumente des Vereins </h3>
<a href="static/satzung-des-reudnetzes.pdf"> Satzung </a>
<h3> Der Verein ist vertreten durch</h3>
{% endblock %}

32
templates/wie.html Executable file
View file

@ -0,0 +1,32 @@
{% extends "skeleton.html.j2" %}
{% block content %}
<h1>Wie bekomme ich von euch einen Internetanschluss?</h1>
<p>Bei Interesse schreibe uns eine Email. <br />
Voraussetzungen für einen Anschluss sind:</p>
<ul>
<li>Eine Sichtverbindung zu unserem Hauptquartier in der Wurzner Straße 2
oder zu einem unserer bereits vorhandenen Knotenpunkten.</li>
<li>Zugang zum Dach, notfalls auch über Erker oder ähnliches</li>
<li>Ca. 50€ für Anschlusskosten</li>
</ul>
<p>
Sind die Voraussetzungen erfüllt, kommen zwei Leute von uns vorbei,
steigen auf euer Dach und schrauben eine Richtfunkantenne an.
Das machen wir mit professioneller Kletterausrüstung und Erfahrung.
Aus der Antenne auf eurem Dach kommt dann ein normales (LAN/Ethernet/Rj45)-Kabel heraus,
an das ihr einen einzelnen Computer, Switch oder Wlan-Router anschließen könnt.
Solltet ihr noch keinen Router haben, können wir euch vor dem Kauf beraten.
Darüber hinaus stellen wir Informationen zum Aufbau des Heimnetzwerks auf unserer Website bereit.
</p>
<h1>Wie kann ich Einfluss nehmen?</h1>
<p>Indem du in den Verein eintrittst.</p>
<p>
Reudnetz ist als Verein organisiert, um eine gemeinschaftliche Entscheidungsfindung zu ermöglichen.
Auch wenn du kein Vereinsmitglied sein musst, um einen Anschluss von uns zu nutzen,
raten wir doch dazu in den Verein einzutreten, um die Firmenpolitik des Provider kontrollieren zu können.
Du kannst dich auf jeder Ebene einbringen.
Dazu geben wir uns Mühe, alle Prozesse des Internetproviders nachvollziehbar zu dokumentieren.
Fragen sind uns immer willkommen. Auch das ist wichtige Einflussnahme
</p>
{% endblock %}

14
templates/wiki.html Normal file
View file

@ -0,0 +1,14 @@
{% extends "skeleton.html.j2" %}
{% block content %}
<h1>Reudnetzwiki</h1>
<p>Noch gibt es hier kein Wiki.</p>
<p>Allerdings sammeln wir Dienste und anderes Dokumentationszeug.</p>
<p>coming soon: Mailinglisten</p>
{% endblock %}
{% block seitenleiste %}
<h3>Dienste</h3>
<p>Mailinglisten<br />
Coming Soon</p>
{% endblock %}

View file

@ -1,79 +0,0 @@
<!DOCTYPE HTML>
<html lang="de-de" dir="ltr">
<head>
<title>Reudnetz - Internet für Leipzig Osten</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index,follow" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style/fitgrid.css" />
<link rel="stylesheet" type="text/css" href="style/styles.css" />
</head>
<body>
<div class="center">
<div class="row head">
<div class="fg12 legal fg-no-mobile">
<a href="impressum.html">Impressum</a> | <a href="datenschutz.html">Datenschutzhinweis</a>
</div>
<div class="fg6">
<h1>Reudnetz</h1>
</div>
<div class="fg6">
<h2>Internet für Leipzigs&nbsp;Osten</h2>
</div>
</div>
<div class="row nav">
<div class="fg12">
<ul>
<li {% if name == "index.html"%} class="current" {% endif %}>
<a href="index.html" title="Reudnetz - Internet für Leipzigs Osten">Willkommen</a></li>
<li {% if name == "was.html"%} class="current" {% endif %}>
<a href="was.html" title="Was genau verkauft Reudnetz">Was</a></li>
<li {% if name == "wie.html"%} class="current" {% endif %}>
<a href="wie.html" title="Wie funktioniert das?">Wie</a></li>
<li {% if name == "wer.html"%} class="current" {% endif %}>
<a href="wer.html" title="Wer ist Reudnetz">Wer</a></li>
<li {% if name == "warum.html"%} class="current" {% endif %}>
<a href="warum.html" title="Warum gibt es Reudnetz">Warum</a></li>
<li {% if name == "wiki.html"%} class="current last" {% else %} class="last" {% endif %}>
<a href="wiki.html" title="Das Reudnetzwiki">Wiki</a></li>
</ul>
</div>
</div>
<div class="row content">
<div class="fg8">
{% block content %}
{% endblock %}
</div>
<div class="margin fg4">
{% block seitenleiste %}
<h3>Kontakt</h3>
<p>
mail [at] reudnetz [dot] org<br />
GPG-Key: <a href="files/0x1D7AE62C.asc">0x1D7AE62C</a>
</p>
<div class="margin" >
Fingerprint: <br />
C2B5 52B8 9C17 7ED0 9E83 9582 E177 B5B2 1D7A E62C
</div>
<!-- <p>Servicetelefon</p>
nur in dringenden Notfällen benutzen:
<p>000 00000 000</p> -->
{% endblock %}
</div>
</div>
<div class="row fg-no-desktop">
<div class="fg12 legal">
<a href="impressum.html">Impressum</a> | <a href="datenschutz.html">Datenschutzhinweis</a>
</div>
</div>
</div>
</body>
</html>