Compare commits
2 Commits
2fd9821391
...
oskar
| Author | SHA1 | Date | |
|---|---|---|---|
|
abbd168739 | ||
|
|
21dd5a6719 |
291
index.html
291
index.html
@@ -1,216 +1,85 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="src/style.css">
|
||||
<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>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<section class="hero is-medium">
|
||||
<div class="hero-head">
|
||||
<div class="container">
|
||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||
|
||||
<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>
|
||||
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<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>
|
||||
|
||||
<section class="blog-posts">
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column is-10 is-offset-1">
|
||||
<div class="columns featured-post is-multiline">
|
||||
|
||||
<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>
|
||||
|
||||
</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">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">
|
||||
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
</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>
|
||||
|
||||
|
||||
<div class="title-bar">
|
||||
<a class="logo-container" href="https://www.univ-tours.fr">
|
||||
<!-- <img width="110" height="80" src="https://www.info.univ-tours.fr/diblois/files/logo.png" class="logo-di-blois" alt="D.I. Blois – Departement Informatique de Blois"> -->
|
||||
<img id="logo-univ-tours" src="https://www.univ-tours.fr/jsp/images/logo_interieur.svg" alt="Logo Université de Tours" title="Université de Tours - Retour à la page d'accueil">
|
||||
</a>
|
||||
|
||||
<h1>Action EgNET</h1>
|
||||
|
||||
<h4>Egalité dans le Numérique, pendant les Études et au Travail.</h4>
|
||||
</div>
|
||||
|
||||
|
||||
<h2>Pourquoi ?</h2>
|
||||
|
||||
<p>
|
||||
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.
|
||||
<p>
|
||||
</p>
|
||||
Le simple fait d'y être tellement minoritaires peut rendre ces études et l'exercice de ces métiers plus difficiles.
|
||||
<p>
|
||||
</p>
|
||||
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>
|
||||
|
||||
|
||||
|
||||
<h2>Pour qui ?</h2>
|
||||
<p>
|
||||
Vous, les personnels des formations du numérique à Blois et vous, les étudiant.e.s de ces formations
|
||||
</p>
|
||||
|
||||
<h2> Qui ? </h2>
|
||||
|
||||
<p>
|
||||
des personnels de ces formations, de la bibliothèque universitaire, du service de santé universitaire, et des étudiant.e.s
|
||||
</p>
|
||||
|
||||
<h2> Quand et où ? </h2>
|
||||
<p>jeudi 23/11/23 après-midi, Amphi 1</p>
|
||||
|
||||
<p>Venez jouer, pour en parler. Pour s’inscrire c’est ici : lien vers système d’inscription</p>
|
||||
|
||||
<h2>Informations diverses</h2>
|
||||
|
||||
|
||||
<p>
|
||||
Des vidéos pour s’informer sur :
|
||||
|
||||
<ul>
|
||||
<li> L’égalité : <a href="https://www.comprendre-egalite.com/">https://www.comprendre-egalite.com/</a> </li>
|
||||
|
||||
<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>
|
||||
|
||||
</ul>
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
<br/> <br/> <br/> <br/>
|
||||
<br/> <br/> <br/> <br/>
|
||||
<br/> <br/> <br/> <br/>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
48
src/style.css
Normal file
48
src/style.css
Normal file
@@ -0,0 +1,48 @@
|
||||
* {
|
||||
--accent: #3DA99B;
|
||||
--dark-accent: #297067;
|
||||
--dark: #2F3E47;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 16pt;
|
||||
|
||||
margin-top: 5vw;
|
||||
margin-left: 5vw;
|
||||
margin-right: 10vw;
|
||||
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: var(--dark);
|
||||
}
|
||||
h2 {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.title-bar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 1em;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
text-align: center;
|
||||
}
|
||||
#logo-univ-tours {
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
|
||||
a { color: var(--accent); }
|
||||
a:visited { color: var(--dark-accent); }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
1
src/style.min.css
vendored
1
src/style.min.css
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user