Ajout du questionnaire

2023-10-27 14:36:48 +02:00
parent 16faa12d13
commit ce2fd4a4d1
3 changed files with 282 additions and 220 deletions
--- a/index.html
+++ b/index.html
@@ -1,22 +1,39 @@
-<!DOCTYPE html>
-<html>
+<!--
+  Made by Dario Weinberger & Oscar Plaisant.
  
-  <head>
+  Contact : 
+            - Dario W. : contact@dariow.fr
+            - Oscar P. : oscar.plaisant@gmail.com
+-->
+
+
+
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
  <title>EgNET</title>
+  <link rel="icon" type="image/png" href="./src/img/logo_fonds_egalite_professionnelle.png" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
  <link rel="stylesheet" type="text/css" href="src/style.min.css">
-  </head>
+</head>

 <body>
  <section class="hero is-medium">
    <div class="hero-head">
      <div class="container">
-            <nav class="navbar" role="navigation" aria-label="main navigation">
-
+        <nav class="navbar" aria-label="main navigation">
          <div id="navbarBasicExample" class="navbar-menu">
+
+            <div class="navbar-brand">
+              <a class="navbar-item" href="#">
+                <img src="./src/img/logo_fonds_egalite_professionnelle.png" width="112" height="28">
+              </a>
+            </div>
+
            <div class="navbar-start">
              <a class="navbar-item" href="https://www.info.univ-tours.fr/diblois/">
                D.I. Blois
@@ -24,9 +41,6 @@
              <a class="navbar-item" href="http://www.univ-tours.fr/">
                Université de Tours
              </a>
-                  <a class="navbar-item" href="https://framaforms.org/inscription-a-laction-egnet-egalite-dans-le-numerique-pendant-les-etudes-et-au-travail-1694697668">
-                    Inscription
-                  </a>
            </div>

            <div class="navbar-end">
@@ -50,7 +64,7 @@
    </div>
    <div class="hero-body">
      <div class="container has-text-centered">
-            <img src="src/img/titre.png" width="700">
+        <img src="src/img/titre.png" width="700" alt="Titre 'Action EgNET' en image">
        <h2 class="subtitle">
          Egalité dans le Numérique, pendant les Études et au Travail.
        </h2>
@@ -68,8 +82,13 @@
              <article class="featured">
                <div class="featured-content va">
                  <div>
-                        <h1 class="title post-title has-text-primary">Pourquoi ?</h1>
-                        <p class="post-excerpt">Nous dépendons de plus en plus du numérique et il y a de moins en moins de femmes dans les métiers correspondants, et de moins en moins d'étudiantes dans les formations qui mènent à ces métiers. Le simple fait d'y être tellement minoritaires peut rendre ces études et l'exercice de ces métiers plus difficiles. Pour qu’ici au moins ça se passe bien, les personnels et les étudiant.e.s du site sont invité.e.s à y penser cet automne, à travers une partie géante de <a href="https://www.theseedcrew.com/recovr/">RecovR</a>, un jeu en ligne, suivie d’un grand débat.</p>
+                    <h3 class="title post-title has-text-primary">Pourquoi ?</h3>
+                    <p class="post-excerpt">Nous dépendons de plus en plus du numérique et il y a de moins en moins de
+                      femmes dans les métiers correspondants, et de moins en moins d'étudiantes dans les formations qui
+                      mènent à ces métiers. Le simple fait d'y être tellement minoritaires peut rendre ces études et
+                      l'exercice de ces métiers plus difficiles. Pour qu’ici au moins ça se passe bien, les personnels
+                      et les étudiant.e.s du site sont invité.e.s à y penser cet automne, à travers une partie géante de
+                      RecovR, un jeu en ligne, suivie d’un grand débat.</p>
                  </div>
                </div>
              </article>
@@ -82,7 +101,8 @@
              <article class="columns is-multiline">
                <div class="column is-12 featured-content ">
                  <h2 class="title post-title has-text-primary">Pour qui ?</h2>
-                      <p class="post-excerpt">Vous, les personnels des formations du numérique à Blois et vous, les étudiant.e.s de ces formations</p>
+                  <p class="post-excerpt">Vous, les personnels des formations du numérique à Blois et vous, les
+                    étudiant.e.s de ces formations</p>
                  <br>
                </div>
              </article>
@@ -93,7 +113,11 @@

                <div class="column is-12 featured-content ">
                  <h2 class="title post-title has-text-primary">Préparée par qui ?</h2>
-                      <p class="post-excerpt"><a href="https://www.univ-tours.fr/l-universite/nos-valeurs/mission-egalite">La Mission Egalité de l'Université</a>, <a href="https://www.agogeconseil.com/">Agogé Conseil</a>, des personnels des formations numériques à Blois, de la bibliothèque universitaire, du service de santé universitaire, et des étudiant.e.s</p>
+                  <p class="post-excerpt"><a
+                      href="https://www.univ-tours.fr/l-universite/nos-valeurs/mission-egalite">La Mission Egalité de
+                      l'Université</a>, <a href="https://www.agogeconseil.com/">Agogé Conseil</a>, des personnels des
+                    formations numériques à Blois, de la bibliothèque universitaire, du service de santé universitaire,
+                    et des étudiant.e.s</p>
                  <br>
                </div>
              </article>
