<commit_before><!DOCTYPE html>
<html lang="fr"> <!-- Notre page est en français -->
  <head>
    <!-- Il est obligatoire de préciser un encodage de caractères et un titre pour la page -->
    <meta charset="utf-8">
    <meta name="copyright" content="Copyright © 2013 Adobe Systems Incorporated. All rights reserved.
 
 Licensed under the Apache License, Version 2.0 (the “License”);
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
 
 http://www.apache.org/licenses/LICENSE-2.0
 
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an “AS IS” BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.">


    <!-- set viewport correctly so that the page displays full width on mobiel devices -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hyblab 2016</title>

    <!-- bootstrap css -->
    <link rel="stylesheet" href="../libraries/bootstrap/dist/css/bootstrap.css">

    <!-- Déclaration de la feuille de style du document-->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/javascript.fullPage.css" />

  </head>
  <body>
    <!-- Ce conteneur est la seule balise div que l'on s'autorise pour effectuer la mise en page du site -->
    <!-- On pourrait bien sûr en ajouter d'autres pour se faciliter la mise en page -->
    <!-- Mais on va s'efforce de respecter et brouiller le moins possible la structure logique du contenu -->
    <div id="container">

      <section class="section" style="background-color:#f7fbfc; opacity: 0.8">
          <h1 class="titre">
            LES ÉNERGIES RENOUVELABLES
          </h1>
          <h2 class="sous_titre_orange">
            EN PAYS DE LA LOIRE
          </h2>
      </section>

      <section class="section" style="background-color:#f7fbfc; opacity: 0.8">
        <h2 class="titre">
          CONNAISSEZ-VOUS VOTRE RÉGION
        </h2>
      </section>

      <section class="section" style="background-color:#f7fbfc; opacity: 0.9">
        <section class="slide">
          <h2 class="text-center titre">
            QUELLE EST LA SUPERFICIE DE LA RÉGION PAYS DE LA LOIRE
          </h2>

          <span class="text-center answers bloc_reponse" id="q1_a">
            <p class="text-center">
            Réponse
            </p>
          </span>

          <span class="text-center contenu slide_width">
            <p class"text-center" style="color:red">IMAGE</p>
          </span>
          <span class="contenu propositions">
            <ul class=" text-center liste_propositions">
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q1_p1"><p>25 000 km²</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q1_p2"><p>35 000 km²</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q1_p3"><p>45 000 km²</p></li>
              <button class="bouton">Valider</button>
            </ul>

          </span>

        </section>

        <section class="slide" >
          <h2 class="text-center">
            De quelle couleur est cette diapo ?
          </h2>

          <span class="text-center answers" style="position: relative; top:12.5%; left: 50%; background-color:lightblue; opacity: 0.5; width: 40%; height: 50%" id="q2_a">
            <p class="text-center">
            Réponse
            </p>
          </span>

          <span class="text-center contenu slide_width">
            <p class="text-center" style="color:red">IMAGE</p>
          </span>
          <span class="contenu propositions">
            <ul class="text-center total_width">
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q2_p1"><p>Jaune</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q2_p2"><p>Vert</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q2_p3"><p>Pas joli</p></li>
            </ul>
          </span>
        </section>

        <section class="slide" >
          <h2 class="text-center">
            Elouarn peut-il tout faire en web ?
          </h2>

          <span class="text-center answers" style="position: relative; top:12.5%; left: 50%; background-color:lightblue; opacity: 0.5; width: 40%; height: 50%" id="q4_a">
            <p class="text-center">
            Réponse
            </p>
          </span>

          <span class="text-center contenu slide_width">
            <p class="text-center" style="color:red">IMAGE</p>
          </span>
          <span class="contenu propositions">
            <ul class="text-center total_width">
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q4_p1"><p>Oui</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q4_p2"><p>Oui</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q4_p3"><p>Oui</p></li>
            </ul>
          </span>
        </section>

        <section class="slide">
          <h2 class="text-center">
            Va t-il vraiment faire tout ce qu'il a promis ?
          </h2>

          <span class="text-center answers" style="position: relative; top:12.5%; left: 50%; background-color:lightblue; opacity: 0.5; width: 40%; height: 50%" id="q5_a">
            <p class="text-center">
            Réponse
            </p>
          </span>

          <span class="text-center contenu slide_width">
            <p class="text-center" style="color:red">IMAGE</p>
          </span>
          <span class="contenu propositions">
            <ul class="text-center total_width col-md-12">
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q5_p1"><p>Non</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q5_p2"><p>Non</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q5_p3"><p>Non</p></li>
            </ul>
          </span>
        </section>
      </section>

      <section class="section" style="background-color:#c53e3e; opacity: 0.8">
        <h2 class="contenu">
          Dataviz 1
        </h2>
      </section>

      <section class="section" style="background-color:#c53e3e; opacity: 0.8">
        <h2 class="contenu">
          Dataviz 2
        </h2>
        <svg id="svg_dataviz2" version="1.1" xmlns="http://www.w3.org/2000/svg"></svg>
      </section>

      <section class="section" style="background-color:#c53e3e; opacity: 0.8">
        <h2 class="contenu">
          Intercalaire Dataviz 3
        </h2>
      </section>

      <section class="section" style="background-color:#c53e3e; opacity: 0.8">
        <h2 class="contenu">
          Dataviz 3
        </h2>
      </section>

      <section class="section" style="background-color:#c53e3e; opacity: 0.8">
        <h2 class="contenu">
          Blanc
        </h2>
      </section>

      <section class="section" style="background-color:#c53e3e; opacity: 0.8">
        <h2 class="contenu">
          Conclusion
        </h2>
      </section>


    <!-- Notre pied de page -->
    <!--<footer>
      <p>Copyright Hyblab team 2016</p>
    </footer>-->
    </div>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    <script type="text/javascript" src="../libraries/fullPage/vendors/jquery.slimscroll.min.js"></script>
    <script type="text/javascript" src="../libraries/fullPage/jquery.fullPage.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
      $('#container').fullpage({
        anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', '5thpage', '6thpage', '7thpage', '8thpage', 'lastPage'],
        menu: '#menu',
        slidesNavigation: true,
        slidesNavPosition: 'bottom',
        navigation: true,
        navigationPosition: 'right',
        
        css3:true,
        loopHorizontal: false
      });
    });
    </script>
    
    <!--<script type="text/javascript" src="../libraries/fullpage/javascript.fullPage.js"></script>-->
    <script src="../libraries/snap/snap.svg-min.js"></script>
    <script src="../libraries/d3/d3.min.js"></script>
    
    <script src="javascript/dataviz1.js"></script>
    <script src="javascript/dataviz2.js"></script>
    <script src="javascript/dataviz3.js"></script>
  </body><commit_msg>resolution ?<commit_after><!DOCTYPE html>
