cmsdato.github.io/index.html at master · arthur-koenig/cmsdato.github.io · GitHub

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
---
layout: homepage
---

    <div class="container marketing marketing-tight">

     <blockquote style="text-align:left">
  <h1 >La démocratie doit se réinventer à l’heure d’internet.</h1>
  <footer>Extrait de notre <a href=""><cite title="Source Title" style="border-bottom:dotted 1px black">Manifeste</cite></footer></a>
</blockquote>
<p class="lead"> DemocracyOS est une plateforme <b>open source</b> : libre, gratuite, indépendante, réplicable. Son but est de favoriser la participation de tous à la fabrique de décisions politiques, à l'heure où internet a changé presque tous les aspects de notre vie quotidienne... sauf le fonctionnement de nos démocraties.<br>
<br>Notre mission est d' accompagner et rassembler des mouvements citoyens, des institutions, des start-ups, des associations et tous types de structure prêts à faire le pari de la démocratie participative en ligne grâce à un outil libre, simple et efficace. <br><br>Nous œuvrons pour promouvoir une culture de participation citoyenne nouvelle génération et favoriser l’émergence d’un écosystème de technologies citoyennes (civic- tech) en France.
<br>
  <br>


<br>

 </div>


<section class="featured-content">
      <div class="container marketing" >

      <div class="row featurette">
        <div class="col-sm-7">
          <h2 class="featurette-heading">Comment ça marche? <span class="text-muted">DemocracyOS</span></h2>
          <p class="lead"><b>Proposez: </b> Créez votre démocratie locale en quelques clics et publiez les sujets à débattre, en offrant les informations nécessaires aux participants.
            <br> <b>Débattez: </b>Donnez votre opinion sur une plateforme conçue pour filtrer les meilleurs arguments et repondez aux autres participants.
            <br><b>Décidez: </b>Activez le module de vote et amenez tout le monde à prendre une décision en temps voulu, grâce à des échéances claires. </p>
        </div>
        <div class="col-sm-5">
          <br>
          <br>
          <img class="featurette-image img-responsive center-block" src="img/iphone-black.png" alt="dos-evices">
           <div class= "text-center">
               <h3 style="font-weight:600">Prêt à créer votre démocratie?</h3>
                <a class="btn btn-primary btn-lg" href="http://democracyos.eu/docs-fr/" target="_blank">
                <span ></i>Démarrer</span></a>
                </div>
        </div>
      </div>
      </div>


      </section>


<section>
  <br>
  <br>
  <div class="container marketing">
      <div class="row featurette">
        <div class="col-sm-7 col-sm-push-5">
          <h2 class="featurette-heading">Qui utilise DOS?<span class="text-muted"> En France et ailleurs</span></h2>
          <p class="lead">Ville de Nanterre, Mairie de Paris, #MAVOIX et plus encore.
                      <b>Collectivités, équipes de travail, associations, mouvements politiques...</b> DemocrayOS s'adresse à tout type de collectif ayant un besoin de consultation et de prise de décision.</p>

        </div>
        <div class="col-sm-5 col-sm-pull-7">
           <img class="featurette-image img-responsive center-block" src="img/polygon.png" alt="dos-evices">
           <br>
               <div class="text-center">
           <a class="btn btn-primary btn-lg" href="{{site.baseurl}}/projets">
                        <span><i class="fa fa-bank"></i> Réalisations</span>

                    </a>
                </div>

        </div>
      </div>
      </div>
       <br>
  <br>
    </section>

<section>
<div class="container marketing">

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">Vous aussi, participez  <span class="text-muted">à DemocracyOS!</span></h2>
          <p class="lead">DemocracyOS est une application open source: tout le monde peut participer à son développement, et il y a mille manières de le faire. Si vous avez des connaissances en programmation, en traduction, en design ou autre expertise, vous pouvez nous <a href="{{site.baseurl}}/participer" style="font-weight:900"> apporter une aide ponctuelle.</a> Si le domaine des civic-tech vous intéresse et que vous souhaitez vous impliquer davantage, <a href="{{site.baseurl}}a-propos" style="font-weight:900">découvrez notre équipe</a> et rejoignez nous!</p>

           <p class="lead">Parce que le développement de l'application dépend aussi des moyens financiers de l'association,  Faire un don contribue directement à la réussite de DemocracyOS. </p>

   <a class="btn btn-info btn-md" href="https://www.helloasso.com/associations/democracyos-france/collectes/dons-2016-2017" target="_blank"><span>Faire un don</span></a>
   <br>
    <br>

            <p class="lead"><b>Merci pour votre soutien!</b></p>


        </div>
        <div class="col-md-5">
          <br>
         <br>
        <br>
<ul class="colory">
          <li><a href="{{site.baseurl}}/participer"><p class="lead"><i class="fa fa-inverse fa-pencil" aria-hidden="true"></i><b> Participer</b></p></a></li>
          <li><a href="https://www.helloasso.com/associations/democracyos-france/adhesions/adhesion-a-democracyos-france" target="_blank"><p class="lead"><i class="fa fa-user-plus fa-inverse" aria-hidden="true"></i><b>Devenir membre</b></p></a></li>
          <li><a href="https://www.helloasso.com/associations/democracyos-france/collectes/dons-2016-2017" target="_blank"><p class="lead"><i class="fa fa-heart fa-inverse" aria-hidden="true"></i>
<b>Faire un don</b></p></a></li>
        </ul>

        <br>
        <br>

           <br>


        </div>
      </div>
</section>
      <hr class="featurette-divider">
      </div>


{% assign events = site.events | sort: 'date' | reverse %}
 {% for event in events limit:1 %}
<h1 class="text-center fatou" style="color:{{event.background}}">{{event.type}}</h1>

        {% include events.html %}
            {% endfor %}

    </section>


      <section class="brands container text-center">
            <h4>DemocracyOS France dans les médias:</h4><br>
            <center>
          {% include brands.html %}
        </center>
    </section>


  <h4 class="text-center">Derniers article à retrouver sur le <a href="{{site.baseurl}}blog"><b>blog</b></a></h4>
  <br>

  <div class="row">
  <div class="container">
  {% for post in site.posts limit:2 %}

    <div class="col-sm-6">


        <div class="well well-homepage">

              <a href="{{site.baseurl}}{{post.url}}"><img class=" img-responsive {{post.customclass}}" src="{{ post.hero }}"></a>

        <p class="lead">
          <b>{{post.title}}</b><br>
          {{post.extrait | truncatewords: 20}} <br><a href="{{site.baseurl}}{{post.url}}"><button class="btn-primary btn btn-xs">lire plus</button></a>

        </p>
        </div>


        </div>


        {% endfor %}
          </div>

  </div>