Ajout du questionnaire

This commit is contained in:
22107988t
2023-10-27 14:36:48 +02:00
parent 16faa12d13
commit ce2fd4a4d1
3 changed files with 282 additions and 220 deletions

View File

@@ -1,219 +1,281 @@
<!DOCTYPE html> <!--
<html> Made by Dario Weinberger & Oscar Plaisant.
<head> Contact :
<meta charset="utf-8"> - Dario W. : contact@dariow.fr
<meta http-equiv="X-UA-Compatible" content="IE=edge"> - Oscar P. : oscar.plaisant@gmail.com
<meta name="viewport" content="width=device-width, initial-scale=1"> -->
<title>EgNET</title>
<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> <!DOCTYPE html>
<html lang="fr">
<body>
<section class="hero is-medium"> <head>
<div class="hero-head"> <meta charset="utf-8">
<div class="container"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<nav class="navbar" role="navigation" aria-label="main navigation"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>EgNET</title>
<div id="navbarBasicExample" class="navbar-menu"> <link rel="icon" type="image/png" href="./src/img/logo_fonds_egalite_professionnelle.png" />
<div class="navbar-start"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<a class="navbar-item" href="https://www.info.univ-tours.fr/diblois/"> <link rel="stylesheet" type="text/css" href="src/style.min.css">
D.I. Blois </head>
</a>
<a class="navbar-item" href="http://www.univ-tours.fr/"> <body>
Université de Tours <section class="hero is-medium">
</a> <div class="hero-head">
<a class="navbar-item" href="https://framaforms.org/inscription-a-laction-egnet-egalite-dans-le-numerique-pendant-les-etudes-et-au-travail-1694697668"> <div class="container">
Inscription <nav class="navbar" aria-label="main navigation">
</a> <div id="navbarBasicExample" class="navbar-menu">
</div>
<div class="navbar-brand">
<div class="navbar-end"> <a class="navbar-item" href="#">
<div class="navbar-item"> <img src="./src/img/logo_fonds_egalite_professionnelle.png" width="112" height="28">
<a href="https://www.facebook.com/DepartementInformatiqueDeBlois/"> </a>
<i class="fab fa-facebook"></i> </div>
</a>
<!-- <div class="navbar-start">
<a href="#"> <a class="navbar-item" href="https://www.info.univ-tours.fr/diblois/">
<i class="fab fa-twitter"></i> D.I. Blois
</a> </a>
<a href="#"> <a class="navbar-item" href="http://www.univ-tours.fr/">
<i class="fas fa-rss-square"></i> Université de Tours
</a> </a>
--> </div>
</div>
</div> <div class="navbar-end">
</div> <div class="navbar-item">
</nav> <a href="https://www.facebook.com/DepartementInformatiqueDeBlois/">
</div> <i class="fab fa-facebook"></i>
</div> </a>
<div class="hero-body"> <!--
<div class="container has-text-centered"> <a href="#">
<img src="src/img/titre.png" width="700"> <i class="fab fa-twitter"></i>
<h2 class="subtitle"> </a>
Egalité dans le Numérique, pendant les Études et au Travail. <a href="#">
</h2> <i class="fas fa-rss-square"></i>
</div> </a>
</div> -->
</section> </div>
</div>
<section class="blog-posts"> </div>
<div class="container"> </nav>
<div class="columns"> </div>
<div class="column is-10 is-offset-1"> </div>
<div class="columns featured-post is-multiline"> <div class="hero-body">
<div class="container has-text-centered">
<div class="post"> <img src="src/img/titre.png" width="700" alt="Titre 'Action EgNET' en image">
<article class="featured"> <h2 class="subtitle">
<div class="featured-content va"> Egalité dans le Numérique, pendant les Études et au Travail.
<div> </h2>
<h1 class="title post-title has-text-primary">Pourquoi ?</h1> </div>
<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 quici 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 dun grand débat.</p> </div>
</div> </section>
</div>
</article> <section class="blog-posts">
</div> <div class="container">
<div class="columns">
</div> <div class="column is-10 is-offset-1">
<hr> <div class="columns featured-post is-multiline">
<div class="columns is-multiline">
<div class="column post is-6"> <div class="post">
<article class="columns is-multiline"> <article class="featured">
<div class="column is-12 featured-content "> <div class="featured-content va">
<h2 class="title post-title has-text-primary">Pour qui ?</h2> <div>
<p class="post-excerpt">Vous, les personnels des formations du numérique à Blois et vous, les étudiant.e.s de ces formations</p> <h3 class="title post-title has-text-primary">Pourquoi ?</h3>
<br> <p class="post-excerpt">Nous dépendons de plus en plus du numérique et il y a de moins en moins de
</div> femmes dans les métiers correspondants, et de moins en moins d'étudiantes dans les formations qui
</article> mènent à ces métiers. Le simple fait d'y être tellement minoritaires peut rendre ces études et
</div> l'exercice de ces métiers plus difficiles. Pour quici au moins ça se passe bien, les personnels
<hr> et les étudiant.e.s du site sont invité.e.s à y penser cet automne, à travers une partie géante de
<div class="column post is-6"> RecovR, un jeu en ligne, suivie dun grand débat.</p>
<article class="columns is-multiline"> </div>
</div>
<div class="column is-12 featured-content "> </article>
<h2 class="title post-title has-text-primary">Préparée par qui ?</h2> </div>
<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>
</div> <hr>
</article> <div class="columns is-multiline">
</div> <div class="column post is-6">
<div class="post column is-10"> <article class="columns is-multiline">
<article class="featured"> <div class="column is-12 featured-content ">
<div class="featured-content va"> <h2 class="title post-title has-text-primary">Pour qui ?</h2>
<div> <p class="post-excerpt">Vous, les personnels des formations du numérique à Blois et vous, les
<h3 class="title post-title has-text-primary">Quand et où ?</h3> étudiant.e.s de ces formations</p>
<p class="post-excerpt has-text-light">Jeudi 23/11/2023 après-midi, Amphi 1</p> <br>
<br> </div>
<p class="post-excerpt">Venez jouer, pour en parler. Pour sinscrire cest 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> </article>
</div> </div>
</div> <hr>
</article> <div class="column post is-6">
</div> <article class="columns is-multiline">
<div class="post column is-10"> <div class="column is-12 featured-content ">
<article class="featured"> <h2 class="title post-title has-text-primary">Préparée par qui ?</h2>
<div class="featured-content va"> <p class="post-excerpt"><a
<div> href="https://www.univ-tours.fr/l-universite/nos-valeurs/mission-egalite">La Mission Egalité de
<h3 class="title post-title has-text-primary">Informations diverses</h3> l'Université</a>, <a href="https://www.agogeconseil.com/">Agogé Conseil</a>, des personnels des
<p class="post-excerpt has-text-light" style="margin-bottom: -30px;">Des vidéos pour sinformer sur&nbsp;:</p> formations numériques à Blois, de la bibliothèque universitaire, du service de santé universitaire,
</div> et des étudiant.e.s</p>
</div> <br>
</article> </div>
</div> </article>
</div>
<div class="column post is-6"> <div class="post column is-10">
<article class="columns is-multiline"> <article class="featured">
<div class="column is-12"> <div class="featured-content va">
<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> <div>
</div> <h3 class="title post-title has-text-primary">Quand et où ?</h3>
<div class="column is-12 featured-content "> <p class="post-excerpt has-text-light">Jeudi 23/11/2023 après-midi, Amphi 1</p>
<h3 class="heading post-category">Vimeo</h3> <br>
<h1 class="title post-title">Les femmes en informatique (Isabelle Collet)</h1> <p class="post-excerpt">Venez jouer, pour en parler. Pour sinscrire cest ici&nbsp;: lien vers
<p class="post-excerpt">Linformatique 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, linformatique était un métier plutôt féminisé́, du moins, pour un métier technique.</p> système dinscription</p>
</div> </div>
</article> </div>
</div> </article>
</div>
<div class="column post is-6">
<article class="columns is-multiline"> <div class="post column is-10">
<div class="column is-12"> <article class="featured">
<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> <div class="featured-content va">
</div> <div>
<div class="column is-12 featured-content "> <h3 class="title post-title has-text-primary">Informations diverses</h3>
<h3 class="heading post-category">YouTube</h3> <p class="post-excerpt has-text-light">Des vidéos pour sinformer sur&nbsp;:</p>
<h1 class="title post-title">Légalité</h1> </div>
<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. </div>
Il a été réalisé par lObservatoire 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> </article>
</div> </div>
</article>
</div> <div class="column post is-6">
<article class="columns is-multiline">
<div class="post column is-10"> <div class="column is-12">
<article class="featured"> <iframe src="https://player.vimeo.com/video/554705289?h=3f5ea632a5&title=0&byline=0&portrait=0"
<div class="featured-content va"> width="330" height="180" allow="autoplay; fullscreen; picture-in-picture"></iframe>
<div> </div>
<p class="post-excerpt has-text-light" style="margin-bottom: -30px;">LIA et elles&nbsp;:</p> <div class="column is-12 featured-content ">
</div> <h3 class="heading post-category">Vimeo</h3>
</div> <h3 class="title post-title">Les femmes en informatique (Isabelle Collet)</h3>
</article> <p class="post-excerpt">Linformatique joue un rôle croissant dans lévolution de nos sociétés, mais
</div> les femmes sont largement sous-représentées dans ces métiers depuis plusieurs décennies. Pourtant,
dans les années 80, linformatique était un métier plutôt féminisé́, du moins, pour un métier
<div class="column post is-4"> technique.</p>
<article class="columns is-multiline"> </div>
<div class="column is-12 post-img"> </article>
<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> </div>
</div>
<div class="column is-12 featured-content "> <div class="column post is-6">
<h3 class="heading post-category">YouTube</h3> <article class="columns is-multiline">
<h1 class="title post-title">Flora Vincent à Télécom Paris, mars 2022</h1> <div class="column is-12">
<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 lintelligence artificielle.</p> <iframe width="330" height="180"
</div> src="https://www.youtube-nocookie.com/embed/nIz1DjOHKGc?si=j02te9vVSQ3_w1q9"
</article> allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"></iframe>
</div> </div>
<div class="column is-12 featured-content ">
<div class="column post is-4"> <h3 class="heading post-category">YouTube</h3>
<article class="columns is-multiline"> <h3 class="title post-title">Légalité</h3>
<div class="column is-12 post-img"> <p class="post-excerpt">Ce film permet de comprendre les violences faites aux femmes et donne des clés
<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> aux profesionnel-le-s sur leur accompagnement.
</div> Il a été réalisé par lObservatoire régional des violences faites aux femmes du Centre Hubertine
<div class="column is-12 featured-content "> Auclert, centre francilien pour légalité femmes-hommes, organisme associé de la région
<h3 class="heading post-category">YouTube</h3> Île-de-France.</p>
<h1 class="title post-title">L'Intelligence Artificielle impacte t-elle l'égalité des chances en entreprises ?</h1> </div>
<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> </article>
</div> </div>
</article>
</div> <div class="post column is-10">
<article class="featured">
<div class="column post is-4"> <div class="featured-content va">
<article class="columns is-multiline"> <div>
<div class="column is-12 post-img"> <p class="post-excerpt has-text-light" style="margin-bottom: -30px;">LIA et elles&nbsp;:</p>
<iframe width="320" height="180" allowfullscreen="true" frameborder="0" scrolling="no" src="https://www.arte.tv/embeds/fr/113219-006-A?autoplay=false"></iframe> </div>
</div> </div>
<div class="column is-12 featured-content "> </article>
<h3 class="heading post-category">Arte</h3> </div>
<h1 class="title post-title">L'intelligence artificielle est-elle sexiste ?</h1>
<p class="post-excerpt">Omniprésente dans notre quotidien, lintelligence artificielle mérite quon lobserve de plus près. Qui a écrit les algorithmes ? Avec quelles données l'IA est-elle alimentée ?</p> <div class="column post is-4">
</div> <article class="columns is-multiline">
</article> <div class="column is-12 post-img">
</div> <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>
</div> <div class="column is-12 featured-content ">
</div> <h3 class="heading post-category">YouTube</h3>
<h3 class="title post-title">Flora Vincent à Télécom Paris, mars 2022</h3>
</section> <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 lintelligence artificielle.</p>
<footer class="footer has-text-centered has-background-black-bis .is-white-ter"> </div>
<div class="content "> </article>
<p> </div>
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 class="column post is-4">
</div> <article class="columns is-multiline">
</footer> <div class="column is-12 post-img">
<iframe width="330" height="180"
</body> 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>
</html> </div>
<div class="column is-12 featured-content ">
<h3 class="heading post-category">YouTube</h3>
<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>
<div class="column post is-4">
<article class="columns is-multiline">
<div class="column is-12 post-img">
<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>
<h3 class="title post-title">L'intelligence artificielle est-elle sexiste ?</h3>
<p class="post-excerpt">Omniprésente dans notre quotidien, lintelligence artificielle mérite quon
lobserve 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>
</div>
</section>
<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>
</p>
</div>
</footer>
</body>
</html>

2
src/style.min.css vendored

File diff suppressed because one or more lines are too long