files/common/www/service/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128

<html lang="de">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Freifunk Jena</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/ffj.css">
</head>
<body>

<div class="navbar"><div class="navbar-inner"><div class="container-fluid">
<a class="brand" href="/">Freifunk Jena </a>
<div class="nav-collapse"><ul class="nav">
<li><a href="/services.html"><i class="icon-home   icon-white"></i> Lokale Dienste</a></li>
<li><a href="/internet.html"><i class="icon-road   icon-white"></i> Internet</a></li>
<li><a href="/status.html"><i   class="icon-signal icon-white"></i> Netzstatus</a></li>
<li><a href="/settings.html"><i class="icon-cog    icon-white"></i> Einstellungen</a></li>
</ul></div>
</div></div></div>

<div class="container-fluid">

  <div class="hero-unit">
    <img class="pull-right" src="/img/logo.png">
    <h1><a id="content" name="content"></a>Willkommen!</h1>

    <p>Du bist jetzt mit dem freien Funknetz
    <a href="http://www.freifunk-jena.de">Freifunk Jena</a>
    verbunden.</p>

    <p>Wir sind ein experimentelles Gemeinschaftsnetzwerk, aber kein
    Internetanbieter.</p>

    <p><a href="foo" class="btn btn-success btn-large">Mehr lernen</a></p>
  </div>

  <div class="alert alert-error hidden" id="offline">
    <p><b>Das Internet ist in dieser Wolke vorr&uuml;bergehend nicht
      verf&uuml;gbar.</b> Die <a href="/services.html"><i class="icon-home"></i>
      lokalen Dienste</a> der Wolke stehen weiter zur
      Verf&uuml;gung. F&uuml;r Details
      siehe <a href="/status.html"><i class="icon-signal"></i>
      Netzstatus</a>.</p>
  </div>

  <div class="row">
    <div class="span4">
      <h2>Lokales Netzwerk</h2>
      <p>Im Freifunknetz kann <emph>jeder</emph> Dienste anbieten:
      alle teilnehmenden Computer k&ouml;nnen direkt miteinander
      kommunizieren. Unter <a href="/settings.html" style="white-space: nowrap"><i class="icon-cog"></i>&nbsp;Einstellungen</a>
      kannst du festlegen, wie du das Netzwerk nutzen m&ouml;chtest
      und Resourcen mit anderen Freifunkern teilen.</p>
      
      <p><a href="foo"><i class="icon-home"></i> Lokale Dienste</a> in
      dieser Wolke:
	<ul id="service-ul"></ul>
      </p>
      <p id="service-loading" class="loading"></p>
    </div>
    
    <div class="span4">
      <h2>Internet</h2>
      <p>Ein Zugang ins Internet ist m&ouml;glich, da einige
	Freifunker ihre privaten Internetzug&auml;nge zur
	Verf&uuml;gung stellen. Diese Zug&auml;nge m&uuml;ssen sich
	hier alle teilen. Bitte sei Dir dessen bewusst und verhalte
	Dich dementsprechend:
      </p>
      
      <ul>
	<li><strong>keine Filesharing-Programme</strong></li>
	<li><strong>keine unn&ouml;tigen Downloads oder Streams</strong></li>
	<li><strong>keine illegalen Aktivit&auml;ten</strong></li>
      </ul>

      <p>Mit einem Klick auf <em>Akzeptieren</em> kannst du f&uuml;r 1
	Stunde unser Netz verwenden. Dann wirst du erneut aufgefordet,
	diese Bedingungen zu akzeptieren.</p>
      
      <form action="/cgi-bin/splash_click.html" method="POST">
	<input type="hidden" name="target_url" value="targeturl"/>
	<input type="submit" class="btn btn-primary" value="Akzeptieren" />
	<a class="btn" href="/services.html">Ablehnen</a>
      </form>
    </div>
    
    <div class="span4">
      <h2>Mitmachen</h2>
      
      <p>Wenn Du unsere Idee gut findest und das Netz regelm&auml;ssig
	benutzt, dann bitten wir Dich um Unterst&uuml;tzung:
      </p>
      
      <ul>
	<li><a href="http://www.freifunk-jena.de">Werde selbst
	Freifunker</a>. Dazu muss man nur einen handels&uuml;blichen
	WLAN-Router ins Fensterbrett stellen.</a></li>
	<li><a href="foo">Spende</a> ein paar Euro, damit wir unser
	Netz weiter betreiben und ausbauen k&ouml;nnen.</li>
	<li>Wenn Du selbst privat genutzte WLAN-Ger&auml;te betreibst
	nutze daf&uuml;r bitte <a href="foo">andere Kan&auml;le</a>
	als wir.</li>
      </ul>
    </div>
  </div>
</div>

<script src="/js/jquery.min.js"></script>
<script src="/js/parse_services.js"></script>
<script src="/js/bootstrap.min.js" defer></script>
<script>
$.getJSON("cgi-bin/online.json", function(haveInternet) {
    if(!haveInternet)
	$('#offline').removeClass('hidden');
});

$.when(
    $.getJSON('/cgi-bin/services.json'),
    $.ajax({url: '/js/parse_services.js', dataType: 'script', cache: true})
).done(function(res) {
    services(res[0]).drawLine($('#service-ul'));
    $('p#service-loading').remove();
});

</script>

</body>
</html>