index.html

---
layout: default
---

<!-- Main layout-->

<main>
   <div class="main-wrapper">
     <div class="container-fluid">

       <section id="mission">
         <div class="row">
           <div class="col-md-8 offset-md-2 my-4">
             <h2 class="text-center">Notre vision</h2>
             <p>Les technologies numériques sont incroyablement puissantes et redéfinissent le fonctionnement de notre société. Mais tous les domaines ne se transforment pas à la même vitesse. Très souvent, les acteurs qui œuvrent pour l’intérêt général* sont en retard par rapport aux startups et aux géants de la tech. <b>Data for Good existe pour rétablir l’équilibre.</b></p>
             <p>* citoyens, associations, institutions publiques et entreprises à fort impact social.</p>

             <h2 class="text-center">Notre mission</h2>
             <p>Chaque jour, de nouveaux défis sont à relever en matière de santé, d’environnement, d’inclusion sociale, d’éducation ou de citoyenneté. Et chaque jour, de nouvelles idées germent et de plus en plus de citoyens veulent s’engager.</p>
             <p>La communauté Data for Good rassemble celles et ceux qui veulent façonner des projets concrets et sur mesure en réponse à ces défis. Elle offre un cadre vivant et bienveillant où ces projets éclosent, mûrissent et se déploient.</p>

             <h2 class="text-center">Nos valeurs</h2>
             <p><b>Des optimistes pragmatiques</b> – qui s’engagent à résoudre de vrais problèmes à travers une méthode d’accompagnement ascendante et itérative.</p>
             <p><b>Des artisans de l’open source</b> – qui veulent que les progrès des uns puissent être réutilisés pour faire avancer les autres. Tout contenu produit au sein des projets (code, visuels, documentation, etc.) est publié sous une licence libre.</p>
             <p><b>Des hackers indépendants</b> – qui ont choisi d’être 100% bénévoles pour conserver toute liberté dans leur prise de décisions.</p>
             <p><b>Un collectif de bâtisseurs</b>  – qui ont conscience que la technologie n’est pas la réponse à tout, mais qui veulent construire brique par brique le monde de demain.</p>
           </div>
         </div>
       </section>

       <hr class="my-4">

       <section id="projects">
         <h2 class="text-center">Nos projets</h2>
         <p class="text-center">{{ site.projects | size }} projets ont déjà été accélérés lors des précédentes saisons d'accélération.</p>
          {% for season in (1..site.number_of_season) reversed %}
            <h4 class="mt-4" style="text-align:center;">Saison {{ season }}</h4>
            <div class="row">
              {% for item in site.projects %}
                {% if item.season == season %}
                  <div class="col-lg-3 col-md-6 my-4">
                    <!--Card-->
                    <div class="card wow fadeIn" data-wow-delay="0.2s" style="visibility: visible;">

                        <!--Card image-->
                        <div class="view overlay hm-white-slight hm-zoom">
                            {% if item.image %}
                            <img
                                class="img-fluid"
                                src="https://dataforgood.fr/img/projects/{{ item.image }}"
                                alt="projet-{{ item.title }}"
                                srcset="
                                    https://dataforgood.fr/img/projects/900/{{ item.image }} 900w,
                                    https://dataforgood.fr/img/projects/450/{{ item.image }} 450w"
                                sizes="
                                    (max-width: 991px) 100vw,
                                    20vw">
                            </img>
                            {% else %}
                            <img
                                class="img-fluid"
                                src="https://dataforgood.fr/img/projects/{{ item.image }}"
                                alt="projet-{{ item.title }}"
                                srcset="
                                    https://dataforgood.fr/img/projects/900/default.jpg 900w,
                                    https://dataforgood.fr/img/projects/450/default.jpg 450w"
                                sizes="
                                    (max-width: 991px) 100vw,
                                    20vw">
                            </img>
                            {% endif %}
                            <a href="{{ item.url }}">
                                <div class="mask"></div>
                            </a>
                        </div>

                        <!--Card content-->
                        <div class="card-body">
                            <!--Title-->
                            <h4 class="card-title">{{ item.title }}</h4>
                            <!--Text-->
                            <p class="card-text">{{ item.description }}</p>
                            <a href="{{ item.url }}" class="deep-orange-text mt-1 d-flex flex-row-reverse">
                              <h5 class="waves-effect p-2">En savoir plus <i class="fa fa-chevron-right"></i></h5>
                            </a>
                        </div>
                    </div>
                    <!--/.Card-->
                  </div>
                {% endif %}
              {% endfor %}
            </div>
          {% endfor %}

           <h4 class="mt-4" style="text-align:center;">Projets hors-saison</h4>
           <div class="row">
             {% for item in site.projects %}
               {% if item.season == 0 %}
                 <div class="col-lg-3 col-md-6 my-4">
                   <!--Card-->
                   <div class="card wow fadeIn" data-wow-delay="0.2s" style="visibility: visible;">

                       <!--Card image-->
                       <div class="view overlay hm-white-slight hm-zoom">
                           {% if item.image %}
                           <img
                               class="img-fluid"
                               src="https://dataforgood.fr/img/projects/{{ item.image }}"
                               alt="projet-{{ item.title }}"
                               srcset="
                                   https://dataforgood.fr/img/projects/900/{{ item.image }} 900w,
                                   https://dataforgood.fr/img/projects/450/{{ item.image }} 450w"
                               sizes="
                                   (max-width: 991px) 100vw,
                                   20vw">
                           </img>
                           {% else %}
                           <img
                               class="img-fluid"
                               src="https://dataforgood.fr/img/projects/{{ item.image }}"
                               alt="projet-{{ item.title }}"
                               srcset="
                                   https://dataforgood.fr/img/projects/900/default.jpg 900w,
                                   https://dataforgood.fr/img/projects/450/default.jpg 450w"
                               sizes="
                                   (max-width: 991px) 100vw,
                                   20vw">
                           </img>
                           {% endif %}
                           <a href="{{ item.url }}">
                               <div class="mask"></div>
                           </a>
                       </div>

                       <!--Card content-->
                       <div class="card-body">
                           <!--Title-->
                           <h4 class="card-title">{{ item.title }}</h4>
                           <!--Text-->
                           <p class="card-text">{{ item.description }}</p>
                           <a href="{{ item.url }}" class="deep-orange-text mt-1 d-flex flex-row-reverse">
                             <h5 class="waves-effect p-2">En savoir plus <i class="fa fa-chevron-right"></i></h5>
                           </a>
                       </div>
                   </div>
                   <!--/.Card-->
                 </div>
               {% endif %}
             {% endfor %}
           </div>

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

      <div class="elegant-color py-5">
        <div class="main-wrapper py-4">
          <div class="container-fluid">
            <section id="events" class="dark-section">
              <div class="row">
                  <!--First column-->
                  <div class="col-md-6 my-4">
                      <h2>Évènements publics</h2>
                      <p>Nous présentons nos projets au public à la fin de chaque saison d'accélération, environ trois fois par an.</p>
                      <p>Ces Demo Days rassemblent des centaines de passionnés de l'innovation sociale permise par la technologie et la data science.</p>
                      <div class="my-4" align="center">
                        <a href="http://www.meetup.com/Data-for-Good-FR" role="button" class="btn btn-deep-orange">
                          <i class="fa fa-calendar pr-2" aria-hidden="true">
                          </i>
                          Assistez à nos évènements
                        </a>
                      </div>
                  </div>
                  <!--/.First column-->

                  <!--Second column-->
                  <div class="col-md-6 my-4">
                    <div class="view overlay hm-white-slight hm-zoom">
                        <img src="https://dataforgood.fr/img/events.jpg" class="img-fluid" alt="photo-meetup">
                        <a href="http://www.meetup.com/Data-for-Good-FR">
                            <div class="mask"></div>
                        </a>
                    </div>
                  </div>
                  <!--/.Second column-->
              </div>
            </section>
          </div>
        </div>
      </div>

      <div class="elegant-color py-5" style="background-image: url(https://dataforgood.fr/img/join.jpg); background-position: center;">
        <div class="main-wrapper py-4">
          <div class="container-fluid">
            <section id="join" class="dark-section">
              <div class="row">
                  <div class="col-md-8 offset-md-2">
                    <div class="text-center">
                        <h1 class="h1-reponsive white-text font-up font-bold mb-3 wow fadeInDown h1-header" data-wow-delay="0.3s"><strong>Ralliez la communauté !</strong></h1>
                        <hr class="hr-light mt-4 wow fadeInDown" data-wow-delay="0.4s">
                        <h4 class="mb-5 white-text wow fadeInDown" data-wow-delay="0.4s">La communauté Data for Good compte plus de 1000 volontaires qui consacrent 4 à 12h par semaine au service d'un projet à impact social.<br><br>Vous êtes data scientist, développeur, designer ou project manager ? Rejoignez-nous !</h4>
                        <a class="typeform-share button btn btn-deep-orange wow fadeInDown" data-wow-delay="0.4s" href="https://dataforgood.typeform.com/to/goIj4s" data-mode="popup" target="_blank">Devenez volontaire </a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>
                    </div>
                  </div>
              </div>
            </section>
          </div>
        </div>
      </div>

      <div class="elegant-color py-5">
        <div class="main-wrapper py-4">
          <div class="container-fluid">
            <section id="partners" class="dark-section">
              <h2 class="text-center">Nos partenaires</h2>
              <div class="row">
                <div class="col-lg-3 col-md-6 my-4" align="center">
                  <div class="view overlay hm-white-slight hm-zoom avatar">
                      <img src="https://dataforgood.fr/img/logo-bayes-impact.png" class="img-fluid" alt="logo-bayes-impact">
                      <a href="http://bayesimpact.org/">
                          <div class="mask"></div>
                      </a>
                  </div>
                  <h4 class="card-title mt-4">Bayes Impact</h4>
                  <p class="card-text">Bayes Impact soutient la communauté Data for Good dans le développement des projets de data science.</p>
                </div>
                <div class="col-lg-3 col-md-6 my-4" align="center">
                  <div class="view overlay hm-white-slight hm-zoom avatar">
                      <img src="https://dataforgood.fr/img/logo-ashoka.png" class="img-fluid" alt="logo-ashoka">
                      <a href="https://www.ashoka.org/fr">
                          <div class="mask"></div>
                      </a>
                  </div>
                  <h4 class="card-title mt-4">Ashoka</h4>
                  <p class="card-text">Ashoka soutient plus de 3 300 innovateurs sociaux dans le monde. Nous leurs apportons nos compétences techniques.</p>
                </div>
                <div class="col-lg-3 col-md-6 my-4" align="center">
                  <div class="view overlay hm-white-slight hm-zoom avatar">
                      <img src="https://dataforgood.fr/img/logo-liberte-living-lab.png" class="img-fluid" alt="logo-liberte-living-lab">
                      <a href="https://liberte.paris/">
                          <div class="mask"></div>
                      </a>
                  </div>
                  <h4 class="card-title mt-4">Liberté living lab</h4>
                  <p class="card-text">Le LLL accueille chaque semaine la communauté Data for Good dans le Sentier à Paris pour y développer nos projets.</p>
                </div>
                <div class="col-lg-3 col-md-6 my-4" align="center">
                  <div class="view overlay hm-white-slight hm-zoom avatar">
                      <img src="https://dataforgood.fr/img/logo-change.png" class="img-fluid" alt="logo-change">
                      <a href="https://www.change.org/fr">
                          <div class="mask"></div>
                      </a>
                  </div>
                  <h4 class="card-title mt-4">change.org</h4>
                  <p class="card-text">Nous avons collaboré avec la plus grande plateforme mondiale de pétitions sur la consultation citoyenne Changez 2017.</p>
                </div>
              </div>
            </section>
          </div>
        </div>
      </div>


</main>
<!-- /.Main layout-->