<html lang="fr"> <!-- Notre page est en français -->
  <head>
    <!-- Il est obligatoire de préciser un encodage de caractères et un titre pour la page -->
    <meta charset="utf-8">
    <meta name="copyright" content="Copyright © 2013 Adobe Systems Incorporated. All rights reserved.
 
 Licensed under the Apache License, Version 2.0 (the “License”);
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
 
 http://www.apache.org/licenses/LICENSE-2.0
 
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an “AS IS” BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.">


    <!-- set viewport correctly so that the page displays full width on mobiel devices -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hyblab 2016</title>

    <!-- bootstrap css -->
    <link rel="stylesheet" href="../libraries/bootstrap/dist/css/bootstrap.css">

    <!-- Déclaration de la feuille de style du document-->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/javascript.fullPage.css" />

  </head>
  <body>
    <!-- Ce conteneur est la seule balise div que l'on s'autorise pour effectuer la mise en page du site -->
    <!-- On pourrait bien sûr en ajouter d'autres pour se faciliter la mise en page -->
    <!-- Mais on va s'efforce de respecter et brouiller le moins possible la structure logique du contenu -->
    <div id="container">

      <section class="section" style="background-color:#f7fbfc; opacity: 0.8">
          <h1 class="titre">
            LES ÉNERGIES RENOUVELABLES
          </h1>
          <h2 class="sous_titre_orange">
            EN PAYS DE LA LOIRE
          </h2>
      </section>

      <section class="section" style="background-color:#f7fbfc; opacity: 0.8">
        <h2 class="titre">
          CONNAISSEZ-VOUS VOTRE RÉGION
        </h2>
      </section>

      <section class="section" style="background-color:#f7fbfc; opacity: 0.9">
        <section class="slide">
          <h2 class="text-center titre">
            QUELLE EST LA SUPERFICIE DE LA RÉGION PAYS DE LA LOIRE
          </h2>

          <span class="text-center answers bloc_reponse" id="q1_a">
            <p class="text-center">
            Réponse
            </p>
          </span>

          <span class="text-center contenu slide_width">
            <p class"text-center" style="color:red">IMAGE</p>
          </span>
          <span class="contenu propositions">
            <ul class=" text-center liste_propositions">
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q1_p1"><p>25 000 km²</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q1_p2"><p>35 000 km²</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q1_p3"><p>45 000 km²</p></li>
              <button class="bouton">Valider</button>
            </ul>

          </span>

        </section>

        <section class="slide" >
          <h2 class="text-center">
            De quelle couleur est cette diapo ?
          </h2>

          <span class="text-center answers" style="position: relative; top:12.5%; left: 50%; background-color:lightblue; opacity: 0.5; width: 40%; height: 50%" id="q2_a">
            <p class="text-center">
            Réponse
            </p>
          </span>

          <span class="text-center contenu slide_width">
            <p class="text-center" style="color:red">IMAGE</p>
          </span>
          <span class="contenu propositions">
            <ul class="text-center total_width">
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q2_p1"><p>Jaune</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q2_p2"><p>Vert</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q2_p3"><p>Pas joli</p></li>
            </ul>
          </span>
        </section>

        <section class="slide" >
          <h2 class="text-center">
            Elouarn peut-il tout faire en web ?
          </h2>

          <span class="text-center answers" style="position: relative; top:12.5%; left: 50%; background-color:lightblue; opacity: 0.5; width: 40%; height: 50%" id="q4_a">
            <p class="text-center">
            Réponse
            </p>
          </span>

          <span class="text-center contenu slide_width">
            <p class="text-center" style="color:red">IMAGE</p>
          </span>
          <span class="contenu propositions">
            <ul class="text-center total_width">
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q4_p1"><p>Oui</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q4_p2"><p>Oui</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q4_p3"><p>Oui</p></li>
            </ul>
          </span>
        </section>

        <section class="slide">
          <h2 class="text-center">
            Va t-il vraiment faire tout ce qu'il a promis ?
          </h2>

          <span class="text-center answers" style="position: relative; top:12.5%; left: 50%; background-color:lightblue; opacity: 0.5; width: 40%; height: 50%" id="q5_a">
            <p class="text-center">
            Réponse
            </p>
          </span>

          <span class="text-center contenu slide_width">
            <p class="text-center" style="color:red">IMAGE</p>
          </span>
          <span class="contenu propositions">
            <ul class="text-center total_width col-md-12">
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q5_p1"><p>Non</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q5_p2"><p>Non</p></li>
              <li onmouseover="moveEntriesIn(this.id)" onmouseout="moveEntriesOut(this.id)" onclick="answerQuestions(this.id)" id="q5_p3"><p>Non</p></li>
            </ul>
          </span>
        </section>
      </section>

      <section class="section" style="background-color:#c53e3e; opacity: 0.8">
        <h2 class="contenu">
          Dataviz 1
        </h2>
      </section>

      <section class="section" style="background-color:#c53e3e; opacity: 0.8">
        <h2 class="contenu">
          Dataviz 2
        </h2>
        <svg id="svg_dataviz2" version="1.1" xmlns="http://www.w3.org/2000/svg"></svg>
      </section>

      <section class="section" style="background-color:#c53e3e; opacity: 0.8">
        <h2 class="contenu">
          Intercalaire Dataviz 3
        </h2>
      </section>

      <section class="section" style="background-color:#c53e3e; opacity: 0.8">
        <h2 class="contenu">
          Dataviz 3
        </h2>
      </section>

      <section class="section" style="background-color:#c53e3e; opacity: 0.8">
        <h2 class="contenu">
          Blanc
        </h2>
      </section>

      <section class="section" style="background-color:#c53e3e; opacity: 0.8">
        <h2 class="contenu">
          Conclusion
        </h2>
      </section>


    <!-- Notre pied de page -->
    <!--<footer>
      <p>Copyright Hyblab team 2016</p>
    </footer>-->
    </div>


    <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>-->
    <script type="text/javascript" src="../libraries/jquery/dist/jquery.js"></script>
    <script type="text/javascript" src="../libraries/fullPage/vendors/jquery.slimscroll.min.js"></script>
    <script type="text/javascript" src="../libraries/fullPage/jquery.fullPage.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
      $('#container').fullpage({
        anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', '5thpage', '6thpage', '7thpage', '8thpage', 'lastPage'],
        menu: '#menu',
        slidesNavigation: true,
        slidesNavPosition: 'bottom',
        navigation: true,
        navigationPosition: 'right',
        
        css3:true,
        loopHorizontal: false
      });
    });
    </script>
    
    <!--<script type="text/javascript" src="../libraries/fullpage/javascript.fullPage.js"></script>-->
    <script src="../libraries/snap/snap.svg-min.js"></script>
    <script src="../libraries/d3/d3.min.js"></script>
    
    <script src="javascript/dataviz1.js"></script>
    <script src="javascript/dataviz2.js"></script>
    <script src="javascript/dataviz3.js"></script>
  </body>
{'fraction_non_alphanumeric': 0.15970292797606325, 'fraction_numerical': 0.020410344090617653, 'mean_word_length': 2.634368932038835, 'pattern_counts': {'":': 0, '<': 416, '<?xml version=': 0, '>': 416, 'https://': 4, 'lorem ipsum': 0, 'www.': 4, 'xml': 2}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5306722', 'n_tokens_mistral': 6119, 'n_tokens_neox': 5819, 'n_words': 1287}