@@ -105,7 +129,8 @@
                    <h3 class="title post-title has-text-primary">Quand et où ?</h3>
                    <p class="post-excerpt has-text-light">Jeudi 23/11/2023 après-midi, Amphi 1</p>
                    <br>
-                          <p class="post-excerpt">Venez jouer, pour en parler. Pour s’inscrire c’est ici&nbsp;: <a href="https://framaforms.org/inscription-a-laction-egnet-egalite-dans-le-numerique-pendant-les-etudes-et-au-travail-1694697668">Formulaire d'inscription</a>.</p>
+                    <p class="post-excerpt">Venez jouer, pour en parler. Pour s’inscrire c’est ici&nbsp;: lien vers
+                      système d’inscription</p>
                  </div>
                </div>
              </article>
@@ -116,7 +141,7 @@
                <div class="featured-content va">
                  <div>
                    <h3 class="title post-title has-text-primary">Informations diverses</h3>
-                          <p class="post-excerpt has-text-light" style="margin-bottom: -30px;">Des vidéos pour s’informer sur&nbsp;:</p>
+                    <p class="post-excerpt has-text-light">Des vidéos pour s’informer sur&nbsp;:</p>
                  </div>
                </div>
              </article>
@@ -125,12 +150,16 @@
            <div class="column post is-6">
              <article class="columns is-multiline">
                <div class="column is-12">
-                          <iframe src="https://player.vimeo.com/video/554705289?h=3f5ea632a5&title=0&byline=0&portrait=0" width="500" height="260" frameborder="0" style="margin-left: -16px;" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+                  <iframe src="https://player.vimeo.com/video/554705289?h=3f5ea632a5&title=0&byline=0&portrait=0"
+                    width="330" height="180" allow="autoplay; fullscreen; picture-in-picture"></iframe>
                </div>
                <div class="column is-12 featured-content ">
                  <h3 class="heading post-category">Vimeo</h3>
-                        <h1 class="title post-title">Les femmes en informatique (Isabelle Collet)</h1>
-                        <p class="post-excerpt">L’informatique joue un rôle croissant dans l’évolution de nos sociétés, mais les femmes sont largement sous-représentées dans ces métiers depuis plusieurs décennies. Pourtant, dans les années 80, l’informatique était un métier plutôt féminisé́, du moins, pour un métier technique.</p>
+                  <h3 class="title post-title">Les femmes en informatique (Isabelle Collet)</h3>
+                  <p class="post-excerpt">L’informatique joue un rôle croissant dans l’évolution de nos sociétés, mais
+                    les femmes sont largement sous-représentées dans ces métiers depuis plusieurs décennies. Pourtant,
+                    dans les années 80, l’informatique était un métier plutôt féminisé́, du moins, pour un métier
+                    technique.</p>
                </div>
              </article>
            </div>
@@ -138,13 +167,18 @@
            <div class="column post is-6">
              <article class="columns is-multiline">
                <div class="column is-12">
-                      <iframe width="440" height="260" src="https://www.youtube-nocookie.com/embed/nIz1DjOHKGc?si=j02te9vVSQ3_w1q9" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+                  <iframe width="330" height="180"
+                    src="https://www.youtube-nocookie.com/embed/nIz1DjOHKGc?si=j02te9vVSQ3_w1q9"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"></iframe>
                </div>
                <div class="column is-12 featured-content ">
                  <h3 class="heading post-category">YouTube</h3>
-                      <h1 class="title post-title">L’égalité</h1>
-                      <p class="post-excerpt">Ce film permet de comprendre les violences faites aux femmes et donne des clés aux profesionnel-le-s sur leur accompagnement.
-                        Il a été réalisé par l’Observatoire régional des violences faites aux femmes du Centre Hubertine Auclert, centre francilien pour l’égalité femmes-hommes, organisme associé de la région Île-de-France.</p>
+                  <h3 class="title post-title">L’égalité</h3>
+                  <p class="post-excerpt">Ce film permet de comprendre les violences faites aux femmes et donne des clés
+                    aux profesionnel-le-s sur leur accompagnement.
+                    Il a été réalisé par l’Observatoire régional des violences faites aux femmes du Centre Hubertine
+                    Auclert, centre francilien pour l’égalité femmes-hommes, organisme associé de la région
+                    Île-de-France.</p>
                </div>
              </article>
            </div>
@@ -162,12 +196,16 @@
            <div class="column post is-4">
              <article class="columns is-multiline">
                <div class="column is-12 post-img">
-                        <iframe width="330" height="180" src="https://www.youtube-nocookie.com/embed/25_jEa07V6U?si=zoNcvaNDtYbN358U&amp;start=1032" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+                  <iframe width="330" height="180"
+                    src="https://www.youtube-nocookie.com/embed/25_jEa07V6U?si=zoNcvaNDtYbN358U&amp;start=1032"
+                    title="YouTube video player"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"></iframe>
                </div>
                <div class="column is-12 featured-content ">
                  <h3 class="heading post-category">YouTube</h3>
