-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
418 lines (347 loc) · 25.5 KB
/
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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="de"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="de"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="de"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="de"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Grundgesetz für die Bundesrepublik Deutschland [DocPatch]</title>
<meta name="description" content="Nachvollziehen aller Veränderungen am Grundgesetz für die BRD seit seinem Inkrafttreten 1949">
<meta name="keywords" content="">
<meta name="author" content="foobar e. V.">
<meta name="robots" content="index, follow">
<meta name="date" content="2013-05-23T00:00:00+02:00">
<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/">
<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/">
<meta name="DC.contributor" content="foobar e. V.">
<meta name="DC.coverage" content="Bundesrepublik Deutschland, 1949-2012">
<meta name="DC.creator" content="foobar e. V.">
<meta name="DC.description" content="Nachvollziehen aller Veränderungen am Grundgesetz für die BRD seit seinem Inkrafttreten 1949">
<meta name="DC.language" content="de-DE">
<meta name="DC.identifier" content="http://gg.docpatch.org/">
<meta name="DC.publisher" content="DocPatch 0.1">
<meta name="DC.rights" content="Public Domain">
<meta name="DC.subject" content="Bundesverfassung">
<meta name="DC.title" content="Grundgesetz für die Bundesrepublik Deutschland">
<meta name="DC.type" content="Dataset">
<meta property="og:title" content="Grundgesetz für die Bundesrepublik Deutschland [DocPatch]">
<meta property="og:description" content="Diese Webseite ermöglicht das Nachvollziehen aller Veränderungen am Grundgesetz für die Bundesrepublik Deutschland seit seinem Inkrafttreten im Jahr 1949. Es enthält den vollständigen Gesetzestext zuzüglich vieler Informationen, die damit in Verbindung stehen. Somit steht ein umfassendes Werk zur Verfügung, die Entwicklung der deutschen Verfassung transparenter zu machen.">
<meta property="og:type" content="website">
<meta property="og:url" content="http://gg.docpatch.org/">
<meta property="og:image" content="http://gg.docpatch.org/img/docpatch_gg_logo_white.svg">
<meta property="og:image:url" content="http://gg.docpatch.org/img/docpatch_gg_logo_white.svg">
<meta property="og:image:secure_url" content="https://gg.docpatch.org/img/docpatch_gg_logo_white.svg">
<meta property="og:image:type" content="image/svg+xml">
<meta property="og:locale" content="de_DE">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Grundgesetz für die Bundesrepublik Deutschland [DocPatch]">
<meta name="twitter:description" content="Diese Webseite ermöglicht das Nachvollziehen aller Veränderungen am Grundgesetz für die Bundesrepublik Deutschland seit seinem Inkrafttreten im Jahr 1949.">
<meta name="twitter:image" content="http://gg.docpatch.org/img/docpatch_gg_logo_white_120px.png">
<meta name="twitter:site:id" content="@foobareV">
<meta name="twitter:creator:id" content="@bheisig">
<meta name="twitter:domain" content="gg.docpatch.org">
<link rel="image_src" href="http://gg.docpatch.org/img/docpatch_gg_logo_white.svg">
<link rel="alternate" type="text/javascript" title="Meta Data in JSON" href="http://gg.docpatch.org/grundgesetz-dev/etc/meta.json">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="shortcut icon" href="favicon.ico" />
<!--<link rel="stylesheet/less" type="text/css" href="kickstrap.less">
<script src="Kickstrap/js/less-1.3.3.min.js"></script>-->
<link rel="stylesheet" type="text/css" href="Kickstrap/css/kickstrap.min.css">
<!--[if IE]><script src="Kickstrap/js/html5shiv.js"></script><![endif]-->
<!-- TODO Move d3 to Kickstrap apps. -->
<script src="Kickstrap/apps/universal/d3/d3.min.js"></script>
</head>
<body data-spy="scroll" data-target=".navbar">
<nav class="navbar navbar-inverse navbar-fixed-top">
<nav class="navbar-inner">
<section class="container">
<a title="Hauptmenü" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="/" title="Grundgesetz für die Bundesrepublik Deutschland">DocPatch</a>
<nav class="nav-collapse collapse">
<ul id="topnav" class="nav">
<li><a href="#hauptseite" title="Hauptseite [H]" accesskey="h"><i class="icon-home"></i> Hauptseite</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-share"></i> Entdecken <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#zeitleiste" title="Alle Fassungen im Überblick [Z]" accesskey="z"><i class="icon-time"></i> Zeitleiste</a></li>
<li><a href="#vergleichen" title="Fassungen miteinander vergleichen [R]" accesskey="r"><i class="icon-file"></i> Vergleichen</a></li>
<li><a href="#statistiken" title="Nützliche Informationen rund um die verschiedenen Fassungen [S]" accesskey="s"><i class="icon-bar-chart"></i> Statistiken</a></li>
<li><a href="#herunterladen" title="Alle Fassungen und Formate zum Download [D]" accesskey="d"><i class="icon-download"></i> Herunterladen</a></li>
</ul>
</li>
<li><a href="#mitmachen" title="Hilf mit! [M]" accesskey="m"><i class="icon-wrench"></i> Mitmachen</a></li>
<li><a href="#docpatch" title="Was ist DocPatch und wer steht dahinter? [U]" accesskey="u"><i class="icon-group"></i> Über uns</a></li>
</ul>
<a id="latest" class="btn btn-success pull-right" href="#"><i class="icon-download"></i> Neuste Fassung (PDF)</a>
</nav>
</section>
</nav>
</nav>
<div class="container">
<div id="hauptseite" class="hero-unit">
<h1>Entdecke unsere Verfassung!</h1>
<p>Diese Webseite ermöglicht das Nachvollziehen aller Veränderungen am Grundgesetz für die Bundesrepublik Deutschland seit seinem Inkrafttreten im Jahr 1949. Es enthält den vollständigen Gesetzestext zuzüglich vieler Informationen, die damit in Verbindung stehen. Somit steht ein umfassendes Werk zur Verfügung, die Entwicklung der deutschen Verfassung transparenter zu machen.</p>
<p><a href="#docpatch" title="Was ist DocPatch und wer steht dahinter?" class="btn btn-primary btn-large">Weiterlesen »</a></p>
</div>
<div class="row">
<div class="span4">
<h2>Entdecken</h2>
<p>Schau dir die Veränderungen des Grundgesetzes in Verbindung mit wichtigen Ereignissen der deutschen Geschichte an.</p>
<a class="btn" href="#zeitleiste" title="Alle Fassungen im Überblick"><i class="icon-time"></i> Zeitleiste »</a>
<a class="btn" href="#vergleichen" title="Fassungen miteinander vergleichen"><i class="icon-file"></i> Vergleichen »</a>
<a class="btn" href="#statistiken" title="Nützliche Informationen rund um die verschiedenen Fassungen"><i class="icon-bar-chart"></i> Statistiken »</a>
<a class="btn" href="#herunterladen" title="Alle Fassungen und Formate zum Download"><i class="icon-download"></i> Herunterladen »</a>
</div>
<div class="span4">
<h2>Mitmachen</h2>
<p>Frische Ideen? Fehler gefunden? Wir sind ständig auf der Suche nach Menschen und Maschinen, die uns tatkräftig unterstützen möchten.</p>
<a class="btn" href="#mitmachen" title="Hilf mit!">Hilf mit! »</a>
</div>
<div class="span4">
<h2>Über uns</h2>
<p>Dies ist ein nicht-kommerzielles Projekt. Wir sehen uns als Teil der Open-Data-Bewegung. Erfahre mehr über unsere Ziele, Wege und Ideen.</p>
<a class="btn" href="#docpatch" title="Was ist DocPatch und wer steht dahinter?">Das ist DocPatch »</a>
</div>
</div>
<section id="zeitleiste">
<div class="page-header">
<h1><i class="icon-time"></i> Zeitleiste <small>Alle Fassungen im Überblick</small></h1>
</div>
<div id="timeline-embed"></div>
</section>
<section id="vergleichen">
<div class="page-header">
<h1><i class="icon-file"></i> Vergleichen <small>Fassungen miteinander vergleichen</small></h1>
</div>
<form class="form-horizontal" action="#">
<div class="control-group">
<label class="control-label" for="firstrevision">1. Fassung</label>
<div class="controls">
<select name="firstrevision" id="firstrevision" class="span3 highlightfirstrevision">
<option value="-1">Bitte Fassung wählen »</option>
</select>
<span class="help-inline">zum Beispiel eine ältere Fassung</span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="secondrevision">2. Fassung</label>
<div class="controls">
<select name="secondrevision" id="secondrevision" class="span3 highlightsecondrevision">
<option value="-1">Bitte Fassung wählen »</option>
</select>
<span class="help-inline">zum Beispiel eine neuere Fassung</span>
</div>
</div>
<div class="control-group">
<div class="controls">
<button id="comparerevisions" type="button" class="btn btn-large btn-primary"><i class="icon-random"></i> vergleichen</button>
</div>
</div>
</form>
<div id="compareModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="compareModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="compareModalLabel"></h3>
</div>
<div class="modal-body"></div>
<div class="modal-footer">
<button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Schließen</button>
</div>
</div>
</section>
<section id="statistiken">
<div class="page-header">
<h1><i class="icon-bar-chart"></i> Statistiken <small>Nützliche Informationen rund um die verschiedenen Fassungen</small></h1>
</div>
<ul class="nav nav-tabs" id="statisticsTab">
<li class="active"><a href="#common" data-toggle="tab"><i class="icon-asterisk"></i> Allgemeines</a></li>
<li><a href="#actors" data-toggle="tab"><i class="icon-group"></i> Politiker</a></li>
<li><a href="#legislativeSessions" data-toggle="tab"><i class="icon-share-alt"></i> Legislaturperioden</a></li>
<li><a href="#years" data-toggle="tab"><i class="icon-time"></i> Jahresvergleich</a></li>
<li><a href="#revisions" data-toggle="tab"><i class="icon-folder-open"></i> Fassungen</a></li>
<li><a href="#articles" data-toggle="tab"><i class="icon-folder-open"></i> Artikel</a></li>
<li><a href="#wordcloud" data-toggle="tab"><i class="icon-folder-open"></i> Wortwolke</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="common">
<p>Allgemeine Angaben zum Grundgesetz:</p>
<div class="row-fluid">
<div class="span4">
<table class="table table-striped">
<tbody>
<tr>
<th>Anzahl Änderungen</th>
<td id="numberOfChanges"></td>
</tr>
<tr>
<th>Alter (Jahre)</th>
<td id="age"></td>
</tr>
<tr>
<th>Überdauerte Legislaturperioden</th>
<td id="numberOfLegislativeSessions"></td>
</tr>
<tr>
<th>Änderungen pro Legislaturperiode</th>
<td id="numberOfChangesPerLegislativeSessions"></td>
</tr>
<tr>
<th>Änderungen pro Jahr</th>
<td id="numberOfChangesPerYear"></td>
</tr>
</tbody>
</table>
</div>
<div class="span8">
<!-- TODO chart.js: any ideas? -->
</div>
</div>
</div>
<div class="tab-pane" id="actors">
<p>Nähere Betrachtung derjenigen Politiker, die die einzelnen Fassungen des Grundgesetzes unterschrieben haben:</p>
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="actorsTable"></table>
</div>
<div class="tab-pane" id="legislativeSessions">
<p>Anzahl der Änderungen in den jeweiligen Legislaturperioden:</p>
<canvas id="changesPerPeriod" width="700" height="200"></canvas>
</div>
<div class="tab-pane" id="years">
<p>Anzahl der Änderungen in den jeweiligen Jahren:</p>
<canvas id="changesPerYear" width="700" height="200"></canvas>
</div>
<div class="tab-pane" id="revisions">
<p>Abstimmungsverhältnis bei der Verabschiedung einer Gesetzesänderung im Bundestag:</p>
<div class="row-fluid">
<div class="span6">
<div class="control-group">
<label class="control-label" for="revisionStats">Fassung</label>
<div class="controls">
<select name="revisionStats" id="revisionStats" class="span12"></select>
</div>
</div>
<ul id="resultOfTheVoteList"></ul>
<div id="resultOfTheVoteAlert" class="alert info fade">
Zu dieser Fassung existieren nicht genügend Daten.
</div>
</div>
<div class="span6">
<canvas id="resultOfTheVote" width="300" height="300"></canvas>
</div>
</div>
</div>
<div class="tab-pane" id="articles">
<p>Änderungshistorie einzelner Artikel:</p>
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="articlesTable"></table>
</div>
<div class="tab-pane" id="wordcloud">
<p id="wordCloudLoading" class="text-center"> <img src="Kickstrap/apps/timelinejs/css/loading.gif" alt="loading animation"/> Bitte warten … <progress value="" max="" /></progress> <span></span></p>
<div id="wordCloudImage"></div>
</div>
</div>
</section>
<section id="herunterladen">
<div class="page-header">
<h1><i class="icon-download"></i> Herunterladen <small>Alle Fassungen und Formate zum Download</small></h1>
</div>
<div class="control-group">
<label class="control-label" for="revision">Fassung</label>
<div class="controls">
<select name="revision" id="revision" class="span3"></select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="format">Format</label>
<div class="controls">
<select name="format" id="format" class="span3"></select>
</div>
</div>
<div class="control-group">
<div class="controls">
<a id="download" class="btn btn-large btn-success" href="#"><i class="icon-download icon-large"></i> Download</a>
</div>
</div>
</section>
<section id="mitmachen">
<div class="page-header">
<h1><i class="icon-wrench"></i> Mitmachen <small>Hilf mit!</small></h1>
</div>
<div class="row-fluid">
<div class="span4">
<p class="lead">Technikaffin? Entdecke spielerisch unsere Verfassung!</p>
<ul class="unstyled">
<li><span class="badge badge-inverse">✔</span> Alle Fassungen des Grundgesetzes als Commits unter Versionskontrolle</li>
<li><span class="badge badge-inverse">✔</span> Transformation von Markup in beliebige andere Formate mit Templates</li>
<li><span class="badge badge-inverse">✔</span> Metadaten im JSON-Format</li>
<li><span class="badge badge-inverse">✔</span> Patches, Diffs, Scripte und vieles mehr</li>
</ul>
<a href="https://github.com/bheisig/grundgesetz-dev" title="https://github.com/bheisig/grundgesetz-dev" class="btn btn-large btn-primary"><i class="icon-github icon-large"></i> Fork me on GitHub »</a>
</div>
<div class="span8">
<p>Wir sind auf der Suche nach Menschen und Maschinen, die uns tatkräftig unterstützen möchten – sei es durch kreative Mithilfe, Spenden von Dienst- oder Sachleistungen. Melde Dich, wenn Du Dich für die „Befreiung Deiner Grundrechte” interessierst!
<p>Hast Du eine tolle Idee, was wir unbedingt umsetzen sollten? Hast Du einen Fehler gefunden? Hast Du Vorschläge, wie wir etwas besser machen können? Wir benutzen den <a href="https://github.com/bheisig/grundgesetz-dev/issues" title="https://github.com/bheisig/grundgesetz-dev/issues">GitHub-eigenen Issue Tracker</a> für jegliche Anfragen solcher Art.</p>
</div>
</div>
</section>
<section id="docpatch">
<div class="page-header">
<h1><i class="icon-group"></i> Über uns <small>Was ist DocPatch und wer steht dahinter?</small></h1>
</div>
<img src="img/docpatch_gg_logo_transparent.svg" alt="Logo für DocPatch" id="docpatch-logo" class="pull-left">
<p>Dieses Projekt ist Teil der Open-Data-Bewegung und unterliegt der <a href="https://opendefinition.org/okd/" title="https://opendefinition.org/okd/">Open Definition</a>. Unser <strong>Ziel</strong> ist, öffentliche Daten leicht zugänglich zu machen; unser <strong>Weg</strong> ist, freie Software und freie Formate für unsere Arbeit zu verwenden; unsere <strong>Idee</strong> ist, das Grundgesetz für die Bundesrepublik Deutschland als <em>das</em> Beispiel für öffentliche Daten wie Verfassungen und Gesetzestexte von unfreien Formaten zu "befreien" und umfassend zu erschließen.</p>
<p>Gesetzestexte sind wie Software: der „Quelltext” ist gut strukturiert mit einfacher Syntax und Änderungen sind auch nichts anderes als Patches, um Fehler zu beseitigen oder neuen Anforderungen zu genügen. Das jedenfalls dachten wir uns vor einiger Zeit. Wie wäre es, ein Gesetz wie ein Stück Software zu behandeln, zu versionieren und zu patchen? Softwareentwickler benutzen dafür Versionskontrollsysteme wie <a href="https://git-scm.com/" title="https://git-scm.com/"><code>git</code></a>. Damit kann man nachvollziehen, wer wann was und warum geändert hat. Als Syntax nahmen wir das leicht verständliche und weit verbreitete <a href="https://daringfireball.net/projects/markdown/" title="https://daringfireball.net/projects/markdown/"><code>markdown</code></a>, das sich wie einfacher Text liest. Um die Gesetzestexte in schöne Formate konvertieren zu können, entschieden wir uns für das mächtige <a href="https://pandoc.org/" title="https://pandoc.org"><code>pandoc</code></a>, das unser verwendetes <code>markdown</code> mit sinnvoller Syntax anreichert. Die Patches haben wir mit dem kleinen, aber feinen Tool <a href="https://savannah.nongnu.org/projects/quilt" title="https://savannah.nongnu.org/projects/quilt"><code>quilt</code></a> erstellt. Den letzten Schliff gaben wir dem Projekt mit der selbst geschriebenen Software <a href="https://github.com/c3e/DocPatch" title="https://github.com/c3e/DocPatch"><code>DocPatch</code></a>.</p>
<p>Wir beschränken uns nicht auf den reinen Text und die Änderungen, sondern gehen einen Schritt weiter: Mit Hilfe von weiteren strukturierten Daten („Metadaten”) stellen wir den Text als solches und alle Änderungen in einen größeren Kontext: Wann wurde eine Änderung verabschiedet? Wer hat sie initiiert, wer unterschrieben? Das sind alles Fragen, die wir versuchen zu beantworten.</p>
<blockquote class="pull-right">
<p>Alle Informationen müssen frei sein. […] Öffentliche Daten nützen, private Daten schützen.</p>
<small>Chaos Computer Club: <a href="https://www.ccc.de/de/hackerethik"><cite title="Hackerethik">Hackerethik</cite></a></small>
</blockquote>
</section>
</div>
<footer id="footer">
<div class="container">
<div class="row-fluid">
<div class="span4">
<p>Wer mit uns in Kontakt treten möchte, möge sich bitte direkt an <a href="https://twitter.com/bheisig" title="Twitter">Benjamin Heisig</a> wenden oder indirekt die üblichen Kommunikationskanäle des Chaospotts bemühen:</p>
<a href="http://chaospott.de/" title="chaospott.de"><img id="chaospott-logo" src="img/chaospott.svg" alt="chaospott-Logo" class="img-rounded pull-right"></a>
<address>
<strong>chaospott</strong><br />
c/o foobar e. V.<br />
Sibyllastr. 9<br />
45136 Essen<br />
<a href="mailto:[email protected]" title="[email protected]"><i class="icon-envelope"></i> [email protected]</a><br />
<a href="https://chaospott.de/" title="https://chaospott.de/"><i class="icon-globe"></i> chaospott.de</a><br />
<a href="https://twitter.com/chaospott" title="Twitter"><i class="icon-twitter"></i> @chaospott</a>
</address>
<p>Der Hackerspace foobar ist Heimat des <a href="https://chaospott.de/" title="https://chaospott.de/">chaospott</a>, ein Erfa-Kreis des <a href="https://ccc.de/" title="https://ccc.de/">Chaos Computer Club e. V.</a></p>
</div>
<div class="span4">
<p>Der <a href="https://github.com/c3e/docpatch-web" title="https://github.com/c3e/docpatch-web"><i class="icon-github"></i> Quellcode dieser Webseite</a> steht unter der <a href="http://www.gnu.org/licenses/agpl-3.0" title="http://www.gnu.org/licenses/agpl-3.0">GNU Affero General Public License, Version 3 (AGPLv3)</a>.</p>
<p>Diese Webseite wäre ohne den Einsatz von folgender Open Source Software nicht möglich gewesen:</p>
<ul>
<li><a href="http://getkickstrap.com/" title="http://getkickstrap.com/">Kickstrap</a></li>
<li><a href="https://timeline.knightlab.com/" title="https://timeline.knightlab.com/">TimelineJS</a></li>
<li><a href="http://code.google.com/p/google-diff-match-patch/" title="http://code.google.com/p/google-diff-match-patch/">google-diff-match-patch</a></li>
<li><a href="https://github.com/davist11/jQuery-One-Page-Nav" title="https://github.com/davist11/jQuery-One-Page-Nav">jQuery-One-Page-Nav</a></li>
<li><a href="http://www.datatables.net/" title="http://www.datatables.net/">DataTables</a></li>
<li><a href="http://chartjs.org/" title="http://chartjs.org/">Chart.js</a></li>
<li><a href="http://d3js.org/" title="http://d3js.org/">d3</a> und <a href="https://github.com/jasondavies/d3-cloud" title="https://github.com/jasondavies/d3-cloud">d3-cloud</a></li>
<li>und viele mehr …</li>
</ul>
</div>
<div class="span4">
<p><strong>Bitte beachten:</strong> Diese Webseite stellt keine offizielle Quelle für Gesetzestexte dar. Es wird kein Anspruch auf Korrektheit erhoben. Als amtliche Werke unterliegen deutsche Gesetze nicht dem Urheberrecht. Die <a href="https://github.com/c3e/grundgesetz-dev#quellen" title="https://github.com/c3e/grundgesetz-dev#quellen">Quellen</a> sind auf der Projektseite nachzulesen.</p>
<p><a href="#mitmachen" title="Mitmachen">Bitte hilf mit</a>, dieses Angebot weiter zu verbessern.</p>
</div>
</div>
</div>
</footer>
<script src="Kickstrap/js/jquery-1.8.3.min.js"></script>
<script id="appList" src="Kickstrap/js/kickstrap.min.js"></script>
<script id="appList" src="js/ready.js"></script>
</body>
</html>