-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
390 lines (319 loc) · 22.8 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
---
layout: default
timeline: 'true'
form: 'true'
tooltip: 'true'
customjs:
- /js/parallax.min.js
- /js/fileinput.min.js
- /js/locales/fr.js
published: true
---
<!-- hero section -->
<div class="parallax-container-top" data-parallax="scroll" data-position="top" data-bleed="10" data-image-src="/img/abs9.jpg" data-natural-width="1476" data-natural-height="900"></div>
<div class= "container">
<div class="punchline text-center">
<h2>Développer ensemble des solutions <br>open source<a href="#" data-toggle="tooltip" data-placement="down" title="*transparentes, modifiables et libres pour tous!"><b>*</b></a>
pour la démocratie.</h2>
<br>
</div>
<div class="card">
<div class="text_card">
{% assign hackathons = site.hackathons | sort: 'title' | reverse %}
{% for hackathon in hackathons limit:1 %}
{% if hackathon.nextevent %}
<div class="ribbon-red"><span> Prochain événement</span></div>
<h4 style="color:#fff;">{{ hackathon.title }}</h4>
<p><i class="fa fa-calendar" aria-hidden="true"></i> {{ hackathon.moment }} <i class="fa fa-map-marker" aria-hidden="true" style="padding-left:10px"></i> {{ hackathon.place }}</p>
<div><a href="{{ hackathon.url }}"><img src="img/hackathons/{{hackathon.img}}"> </img></a></div>
<br>
{% if hackathon.nextevent %}
<a href="{{ hackathon.eventurl }}" class="btn btn-success btn-md btn-fill" target="_blank"><b>Inscription</b></a>
{% endif %}
{% if hackathon.notes %} <a href="{{ hackathon.notes }}" style="float:center" class="btn btn-warning btn-md btn-fill" target="_blank"><b>Compte rendu</b></a>
{% endif %}
<a href="{{ hackathon.url }}" class="btn btn-info btn-md btn-fill"> <b>Détails</b> <i class="fa fa-chevron-right" style=" vertical-align: middle;"></i> </a>
<br>
<br>
{% else %}
<div class="ribbon"><span>événement terminé</span></div>
<h4 style="color:#fff;">{{ hackathon.title }}</h4>
<p><i class="fa fa-calendar" aria-hidden="true"></i> {{ hackathon.moment }} <i class="fa fa-map-marker" aria-hidden="true" style="padding-left:20px"></i> {{ hackathon.place }}</p>
<div>
<a href="{{ hackahton.url }}"><img src="img/hackathons/{{hackathon.img}}"> </img></a>
</div>
<br>
<a href="{{ hackathon.url }}" class="btn2 btn-bs btn-lg">Détails et compte rendu</a>
<br>
{% endif %}
{% endfor %}
</div>
</div>
<br>
<center><a href="{{ site.baseurl }}/hackathons/" class="btn2 btn-bs btn-lg">Voir tous les hackathons</a></center>
<br>
<br>
</div>
<!-- end of hero section -->
<!-- Presentation Section -->
<div class="section section-presentation">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="description">
<h3>L'initiative <b>Open Democracy Now</b></h3>
<p>
Officiellement initiée en janvier 2016, l’initiative Open Democracy Now rassemble une communauté d’acteurs aux profils complémentaires désireux d’apporter des solutions concrètes aux enjeux d’une démocratie plus participative et collaborative. </p>
<p>Conjointement organisée par <a href="https://ogptoolbox.org/" target="blank">OGP Toolbox</a>, <a href="http://democracyos.eu/" target="blank">DemocracyOS France</a>, <a href="http://openlaw.fr/" target="blank">Open Law</a>, <a href="http://opensourcepolitics.eu/" target="blank">Open Source Policis</a>, <a href="https://lesbricodeurs.fr/" target="blank">Les Bricodeurs</a>, <a href="http://democracy.earth" target="blank">Democracy Earth</a>, <a href="http://republiquecitoyenne.fr/" target="blank">République Citoyenne</a> et <a href="http://97.network/" target="blank">97 Network</a>, elle a vocation à être <b>construite sur la durée</b>, portée par plusieurs projets développés pendant une série de <a href="{{ site.baseurl }}/hackathons/"><b>hackathons</b></a> tout au long de l’année.
</p>
<p>Focalisés sur le développement et l'usage d’outils <b>open source</b> pour la concertation publique en ligne et l’élaboration collaborative de la loi, les différents projets partagent des valeurs structurantes : <b>l’ouverture, la transparence, l’accessibilité, la réutilisation</b>.</p>
<p> De premiers résultats très encourageants ont été présentés fin 2016 lors du <a href="http://www.opensourcesummit.paris/" target="_blank"> <b>Paris Open Source Summit</b></a> et du Sommet mondial du <a href="http://www.opengovpartnership.org/" target="_blank"><b>Partenariat pour un Gouvernement Ouvert</b></a> à Paris.</p>
<p><a href="{{ site.baseurl }}/infos/">En savoir plus</a> sur l'initiative ODN!</p>
<!-- 2 buttons -->
<div class="row">
<div class="col-md-6">
<p><a href="{{ site.baseurl }}/projets/" class="btn btn-info btn-lg btn-fill">Découvrer les projets</a></p>
</div>
<div class="col-md-6">
{% include projet-modal.html %}
</div>
</div>
</div>
</div>
<div class="col-md-6">
<img class="img-responsive hidden-xs" src="img/hackathon-18.png" alt="photo participants"/>
<p class="hidden-xs"><i>Les participants du hackathon Open Democracy Now n°4 préparent la restitution de leurs ateliers.<br>
Crédit photo: Robin Lambert.</i></p>
</div>
</div>
</div>
</div>
<!-- end of presentation -->
<!-- thematics section-->
<div class="section section-gray section-clients" id="thematics">
<div class="container text-center">
<h3>6 thématiques portées par une équipe de référents</h3>
<p>Le nouveau cycle d'événements d'Open Democracy Now est rythmé par deux types d'événements :</p>
<ul style="list-style-type: none;">
<li>Les <b>meetups thématiques</b> - organisés fréquemment, ils permettent de suivre les projets.</li>
<li>Les <b>hackathons</b> - plus espacés, ils rassemblent toute la communauté.</li>
</ul>
</br>
</div>
<div class="container">
<!-- blockhain -->
<div class="row" id="blockchain">
<div class="col-sm-12 col-md-6">
<center><h5>Coordinateurs :</h5></center>
<div class="col-md-4">
<center>
<img src="/img/people/virgile.jpg" class="img-circle">
<br>
<p><b>Virgile Deville</b></p>
<p><a href="https://twitter.com/VirgileDeville"><i class="fa fa-twitter"></i></a> <a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a></p>
</center>
</div>
<div class="col-md-4">
<center>
<img src="/img/people/louis-margot-duclot.jpg" class="img-circle">
<br>
<p><b>Louis Margot-Duclot</b></p>
<p><a href="https://twitter.com/LMargotDuclot"><i class="fa fa-twitter"></i></a> <a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a></p>
</center>
</div>
<div class="col-md-4">
<center>
<img src="https://lesbricodeurs.fr/images/bio/Xa.jpg" class="img-circle" width="180px" height="150px">
<br>
<p><b>Xavier Lavayssière</b></p>
<p><a href="https://twitter.com/XavierLava"><i class="fa fa-twitter"></i></a> <a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a></p>
</center>
</div>
</div>
<div class="col-sm-12 col-md-6">
<h3>L’utilisation des technologies blockchain pour la démocratie et les service publics</h3>
<p>Les administrateurs systèmes de nos applications de gouvernance participative sont les monarques de nos démocraties numériques. La blockchain comme tiers de confiance et garant de l’incorruptibilité des données est une vraie opportunité de décentralisation pour les civic techs. Des ateliers seront organisés pour découvrir ces nouveaux protocoles et tenter de les appliquer aux enjeux démocratiques.</p>
<a href="https://openagenda.com/open-democracy-now/?oaq%5Bcategory%5D=blockchain" class="btn btn-primary">Voir les événements</a>
</div>
<hr>
</div>
<!-- blockchain end -->
<p> </p>
<!-- écriture collaborative de la loi -->
<div class="row" id="ecriture-loi">
<div class="col-sm-12 col-md-6">
<h3>L’écriture collaborative de la loi</h3>
<p>Plusieurs projets se rapprochent de l’objectif de constituer un véritable “Git de la loi” permettant aux citoyens de suivre les débats parlementaires et de participer à l’écriture de la loi en temps réel. Nous atteindrons ce but en soutenant des technologies libres.</p>
<a href="https://openagenda.com/open-democracy-now/?oaq%5Bcategory%5D=ecriture-collaborative-de-la-loi" class="btn btn-primary">Voir les événements</a>
</div>
<div class="col-md-2">
<center>
<h5>Coordinateur :</h5>
<div>
<img src="http://www.opensourcepolitics.eu/img/team/3.jpg" class="img-circle" width="180px" height="150px">
<br>
<p><b>Valentin Chaput</b></p>
<p><a href="https://twitter.com/ValentinChaput"><i class="fa fa-twitter"></i></a> <a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a></p>
</div>
</center>
</div>
<hr>
</div>
<!-- fin ecriture collab de la loi -->
<p> </p>
<!-- Charte éthique -->
<div class="row" id="charte">
<div class="col-md-4 xs-hidden">
</div>
<div class="col-md-2">
<center>
<h5>Coordinateur :</h5>
<div>
<img src="https://pbs.twimg.com/profile_images/785856552389447681/DsYUP_1m_400x400.jpg" class="img-circle" width="180px" height="150px">
<br>
<p><b>Benjamin Jean</b></p>
<p><a href="https://twitter.com/__bjean__"><i class="fa fa-twitter"></i></a> <a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a></p>
</div>
</center>
</div>
<div class="col-sm-12 col-md-6">
<h3>La Charte éthique pour les consultations publiques en ligne</h3>
<p>Fruit de plusieurs ateliers lors des hackathons ODN et d’échanges avec des institutions publiques, la rédaction d’une Charte éthique est en cours de finalisation. Nous la proposerons aux administrations qui s’engagent dans des démarches de gouvernement ouvert.</p>
<a href="https://openagenda.com/open-democracy-now/?oaq%5Bcategory%5D=charte-ethique" class="btn btn-primary">Voir les événements</a>
</div>
<hr>
</div>
<!-- fin charte ethique -->
<p> </p>
<!-- carto collab -->
<div class="row" id="carto-collab">
<div class="col-sm-12 col-md-6">
<h3>La cartographie des écosystèmes émergents</h3>
<p>En lien avec de nombreux mouvements citoyens, nous utiliserons les outils de cartographie collaborative pour mettre en relation les initiatives citoyennes locales qui partagent nos valeurs de collaboration, de participation et de transparence.</p>
<a href="https://openagenda.com/open-democracy-now/?oaq%5Bcategory%5D=cartographie" class="btn btn-primary">Voir les événements</a>
</div>
<div class="col-md-2">
<center>
<h5>Coordinateur :</h5>
<div>
<img src="https://pbs.twimg.com/profile_images/867745693913554948/2LzNhPwk_400x400.jpg" class="img-circle" width="180px" height="150px">
<br>
<p><b>Johan Richer</b></p>
<p><a href="https://twitter.com/JohanRicher"><i class="fa fa-twitter"></i></a> <a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a></p>
</div>
</center>
</div>
<hr>
</div>
<!-- fin carto collab -->
<p> </p>
<!-- consultation -->
<div class="row" id="consultation">
<div class="col-md-4 xs-hidden">
</div>
<div class="col-md-2">
<center>
<h5>Coordinateur :</h5>
<div>
<img src="https://pbs.twimg.com/profile_images/812669167459516416/KBQZyVRD_400x400.jpg" class="img-circle" width="180px" height="150px">
<br>
<p><b>Caroline Corbal</b></p>
<p><a href="https://twitter.com/CaroCorbal"><i class="fa fa-twitter"></i></a> <a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a></p>
</div>
</center>
</div>
<div class="col-sm-12 col-md-6">
<h3>Les plateformes de consultation</h3>
<p>Pour accompagner la demande croissante de concertations publiques et citoyennes, nous continuerons à répertorier et partager les bonnes pratiques internationales et à soutenir la progression des plateformes de consultation open source.</p>
<a href="https://openagenda.com/open-democracy-now/?oaq%5Bcategory%5D=consultation-publique" class="btn btn-primary">Voir les événements</a>
</div>
<hr>
</div>
<!-- fin consultation -->
<p> </p>
<!-- budget -->
<div class="row" id="budget">
<div class="col-sm-12 col-md-6">
<h3>La transparence budgétaire et les budgets participatifs</h3>
<p>L’ouverture des données budgétaires locales et nationales est au centre de projets présents depuis l’origine de nos hackathons. Nous renforcerons cette dynamique pour introduire en France les meilleurs référentiels européens.</p>
<a href="https://openagenda.com/open-democracy-now/?oaq%5Bcategory%5D=transparence-budgetaire" class="btn btn-primary">Voir les événements</a>
</div>
<div class="col-md-2">
<center>
<h5>Coordinateur :</h5>
<div>
<img src="img/laptop.png" class="img-circle" width="180px" height="150px">
<br>
<p><b>Florent André</b></p>
<p><a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a></p>
</center>
</div>
</div>
<hr>
</div>
<!-- fin budget -->
</div>
</div>
<!-- end of thematics -->
</div>
<!-- Partners section-->
<div class="section section-features">
<div class="container">
<h3 class="text-center">Co-organisateurs</h3>
<br>
<center>
<div class="row">
<ul class="list-inline clearfix">
<li><a href="http://openlaw.fr/index.php?title=Open_Law,_le_Droit_Ouvert" target="_blank"><img class="img-responsive" src="/img/logos/logo_OpenLaw.jpg" alt="Open Law, le droit ouvert" width="180px"></a></li>
<li><a href="http://democracyos.eu/" target="_blank"><img class="img-responsive" src="/img/logos/DOSlogo.jpg" alt="Democracy OS France" width="180px"></a></li>
<li><a href="http://www.opensourcepolitics.eu/" target="_blank"><img class="img-responsive" src="/img/logos/logoosp.jpg" alt="Open Source Politics, solutions civic tech" width="180px"></a></li>
<li><a href="https://lesbricodeurs.fr/" target="_blank"><img class="img-responsive" src="/img/logos/bricodeurs.png" alt="Bricodeurs, le numérique ludique et citoyen" width="180px"></a></li>
<li><a href="https://ogptoolbox.org/" target="_blank"><img class="img-responsive" src="/img/logos/ogptoolbox.png" alt="OGP Toolbox, la boite à outils du gouvernement ouvert" width="180px"></a></li>
<li><a href="http://democracy.earth/" target="_blank"><img class="img-responsive" src="/img/logos/democracy-earth.png" alt="Democracy Earth, Blockchain liquid democracy for Earth" width="180px"></a></li>
<li><a href="http://97.network/" target="_blank"><img class="img-responsive" src="/img/logos/97-network.png" alt="97 Network, Institutions of a new kind powered by blockchain." width="180px"></a></li>
<li><a href="http://republiquecitoyenne.fr/" target="_blank"><img class="img-responsive" src="/img/logos/Repcitoyenne.jpg" alt="Republique Citoyenne" width="180px"></a></li>
</ul>
</div>
<h3 class="text-center" style="padding-top:30px">Avec le soutien de</h3>
<br>
<div class="row">
<ul class="list-inline clearfix">
<li><a href="http://www.opensourcesummit.paris/" target="blank"><img class="img-responsive" src="/img/logos/poss.jpg" alt="Paris_Open_Source_Summit" width="180px"></a></li>
<li><a href="https://www.opengovpartnership.org/" target="_blank"><img class="img-responsive" src="/img/logos/ogp_paris.jpg" alt="OGP_logo" width="180px"></a></li>
<li><a href="https://www.etalab.gouv.fr/" target="_blank"><img class="img-responsive" src="/img/logos/etalab.png" alt="Etalab" width="180px"></a></li>
<li><a href="https://www.mozilla.org/fr/foundation/" target="_blank"><img class="img-responsive" src="/img/logos/logo-mozilla.png" alt="logo_mozilla" width="180px"></a><li>
<li><a href="http://www.mairie18.paris.fr/" target="_blank"><img class="img-responsive" src="/img/logos/mairie-18.png" alt="logo_mairie-du-18" width="180px"></a></li>
</ul>
</div>
</center>
</div>
</div>
<!-- end of partners section -->
<!-- Agenda section -->
<div class="section-gray" style="margin-bottom:-20px;" id="agenda">
<div class="container-agenda">
<br>
<center>
<h2>L'agenda des événements Open Democracy Now</h2>
<br>
<p>Participez à l'animation de la communauté : <a href="https://openagenda.com/open-democracy-now/addevent" class="btn btn-warning btn-fill">Proposer un événement</a></p>
</center>
<br>
<div class="row">
<div class="col-md-9">
<iframe style="width:100%;" frameborder="0" scrolling="no" allowtransparency="allowtransparency" class="cibulFrame cbpgbdy" data-oabdy src="//openagenda.com/agendas/46721496/embeds/75961130/events?lang=fr"></iframe><script type="text/javascript" src="//openagenda.com/js/embed/cibulBodyWidget.js"></script>
</div>
<div class="col-md-3">
<h5>Trouvez votre événement</h5>
<br>
<div class="cbpgsc cibulSearch" data-oasc data-cbctl="46721496/75961130|fr" data-lang="fr"> <i class="fa fa-search"></i></div><script type="text/javascript" src="//openagenda.com/js/embed/cibulSearchWidget.js"></script>
<br>
<h6>Thématiques</h6>
<div class="cbpgct cibulCategories" data-oact data-cbctl="46721496/75961130" data-lang="fr"></div><script type="text/javascript" src="//openagenda.com/js/embed/cibulCategoriesWidget.js"></script>
<br>
<div class="cbpgcl cibulCalendar" data-oacl data-cbctl="46721496/75961130|fr" style="width:100%;" data-lang="fr"></div><script type="text/javascript" src="//openagenda.com/js/embed/cibulCalendarWidget.js"></script>
</div>
</div>
</div>
</div>
<!-- end of agenda section -->