nouvel index + img titre dans index + style min css
This commit is contained in:
parent
af8bfac65d
commit
65619ac988
243
index.html
243
index.html
@ -1,64 +1,217 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html>
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>EgNET</title>
|
<title>EgNET</title>
|
||||||
</head>
|
<script src="https://kit.fontawesome.com/15181efa86.js" crossorigin="anonymous"></script>
|
||||||
|
<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>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h1>Action EgNET</h1>
|
<section class="hero is-medium">
|
||||||
<p>
|
<div class="hero-head">
|
||||||
Egalité dans le Numérique, pendant les Études et au Travail.
|
<div class="container">
|
||||||
</p>
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||||
|
|
||||||
<h2>Pourquoi ?</h2>
|
<div id="navbarBasicExample" class="navbar-menu">
|
||||||
|
<div class="navbar-start">
|
||||||
|
<a class="navbar-item" href="https://www.info.univ-tours.fr/diblois/">
|
||||||
|
D.I. Blois
|
||||||
|
</a>
|
||||||
|
<a class="navbar-item" href="http://www.univ-tours.fr/">
|
||||||
|
Université de Tours
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<p>
|
<div class="navbar-end">
|
||||||
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.
|
<div class="navbar-item">
|
||||||
</p>
|
<a href="https://www.facebook.com/DepartementInformatiqueDeBlois/">
|
||||||
|
<i class="fab fa-facebook"></i>
|
||||||
|
</a>
|
||||||
|
<!--
|
||||||
|
<a href="#">
|
||||||
|
<i class="fab fa-twitter"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#">
|
||||||
|
<i class="fas fa-rss-square"></i>
|
||||||
|
</a>
|
||||||
|
-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="hero-body">
|
||||||
|
<div class="container has-text-centered">
|
||||||
|
<img src="src/img/titre.png" width="700">
|
||||||
|
<h2 class="subtitle">
|
||||||
|
Egalité dans le Numérique, pendant les Études et au Travail.
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<h2>Pour qui ?</h2>
|
<section class="blog-posts">
|
||||||
<p>
|
<div class="container">
|
||||||
Pour qui : vous, les personnels des formations du numérique à Blois et vous, les étudiant.e.s de ces formations
|
<div class="columns">
|
||||||
</p>
|
<div class="column is-10 is-offset-1">
|
||||||
|
<div class="columns featured-post is-multiline">
|
||||||
|
|
||||||
<h2> Qui ? </h2>
|
<div class="post">
|
||||||
|
<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 RecovR, un jeu en ligne, suivie d’un grand débat.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
<p>
|
</div>
|
||||||
des personnels de ces formations, de la bibliothèque universitaire, du service de santé universitaire, et des étudiant.e.s
|
<hr>
|
||||||
</p>
|
<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">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>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<div class="column post is-6">
|
||||||
|
<article class="columns is-multiline">
|
||||||
|
|
||||||
<h2> Quand et où ? </h2>
|
<div class="column is-12 featured-content ">
|
||||||
<p>jeudi 23/11/23 après-midi, Amphi 1</p>
|
<h2 class="title post-title has-text-primary">Qui ?</h2>
|
||||||
|
<p class="post-excerpt">Des personnels de ces formations, de la bibliothèque universitaire, du service de santé universitaire, et des étudiant.e.s</p>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="post column is-10">
|
||||||
|
<article class="featured">
|
||||||
|
<div class="featured-content va">
|
||||||
|
<div>
|
||||||
|
<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 : lien vers système d’inscription</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
<p>Venez jouer, pour en parler. Pour s’inscrire c’est ici : lien vers système d’inscription</p>
|
<div class="post column is-10">
|
||||||
|
<article class="featured">
|
||||||
|
<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 :</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
<h2>Informations diverses</h2>
|
<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>
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post column is-10">
|
||||||
|
<article class="featured">
|
||||||
|
<div class="featured-content va">
|
||||||
|
<div>
|
||||||
|
<p class="post-excerpt has-text-light" style="margin-bottom: -30px;">L’IA et elles :</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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&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 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>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</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>
|
||||||
|
</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" allowfullscreen="true" frameborder="0" scrolling="no" 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>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Des vidéos pour s’informer sur :
|
|
||||||
|
|
||||||
<ul>
|
</div>
|
||||||
<li> L’égalité : <a href="https://www.comprendre-egalite.com/">https://www.comprendre-egalite.com/</a> </li>
|
</div>
|
||||||
|
</div>
|
||||||
<li>Les femmes en informatique (Isabelle Collet) : <a href="https://vimeo.com/554705289</li>">https://vimeo.com/554705289</li></a>
|
|
||||||
|
|
||||||
<li> L’IA et elles : </li>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li> Flora Vincent à Télécom Paris, mars 2022 : <a href="https://www.youtube.com/watch?v=25_jEa07V6U&t=1032s">https://www.youtube.com/watch?v=25_jEa07V6U&t=1032s</a> </li>
|
|
||||||
|
|
||||||
<li> Fix-It : <a href="https://youtu.be/sxMQb7N-6ZU?si=AqbLIeDQrTAjYm1A">https://youtu.be/sxMQb7N-6ZU?si=AqbLIeDQrTAjYm1A</a> </li>
|
|
||||||
|
|
||||||
<li> Arte : <a href="https://www.arte.tv/fr/videos/113219-006-A/l-intelligence-artificielle-est-elle-sexiste/">https://www.arte.tv/fr/videos/113219-006-A/l-intelligence-artificielle-est-elle-sexiste/</a> </li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
</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>
|
</body>
|
||||||
</html>
|
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
src/img/titre.png
Normal file
BIN
src/img/titre.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
1
src/style.min.css
vendored
Normal file
1
src/style.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user