Commit 48e8cbd4 authored by Kasalehlia's avatar Kasalehlia

Recommit after cleanup

parents
*_bak
*DS_Store
# ignoring from *.template generated files
anleitung-backbone.html
anleitung-business.html
anleitung-starter.html
auswahl.html
blog.html
eintragen.html
faq.html
impressum.html
index.html
irc.html
karte.html
kontakt.html
plot.html
willkommen.html
*_bak
*DS_Store
ffbs-website
============
Die Website von Freifunk Braunschweig
<!DOCTYPE html>
<html lang="de">
{{head}}
<body>
{{nav}}
<div class="container">
hier anleitung schreiben
</div>
{{footer}}
</body>
<!DOCTYPE html>
<html lang="de">
{{head}}
<body>
{{nav}}
<div class="container">
<div class="page-header">
<h1>TP-Link WDR4300</h1>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12">
<p>
Du möchtest viele Clients bedienen, betreibst ein Cafe, eine Bar oder ähnliches? Es gibt in deiner Umgebung sehr viele WLAN Netze?<br>
Dann kommst du mit dem Einsteiger Modell für Freifunk Braunschweig schnell an technische Grenzen. Hier bietet es sich an einen größeren Router für Freifunk zu nutzten. Dieser kann zum einen mehr Clients bedienen aber auch auf 2 verschiedenen Frequenzen funken. Zum einen im viel genutzten 2,4GHz Band aber auch im noch wenig genutzten und größeren 5GHz Band. <br>
Hier eignen sich die Modelle TP-Link WDR3500, WDR3600 oder WDR4300 am besten.<br>
Diese Anleitung ist für das Modell TP-Link WDR4300. Die Einrichtung der anderen Geräte unterscheidet sich jedoch nicht hiervon. <br>
Um diesen Router für Freifunk zu verwenden musst ihn erst mit der Freifunk <a href="https://firmware.freifunk-bs.de">Firmware</a> versehen. Wähle dazu &quot;Stabile Version&quot; und suche links nach &quot;tp-link-tl-wdr4300-nd&quot; bzw. deinm Router Modell</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/firmware.jpg" alt="firmware.freifunk-bs.de">
</div>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/fw4300.png" alt="tp-link-tl-wdr4300">
</div>
<p>Hier musst du nun die zu deinem Router passende Version auswählen und herunter laden. Die Version deines Routers findest du auf der Unterseite deines Routers.</p>
<div class="col-md-12 panel licensed-image">
<img class="img-responsive center-block" src="assets/images/version4300.jpg" height="271" alt="Version">
<div class="license">
<p class="license-inner">CC-BY-SA 3.0 fototeddy</p>
</div>
</div>
<p>Starte nun deinen Router und verbinde ihn mit deinem PC. Unter <a href="http://192.168.0.1">192.168.0.1</a> kannst du dich auf deinem Router einloggen (Benutzername: admin Passwort: admin). Hier wählst du links unter &quot;System Tools&quot; und dann &quot;Firmware Upgrade&quot; aus.</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/sysupgrade.png" width="182" height="292" alt="TP-Link System Upgrade">
</div>
<p>Jetzt nur noch die Firmwaredatei auswählen und das Upgrade starten.</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/upgrade4300.png" width="634" height="203" alt="Upgrade Button">
</div>
<p>Dein Router installiert nun die Freifunk Firmware und startet danach automatisch neu.<br>
Beim ersten Start mit der Freifunk Firmware lädt dein Router einen Konfigurationsmodus. Dein Router ist nun wieder unter <a href="http://192.168.1.1">192.168.1.1</a> zu erreichen.<br>
In der Weboberfläche kannst du deinem Freifunk Router einen Namen geben.</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/ffname.png" width="873" height="386" alt="LuCi Knotenname">
</div>
<p>Wenn du deine Internetverbindung per Freifunk teilen möchtest, muss du hier einen Haken setzen. Du kannst auch festlegen wieviel Bandbreit für Freifunk zur Verfügung steht.</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/ffshare.png" width="873" height="448" alt="LuCi Share">
</div>
<p>Wenn dein Freifunk Router auf der Karte erscheinen soll. Musst du hier deine <a href="http://gpso.de/maps/">Koordinaten</a> eintragen.</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/ffkoord.png" width="873" height="368" alt="LuCi Map">
</div>
<p>Abschließen trägts du noch eine Kontakt E-Mail Adresse ein und klickst auf &quot;Speichern &amp; Neustarten&quot;.</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/ffmail.png" width="873" height="322" alt="LuCi Mail">
</div>
<p>Verbinde nun den blauen WAN Port des Routers mit deinem Internetrouter und genieße braunschweig.freifunk.net<br>
Nun siehst du zum einen das &quot;braunschweig.freifunk.net&quot; Netz aber auch das &quot;braunschweig.freifunk.net (5GHz)&quot; Netz.</p>
<div class="col-md-5 panel licensed-image">
<img class="img-responsive center-block" src="assets/images/wan4300.jpg" alt="WAN">
<div class="license">
<p class="license-inner">CC-BY-SA 3.0 fototeddy</p>
</div>
</div>
<div class="col-md-5 panel">
<img class="img-responsive center-block" src="assets/images/ssid5ghz.png" alt="FF ssid">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12">
<p>
Am besten stellst du deinen Freifunk Router nun noch so auf, dass er möglichst gut von anderen erreicht werden kann. </p>
<div class="col-md-12 panel licensed-image">
<img class="img-responsive center-block" src="assets/images/fenster.jpg" alt="FFfenster">
<div class="license">
<p class="license-inner">CC-BY-SA 3.0 fototeddy</p>
</div>
</div>
</div>
</div>
</div>
{{footer}}
</body>
<!DOCTYPE html>
<html lang="de">
{{head}}
<body>
{{nav}}
<div class="container">
<div class="page-header">
<h1>TP-Link WR841N(D)</h1>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12">
<p>Du hast dir selber einen Router gekauft und möchest bei Freifunk mitmachen. <br>
Die einfachst Variante ist es einen TP-Link TL-WR841N oder TL-WR841ND.<br>
Wenn du noch keinen Router hast kannst du diesen z.B. bei Amazon beziehen.<br>
Der TL-WR841N hat 2 feste Antennen. Beim Modell TL-WR841ND sind die Antennen abschraubbar und es lassen sich somit z.B. Outdoor Antennen montieren.<br>
Um diesen Router für Freifunk zu verwenden musst ihn erst mit der Freifunk <a href="https://firmware.freifunk-bs.de">Firmware</a> versehen. Wähle dazu &quot;Stabile Version&quot; und suche links nach &quot;tp-link-tl-wr841n-nd&quot;</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/firmware.jpg" alt="firmware.freifunk-bs.de">
</div>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/fw841.jpg" alt="tp-link-tl-wr841n-nd">
</div>
<p>Hier musst du nun die zu deinem Router passende Version auswählen und herunter laden. Die Version deines Routers findest du auf der Unterseite deines Routers.</p>
<div class="col-md-12 panel licensed-image">
<img class="img-responsive center-block" src="assets/images/version.jpg" height="271" alt="Version">
<div class="license">
<p class="license-inner">CC-BY-SA 3.0 fototeddy</p>
</div>
</div>
<p>Starte nun deinen Router und verbinde ihn mit deinem PC. Unter <a href="http://192.168.0.1">192.168.0.1</a> kannst du dich auf deinem Router einloggen (Benutzername: admin Passwort: admin). Hier wählst du links unter &quot;System Tools&quot; und dann &quot;Firmware Upgrade&quot; aus.</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/sysupgrade.png" width="182" height="292" alt="TP-Link System Upgrade">
</div>
<p>Jetzt nur noch die Firmwaredatei auswählen und das Upgrade starten.</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/upgrade.png" width="634" height="203" alt="Upgrade Button">
</div>
<p>Dein Router installiert nun die Freifunk Firmware und startet danach automatisch neu.<br>
Beim ersten Start mit der Freifunk Firmware lädt dein Router einen Konfigurationsmodus. Dein Router ist nun wieder unter <a href="http://192.168.1.1">192.168.1.1</a> zu erreichen.<br>
In der Weboberfläche kannst du deinem Freifunk Router einen Namen geben.</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/ffname.png" width="873" height="386" alt="LuCi Knotenname">
</div>
<p>Wenn du deine Internetverbindung per Freifunk teilen möchtest, muss du hier einen Haken setzen. Du kannst auch festlegen wieviel Bandbreit für Freifunk zur Verfügung steht.</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/ffshare.png" width="873" height="448" alt="LuCi Share">
</div>
<p>Wenn dein Freifunk Router auf der Karte erscheinen soll. Musst du hier deine <a href="http://gpso.de/maps/">Koordinaten</a> eintragen.</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/ffkoord.png" width="873" height="368" alt="LuCi Map">
</div>
<p>Abschließen trägts du noch eine Kontakt E-Mail Adresse ein und klickst auf &quot;Speichern &amp; Neustarten&quot;.</p>
<div class="col-md-12 panel">
<img class="img-responsive center-block" src="assets/images/ffmail.png" width="873" height="322" alt="LuCi Mail">
</div>
<p>Verbinde nun den blauen WAN Port des Routers mit deinem Internetrouter und genieße braunschweig.freifunk.net</p>
<div class="col-md-5 panel licensed-image">
<img class="img-responsive center-block" src="assets/images/wan.jpg" alt="WAN">
<div class="license">
<p class="license-inner">CC-BY-SA 3.0 fototeddy</p>
</div>
</div>
<div class="col-md-5 panel">
<img class="img-responsive center-block" src="assets/images/ssid.jpg" alt="FF ssid">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12">
<p>Am besten stellst du deinen Freifunk Router nun noch so auf, dass er möglichst gut von anderen erreicht werden kann. </p>
<div class="col-md-12 panel licensed-image">
<img class="img-responsive center-block" src="assets/images/fenster.jpg" alt="FFfenster">
<div class="license">
<p class="license-inner">CC-BY-SA 3.0 fototeddy</p>
</div>
</div>
</div>
</div>
</div>
{{footer}}
</body>
This diff is collapsed.
<!DOCTYPE html>
<html lang="de">
{{head}}
<body>
{{nav}}
<!-- Navigation -->
<div class="container">
<div class="page-header">
<h1>Alternativen
<small>3 Arten des Mitmachens</small>
</h1>
</div>
<div class="container">
<div class="row pricing-table">
<div class="col-xs-12 col-md-4">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">
Starter Package
</h3>
</div>
<div class="panel-body">
<div class="the-price">
<h1>
TP-Link WR841N(D)
</h1>
<small><em>für wenig Clients</em></small>
</div>
<table class="table">
<tr class="active">
<td>
Wireless Speed ca. 18 MBit/s
</td>
</tr>
<tr>
<td>
Frequenz 2,4GHz
</td>
</tr>
<tr class="active">
<td>
Antennen 2
</td>
</tr>
</table>
</div>
<div class="panel-footer">
<a href="/anleitung-starter.html" class="btn btn-info btn-sm" role="button">Mitmachen</a>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">
Business Package
</h3>
</div>
<div class="panel-body">
<div class="the-price">
<h1>
TP-Link WDR4300
</h1>
<small><em>Für optimale Abdeckung</em></small>
</div>
<table class="table">
<tr class="active">
<td>
Wireless Speed ca. <b>40</b> MBit/s
</td>
</tr>
<tr>
<td>
Frequenz 2,4GHz <b>und 5,0GHz</b>
</td>
</tr>
<tr class="active">
<td>
Antennen <b>3</b>
</td>
</tr>
</table>
</div>
<div class="panel-footer">
<a href="/anleitung-business.html" class="btn btn-success btn-sm" role="button">Mitmachen</a>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<!--
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
Backbone Package
</h3>
</div>
<div class="panel-body">
<div class="the-price">
<h1>
Ubiquiti PowerBeam
</h1>
<small><em>Für die Verbindung mit anderen Punkten</em></small>
</div>
<table class="table">
<tr class="active">
<td>
Wireless Speed ca. <b>450</b> MBit/s
</td>
</tr>
<tr>
<td>
Frequenz <b>5,0GHz</b>
</td>
</tr>
<tr class="active">
<td>
Range <b>25+ km</b>
</td>
</tr>
<tr>
<td>
Hoch verschlüsselte Verbindung
</td>
</tr>
<tr class="active">
<td>
Gigabit Lan
</td>
</tr>
</table>
</div>
<div class="panel-footer">
<a href="/anleitung-backbone.html" class="btn btn-primary btn-sm" role="button">Backbone Aufbauen</a>
</div>
</div>
-->
</div>
</div>
</div>
</div>
{{footer}}
</body>
/*!
* Start Bootstrap - Blog Home HTML Template (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/
body {
padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
footer {
margin: 50px 0;
}
\ No newline at end of file
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
html {
height: 94%;
}
#mapdiv,body,.container {
height: 100%;
}
.navbar {
margin-bottom: 0px !important;
}
.olPopup {
font-family: sans-serif;
border-radius: 25px;
border: 2px solid !important;
height: 110px !important;
color: #000 !important;
line-height: 1 !important;
font-weight: normal;
font-size: 14px;
}
.olPopupContent h2 {
margin: 10px 0px;
font-size: 110%;
font-weight: bold;
color: #000;
}
.olPopupContent small {
line-height: 200%;
overflow-x: scroll;
white-space: nowrap;
}
This diff is collapsed.
This diff is collapsed.
/*!
* Start Bootstrap - Small Business HTML Template (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/
body {
padding-top: 50px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}
footer {
padding: 30px 0;
}
@media(min-width:768px) {
body {
padding-top: 90px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}
}
@media(min-width:994px) {
body {
padding-top: 50px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}
}
/* carousel */
#quote-carousel
{
padding: 0 10px 30px 10px;
margin-top: 30px 0px 0px;
}
/* Control buttons */
#quote-carousel .carousel-control
{
background: none;
color: #222;
font-size: 2.3em;
text-shadow: none;
margin-top: 30px;
}
/* Previous button */
#quote-carousel .carousel-control.left
{
left: -12px;
}
/* Next button */
#quote-carousel .carousel-control.right
{
right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
right: 50%;
top: auto;
bottom: 0px;
margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active
{
background: #333333;
}
#quote-carousel img
{
width: 250px;
height: 100px
}
/* End carousel */
.item blockquote {
border-left: none;
margin: 0;
}
.item blockquote img {
margin-bottom: 10px;
}
.item blockquote p:before {
content: "\f10d";
font-family: 'Fontawesome';
float: left;
margin-right: 10px;
}
/**
MEDIA QUERIES
*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#quote-carousel
{
margin-bottom: 0;
padding: 0 40px 30px 40px;
margin-top: 30px;
}
}
/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {
/* Make the indicators larger for easier clicking with fingers/thumb on mobile */
#quote-carousel .carousel-indicators {
bottom: -20px !important;
}
#quote-carousel .carousel-indicators li {
display: inline-block;
margin: 0px 5px;
width: 15px;
height: 15px;
}
#quote-carousel .carousel-indicators li.active {
margin: 0px 5px;
width: 20px;
height: 20px;
}
}
/* extensions */
.page-header {
margin: 0px 0px 18px !important;
}
.affix {
top: 50px;
}
a.anchor{
display: block;
position: relative;
top: -50px;
visibility: hidden;
}
@media(min-width:768px) {
.affix {
top: 90px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}
a.anchor{
display: block;
position: relative;
top: -90px;
visibility: hidden;
}
}
@media(min-width:994px) {
.affix {
top: 50px;
}
a.anchor{
display: block;
position: relative;
top: -50px;
visibility: hidden;
}
}
.licensed-image {
position: relative;
margin: 0px 0px 9px;
}
.license {
position: absolute;
bottom: 0px;
right: 50%;
float: none;
font-size: 75%;
}
.license-inner {
position: relative;
padding: 3px 5px;
margin: 0px;
right: -50%;
color: #EEE;
background-color: rgba(20,20,20,0.7);
}
<!DOCTYPE html>
<html lang="de">
{{head}}
<body>
{{nav}}
<!-- Navigation -->
<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>
<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>
<form class="form" id="keyform" method="POST" action="/newkey">
<fieldset>
<textarea id="key" name="key" cols="50" rows="2" class="span6"></textarea><br><br>
<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 # beispiel@freifunk-bs.de<br>70e9157d98c9780c27ea17e95e27885997cf321225050f397f0fa82ac1733639</pre>
</div>
</div>
</div>
{{footer}}
<script type="text/javascript">
$(function () {
$('#keyform').submit(function () {
$.post('/newkey', {'key':$('#key').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
});
});
</script>
</body>
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.