-                      <h1 class="title post-title">Flora Vincent à Télécom Paris, mars 2022</h1>
-                      <p class="post-excerpt">Un événement Femmes Ingénieures x Télécom Paris, consacré à la place des femmes dans le numérique et l’intelligence artificielle.</p>
+                  <h3 class="title post-title">Flora Vincent à Télécom Paris, mars 2022</h3>
+                  <p class="post-excerpt">Un événement Femmes Ingénieures x Télécom Paris, consacré à la place des
+                    femmes dans le numérique et l’intelligence artificielle.</p>
                </div>
              </article>
            </div>
@@ -175,12 +213,16 @@
            <div class="column post is-4">
              <article class="columns is-multiline">
                <div class="column is-12 post-img">
-                        <iframe width="330" height="180" src="https://www.youtube-nocookie.com/embed/sxMQb7N-6ZU?si=99fK2I1Y89ShU5dj" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+                  <iframe width="330" height="180"
+                    src="https://www.youtube-nocookie.com/embed/sxMQb7N-6ZU?si=99fK2I1Y89ShU5dj"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"></iframe>
                </div>
                <div class="column is-12 featured-content ">
                  <h3 class="heading post-category">YouTube</h3>
-                        <h1 class="title post-title">L'Intelligence Artificielle impacte t-elle l'égalité des chances en entreprises ?</h1>
-                        <p class="post-excerpt">On parle ici de la promesse de l'IA, de ses limites et des biais cognitifs qui nous habitent tous. Sommes-nous tous égaux face aux recruteurs dans l'entreprise ?</p>
+                  <h3 class="title post-title">L'Intelligence Artificielle impacte t-elle l'égalité des chances en
+                    entreprises ?</h3>
+                  <p class="post-excerpt">On parle ici de la promesse de l'IA, de ses limites et des biais cognitifs qui
+                    nous habitent tous. Sommes-nous tous égaux face aux recruteurs dans l'entreprise ?</p>
                </div>
              </article>
            </div>
@@ -188,17 +230,35 @@
            <div class="column post is-4">
              <article class="columns is-multiline">
                <div class="column is-12 post-img">
-                        <iframe width="320" height="180" allowfullscreen="true" frameborder="0" scrolling="no" src="https://www.arte.tv/embeds/fr/113219-006-A?autoplay=false"></iframe>
+                  <iframe width="320" height="180"
+                    src="https://www.arte.tv/embeds/fr/113219-006-A?autoplay=false"></iframe>
                </div>
                <div class="column is-12 featured-content ">
                  <h3 class="heading post-category">Arte</h3>
-                        <h1 class="title post-title">L'intelligence artificielle est-elle sexiste ?</h1>
-                        <p class="post-excerpt">Omniprésente dans notre quotidien, l’intelligence artificielle mérite qu’on l’observe de plus près. Qui a écrit les algorithmes ? Avec quelles données l'IA est-elle alimentée ?</p>
+                  <h3 class="title post-title">L'intelligence artificielle est-elle sexiste ?</h3>
+                  <p class="post-excerpt">Omniprésente dans notre quotidien, l’intelligence artificielle mérite qu’on
+                    l’observe de plus près. Qui a écrit les algorithmes ? Avec quelles données l'IA est-elle alimentée ?
+                  </p>
                </div>
              </article>
            </div>

+          </div>

+          <hr>
+          <div class="columns is-multiline">
+            <div class="column post is-6">
+              <article class="columns is-multiline">
+                <div class="column is-12 featured-content ">
+                  <h2 class="title post-title has-text-primary">Réponses Questionnaire :</h2>
+                  <p class="post-excerpt"></p>
+                  <a href="./src/fichier/ReponsesQuestionnaire.pdf" target="_blank"><i class="far fa-file-pdf"></i> Télécharger</a>
+                  <br>
+                </div>
+              </article>
+            </div>
+
+          </div>

        </div>
      </div>
@@ -209,7 +269,9 @@
  <footer class="footer has-text-centered has-background-black-bis .is-white-ter">
    <div class="content ">
      <p>
-                Copyright © 2023 | <a target="_blank" href="http://www.univ-tours.fr/">Université Francois-Rabelais de Tours</a> | <a target="_blank" href="http://sciences.univ-tours.fr/">UFR Sciences et techniques</a> | <a href="https://www.info.univ-tours.fr/diblois/">Département Informatique de Blois</a>
+        Copyright © 2023 | <a target="_blank" href="http://www.univ-tours.fr/">Université Francois-Rabelais de Tours</a>
+        | <a target="_blank" href="http://sciences.univ-tours.fr/">UFR Sciences et techniques</a> | <a
+          href="https://www.info.univ-tours.fr/diblois/">Département Informatique de Blois</a>
      </p>
    </div>
  </footer>
--- a/src/fichier/ReponsesQuestionnaire.pdf
+++ b/src/fichier/ReponsesQuestionnaire.pdf
--- a/src/style.min.css
+++ b/src/style.min.css