Ajout du questionnaire
This commit is contained in:
124
index.html
124
index.html
@@ -1,11 +1,22 @@
|
|||||||
|
<!--
|
||||||
|
Made by Dario Weinberger & Oscar Plaisant.
|
||||||
|
|
||||||
|
Contact :
|
||||||
|
- Dario W. : contact@dariow.fr
|
||||||
|
- Oscar P. : oscar.plaisant@gmail.com
|
||||||
|
-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="fr">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<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>
|
<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" 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">
|
<link rel="stylesheet" type="text/css" href="src/style.min.css">
|
||||||
</head>
|
</head>
|
||||||
@@ -14,9 +25,15 @@
|
|||||||
<section class="hero is-medium">
|
<section class="hero is-medium">
|
||||||
<div class="hero-head">
|
<div class="hero-head">
|
||||||
<div class="container">
|
<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 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">
|
<div class="navbar-start">
|
||||||
<a class="navbar-item" href="https://www.info.univ-tours.fr/diblois/">
|
<a class="navbar-item" href="https://www.info.univ-tours.fr/diblois/">
|
||||||
D.I. Blois
|
D.I. Blois
|
||||||
@@ -24,9 +41,6 @@
|
|||||||
<a class="navbar-item" href="http://www.univ-tours.fr/">
|
<a class="navbar-item" href="http://www.univ-tours.fr/">
|
||||||
Université de Tours
|
Université de Tours
|
||||||
</a>
|
</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>
|
||||||
|
|
||||||
<div class="navbar-end">
|
<div class="navbar-end">
|
||||||
@@ -50,7 +64,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="hero-body">
|
<div class="hero-body">
|
||||||
<div class="container has-text-centered">
|
<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">
|
<h2 class="subtitle">
|
||||||
Egalité dans le Numérique, pendant les Études et au Travail.
|
Egalité dans le Numérique, pendant les Études et au Travail.
|
||||||
</h2>
|
</h2>
|
||||||
@@ -68,8 +82,13 @@
|
|||||||
<article class="featured">
|
<article class="featured">
|
||||||
<div class="featured-content va">
|
<div class="featured-content va">
|
||||||
<div>
|
<div>
|
||||||
<h1 class="title post-title has-text-primary">Pourquoi ?</h1>
|
<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 <a href="https://www.theseedcrew.com/recovr/">RecovR</a>, un jeu en ligne, suivie d’un grand débat.</p>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
@@ -82,7 +101,8 @@
|
|||||||
<article class="columns is-multiline">
|
<article class="columns is-multiline">
|
||||||
<div class="column is-12 featured-content ">
|
<div class="column is-12 featured-content ">
|
||||||
<h2 class="title post-title has-text-primary">Pour qui ?</h2>
|
<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>
|
<br>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
@@ -93,7 +113,11 @@
|
|||||||
|
|
||||||
<div class="column is-12 featured-content ">
|
<div class="column is-12 featured-content ">
|
||||||
<h2 class="title post-title has-text-primary">Préparée par qui ?</h2>
|
<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>
|
<br>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
@@ -105,7 +129,8 @@
|
|||||||
<h3 class="title post-title has-text-primary">Quand et où ?</h3>
|
<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>
|
<p class="post-excerpt has-text-light">Jeudi 23/11/2023 après-midi, Amphi 1</p>
|
||||||
<br>
|
<br>
|
||||||
<p class="post-excerpt">Venez jouer, pour en parler. Pour s’inscrire c’est ici : <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 : lien vers
|
||||||
|
système d’inscription</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
@@ -116,7 +141,7 @@
|
|||||||
<div class="featured-content va">
|
<div class="featured-content va">
|
||||||
<div>
|
<div>
|
||||||
<h3 class="title post-title has-text-primary">Informations diverses</h3>
|
<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 :</p>
|
<p class="post-excerpt has-text-light">Des vidéos pour s’informer sur :</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
@@ -125,12 +150,16 @@
|
|||||||
<div class="column post is-6">
|
<div class="column post is-6">
|
||||||
<article class="columns is-multiline">
|
<article class="columns is-multiline">
|
||||||
<div class="column is-12">
|
<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>
|
||||||
<div class="column is-12 featured-content ">
|
<div class="column is-12 featured-content ">
|
||||||
<h3 class="heading post-category">Vimeo</h3>
|
<h3 class="heading post-category">Vimeo</h3>
|
||||||
<h1 class="title post-title">Les femmes en informatique (Isabelle Collet)</h1>
|
<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>
|
<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>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
@@ -138,13 +167,18 @@
|
|||||||
<div class="column post is-6">
|
<div class="column post is-6">
|
||||||
<article class="columns is-multiline">
|
<article class="columns is-multiline">
|
||||||
<div class="column is-12">
|
<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>
|
||||||
<div class="column is-12 featured-content ">
|
<div class="column is-12 featured-content ">
|
||||||
<h3 class="heading post-category">YouTube</h3>
|
<h3 class="heading post-category">YouTube</h3>
|
||||||
<h1 class="title post-title">L’égalité</h1>
|
<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.
|
<p class="post-excerpt">Ce film permet de comprendre les violences faites aux femmes et donne des clés
|
||||||
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>
|
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>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
@@ -162,12 +196,16 @@
|
|||||||
<div class="column post is-4">
|
<div class="column post is-4">
|
||||||
<article class="columns is-multiline">
|
<article class="columns is-multiline">
|
||||||
<div class="column is-12 post-img">
|
<div class="column is-12 post-img">
|
||||||
<iframe width="330" height="180" src="https://www.youtube-nocookie.com/embed/25_jEa07V6U?si=zoNcvaNDtYbN358U&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&start=1032"
|
||||||
|
title="YouTube video player"
|
||||||
|
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 is-12 featured-content ">
|
||||||
<h3 class="heading post-category">YouTube</h3>
|
<h3 class="heading post-category">YouTube</h3>
|
||||||
<h1 class="title post-title">Flora Vincent à Télécom Paris, mars 2022</h1>
|
<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>
|
<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>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
@@ -175,12 +213,16 @@
|
|||||||
<div class="column post is-4">
|
<div class="column post is-4">
|
||||||
<article class="columns is-multiline">
|
<article class="columns is-multiline">
|
||||||
<div class="column is-12 post-img">
|
<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>
|
||||||
<div class="column is-12 featured-content ">
|
<div class="column is-12 featured-content ">
|
||||||
<h3 class="heading post-category">YouTube</h3>
|
<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>
|
<h3 class="title post-title">L'Intelligence Artificielle impacte t-elle l'égalité des chances en
|
||||||
<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>
|
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>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
@@ -188,17 +230,35 @@
|
|||||||
<div class="column post is-4">
|
<div class="column post is-4">
|
||||||
<article class="columns is-multiline">
|
<article class="columns is-multiline">
|
||||||
<div class="column is-12 post-img">
|
<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>
|
||||||
<div class="column is-12 featured-content ">
|
<div class="column is-12 featured-content ">
|
||||||
<h3 class="heading post-category">Arte</h3>
|
<h3 class="heading post-category">Arte</h3>
|
||||||
<h1 class="title post-title">L'intelligence artificielle est-elle sexiste ?</h1>
|
<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>
|
<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>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
@@ -209,7 +269,9 @@
|
|||||||
<footer class="footer has-text-centered has-background-black-bis .is-white-ter">
|
<footer class="footer has-text-centered has-background-black-bis .is-white-ter">
|
||||||
<div class="content ">
|
<div class="content ">
|
||||||
<p>
|
<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>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
2
src/style.min.css
vendored
2
src/style.min.css
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user