feat: Restyle the french page
This commit is contained in:
parent
41ef3fb326
commit
313e200264
2 changed files with 300 additions and 121 deletions
154
www/css/www-eleves.css
Normal file
154
www/css/www-eleves.css
Normal file
|
@ -0,0 +1,154 @@
|
|||
html {
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100vh;
|
||||
color: #4a4a4a;
|
||||
font-size: 1em;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
align-items: stretch;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
padding-top: 1.5rem;
|
||||
padding-bottom: 1.5rem;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
body {
|
||||
max-width: 960px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1216px) {
|
||||
body {
|
||||
max-width: 1152px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1408px) {
|
||||
body {
|
||||
max-width: 1344px;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1.2rem;
|
||||
color: #363636;
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.125;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.25;
|
||||
margin-bottom: 1.5rem;
|
||||
margin-top: 0;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.125rem;
|
||||
margin-top: 2.25rem;
|
||||
margin-bottom: -0.125rem;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-top: 1.5rem;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 4px;
|
||||
position: relative;
|
||||
padding: 1.5rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
section a {
|
||||
color: currentColor;
|
||||
background-color: #485fc7;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
align-items: center;
|
||||
border-radius: 4px;
|
||||
display: inline-flex;
|
||||
height: 2em;
|
||||
justify-content: center;
|
||||
line-height: 1.5;
|
||||
padding-left: 0.75em;
|
||||
padding-right: 0.75em;
|
||||
white-space: nowrap;
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #485fc7;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
abbr {
|
||||
margin-left: 0.25em;
|
||||
margin-right: 0.25em;
|
||||
}
|
||||
|
||||
section a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
section a:not(:last-child) {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
code {
|
||||
white-space: nowrap;
|
||||
color: #da1039;
|
||||
font-size: 1em;
|
||||
font-family: monospace;
|
||||
font-weight: 400;
|
||||
padding: .25em .5em .25em;
|
||||
}
|
||||
|
||||
footer {
|
||||
display: block;
|
||||
padding: 3rem 1.5rem 6rem;
|
||||
text-align: center;
|
||||
margin-top: 1.75rem;
|
||||
}
|
||||
|
||||
a[lang] {
|
||||
align-items: center;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 4px;
|
||||
color: #4a4a4a;
|
||||
display: inline-flex;
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
height: 2em;
|
||||
justify-content: center;
|
||||
line-height: 1.5;
|
||||
padding-left: .75em;
|
||||
padding-right: .75em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#restricted {
|
||||
color: #f14668;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
font-size: 1.125rem;
|
||||
}
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
|
@ -7,162 +7,187 @@
|
|||
<meta name="keywords" content="ENS, élèves" lang="en">
|
||||
<meta http-equiv="Content-Language" content="fr">
|
||||
<title>École normale supérieure : serveur élèves</title>
|
||||
<link rel="stylesheet" type="text/css" href="/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/www-eleves.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p style="text-align:right; margin: 0cm" lang="en">
|
||||
<a rel="Alternate" hreflang="en" href="/en/index.html">English version</a>
|
||||
</p>
|
||||
<a lang="en" rel="Alternate" hreflang="en" href="/en/index.html">
|
||||
English version
|
||||
</a>
|
||||
|
||||
<h1>École normale supérieure : serveur élèves</h1>
|
||||
|
||||
<p>
|
||||
Ce serveur héberge les pages personnelles des élèves de l'ENS. Ce n'est ni le <a href="http://www.ens.fr/">site
|
||||
web officiel</a> de l'ENS, ni <a href="http://www.cof.ens.fr/">celui</a> du COF (l'association des élèves).
|
||||
</p>
|
||||
<h1>École Normale Supérieure : serveur élèves</h1>
|
||||
|
||||
<section>
|
||||
<h2>Pages personnelles</h2>
|
||||
|
||||
<p> Si vous désirez joindre un élève par courrier électronique, toutes les adresses à l'<abbr>ENS</abbr> sont de la
|
||||
forme <code><var>Prenom</var>.<var>Nom</var>@ens.fr</code>.</p>
|
||||
|
||||
<p class="links">
|
||||
<a href="https://www.eleves.ens.fr/home/index.html.fr"
|
||||
title="Pages personnelles des élèves, triées par date de dernière modification">Index des pages
|
||||
personnelles</a> •
|
||||
<a href="/annuaire">Annuaire des élèves</a> •
|
||||
<a href="http://annuaireweb.ens.fr/">Annuaire de l'administration</a>
|
||||
<p>
|
||||
Si vous désirez joindre un élève par courrier électronique,
|
||||
toutes les adresses à l'<abbr title="Ecole Normale Supérieure">ENS</abbr> sont de la forme
|
||||
<code>prenom . nom @ ens.psl.eu</code>.
|
||||
</p>
|
||||
|
||||
<a href="https://www.eleves.ens.fr/home/index.html.fr">
|
||||
Index des pages personnelles
|
||||
</a>
|
||||
<a href="https://www.eleves.ens.fr/annuaire">
|
||||
Annuaire des élèves
|
||||
</a>
|
||||
<a href="https://annuaireweb.ens.fr">
|
||||
Annuaire de l'administration
|
||||
</a>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<h2>La vie à l'<abbr>ENS</abbr></h2>
|
||||
|
||||
<p>De nombreuses pages de cette section sont en accès restreint.</p>
|
||||
<b id="restricted">De nombreuses pages de cette section sont en accès restreint.</b>
|
||||
|
||||
<div class="links">
|
||||
<h4>Actualités</h4>
|
||||
|
||||
<a href="https://bocal.cof.ens.fr/" title="Journal du COF">Le BOcal</a> •
|
||||
<a href="https://www.ens.fr/actualites/" title="Page actualités du site web officiel de l'école">Actus de
|
||||
l'admin</a>
|
||||
</div>
|
||||
<a href="https://bocal.cof.ens.fr">
|
||||
Le BOcal
|
||||
</a>
|
||||
<a href="https://www.ens.fr/actualites">
|
||||
Actus de l'admin
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<div class="links">
|
||||
<h4>Courrier électronique</h4>
|
||||
<a href="https://mail.eleves.ens.fr/">Lire son courriel</a> •
|
||||
<a href="http://blogs.eleves.ens.fr/tous/" title="Archive des courriels collectifs (accès restreint)">Courriels
|
||||
collectifs</a> •
|
||||
<a href="https://lists.ens.fr/wws"
|
||||
title="Informations sur les listes de diffusion gérées par le service informatique">Listes de diffusion
|
||||
@ens</a>
|
||||
</div>
|
||||
<a href="https://mail.eleves.ens.fr/roundcube">
|
||||
Lire son courriel
|
||||
</a>
|
||||
<a href="http://blogs.eleves.ens.fr/tous">
|
||||
Courriels collectifs
|
||||
</a>
|
||||
<a href="https://lists.ens.fr/wws">
|
||||
Listes de diffusion @ens
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<div class="links">
|
||||
<h4>Clubs</h4>
|
||||
<a href="http://www.cof.ens.fr/"><abbr>COF</abbr> (association des
|
||||
élèves)</a> •
|
||||
<a href="http://www.cof.ens.fr/news/clubs.php" title="La liste des clubs du COF">Clubs du
|
||||
<abbr>COF</abbr></a> •
|
||||
<a href="http://www.cof.ens.fr/bda/" title="Bureau des arts">BDA</a> •
|
||||
<a href="http://www.cof.ens.fr/bds/" title="Bureau des sports">BDS</a> •
|
||||
<a href="https://www.cof.ens.fr/sftheque/" title="bibliothèque des élèves">SFthèque</a> •
|
||||
<a href="autresclubs.html" title="Clubs non affiliés au COF (aumôneries, associations politiques, etc.)">Autres
|
||||
groupes d'élèves</a>
|
||||
</div>
|
||||
<a href="http://www.cof.ens.fr/">
|
||||
COF (association des élèves)
|
||||
</a>
|
||||
<a href="http://www.cof.ens.fr/news/clubs.php" title="La liste des clubs du COF">
|
||||
Clubs du COF
|
||||
</a>
|
||||
<a href="http://www.cof.ens.fr/bda/" title="Bureau des arts">
|
||||
Bureau des Arts
|
||||
</a>
|
||||
<a href="http://www.cof.ens.fr/bds/" title="Bureau des sports">
|
||||
Bureau des Sports
|
||||
</a>
|
||||
<a href="https://www.cof.ens.fr/sftheque/" title="bibliothèque des élèves">
|
||||
SFthèque
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<div class="links">
|
||||
<h4>Représentants des élèves</h4>
|
||||
<a href="https://www.dg.ens.fr/">Délégation générale</a> •
|
||||
<a href="cacs/" title="Élus des élèves au conseil d'administration et au conseil scientifique">Élus
|
||||
<abbr>CA-CS</abbr></a>
|
||||
</div>
|
||||
<a href="https://www.dg.ens.fr/">
|
||||
Délégation générale
|
||||
</a>
|
||||
<a href="https://www.eleves.ens.fr/cacs/"
|
||||
title="Élus des élèves au conseil d'administration et au conseil scientifique">
|
||||
Élus CA-CS
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<div class="links">
|
||||
<h4>Pratique</h4>
|
||||
<a href="https://www.intranet.ens.psl.eu/" title="Intranet de l'ENS (accès restreint)">Intranet</a> •
|
||||
<a href="https://www.eleves.ens.fr/experiens/"
|
||||
title="ExperiENS - Partagez vos expériences de stage">ExperiENS</a> •
|
||||
<a href="https://cloud.eleves.ens.fr/">NextCloud</a> •
|
||||
<a href="https://calendrier.eleves.ens.fr">Calendrier de la vie étudiante</a>
|
||||
</div>
|
||||
<a href="https://www.intranet.ens.psl.eu/" title="Intranet de l'ENS (accès restreint)">
|
||||
Intranet
|
||||
</a>
|
||||
<a href="https://www.eleves.ens.fr/experiens/" title="ExperiENS - Partagez vos expériences de stage">
|
||||
ExperiENS
|
||||
</a>
|
||||
<a href="https://cloud.eleves.ens.fr/">
|
||||
NextCloud
|
||||
</a>
|
||||
<a href="https://calendrier.dgnum.eu">
|
||||
Calendrier de la vie étudiante
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<div class="links">
|
||||
<h4>Outils informatiques</h4>
|
||||
<a href="https://www.eleves.ens.fr/pads/" title="Espace Commun de Travail Simultané">Pads de
|
||||
travail</a> •
|
||||
<a href="https://www.eleves.ens.fr/calc/_start/" title="Des tableurs.">Feuilles de calcul</a> •
|
||||
<a href="http://blogs.eleves.ens.fr/" title="Blogs, journels, appelez ça comme vous voulez.">Blogs internes à
|
||||
l'ENS</a> •
|
||||
<a href="https://git.eleves.ens.fr/" title="Serveur git interne">Serveur Git interne à l'ENS</a> •
|
||||
<a href="https://partage.eleves.ens.fr/" title="Pour vos thèses et vos photos de vacances.">Partage de
|
||||
fichiers</a> •
|
||||
<a href="http://rdv.spi.ens.fr/" title="Se mettre d'accord sur une date.">Prise de rendez-vous</a> •
|
||||
<a href="http://salles.ens.fr/" title="Réserver une salle pour un cours ou un séminaire.">Réservation de
|
||||
salles</a> •
|
||||
<a href="https://ens-etud.helvetius.net/pegasus/" title="PEGASUS - Portail Etudiant">Pegasus : saisie des cours
|
||||
suivis</a> •
|
||||
<a href="https://merle.eleves.ens.fr/" title="Serveur de discussion de l'ENS">Merle : serveur de
|
||||
discussion</a> •
|
||||
<a href="https://wiki.eleves.ens.fr/" title="Wiki des Élèves">Wiki des Élèves</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="links">
|
||||
<h4>Ressources informatiques</h4>
|
||||
<a href="http://www.spi.ens.fr"
|
||||
title="Service de prestations informatique (responsable de clipper et des salles en libre service)">SPI</a> •
|
||||
<a href="https://www.tuteurs.ens.fr/"
|
||||
title="Documentation sur le système informatique de l'école et divers logiciels courants">Tuteurs (doc
|
||||
& aide Unix)</a> •
|
||||
<a href="http://www.eleves.ens.fr/rezoweb/" title="Inscriptions au
|
||||
rézo, dépannage">Connecter votre ordinateur au rézo des thurnes</a> •
|
||||
<a href="https://www.tuteurs.ens.fr/internet/web/creer.html"
|
||||
title="Pages perso élèves : documentation et formulaire de création">Gérer sa page web</a>
|
||||
</div>
|
||||
|
||||
<h2>Autres serveurs de l'école</h2>
|
||||
|
||||
<div class="links">
|
||||
<h4>Administration, enseignement, recherche</h4>
|
||||
<a href="https://www.ens.psl.eu/">Serveur web principal</a> •
|
||||
<a href="https://bib.ens.psl.eu/">Bibliothèques</a> •
|
||||
<a href="http://savoirs.ens.fr/" title="Vidéos de conférences ayant lieu à l'ENS">Diffusion des savoirs</a>
|
||||
</div>
|
||||
|
||||
<div class="links">
|
||||
<h4>Élèves et anciens</h4>
|
||||
<a href="https://www.archicubes.ens.fr/">Archicubes et amis de l'ENS</a>
|
||||
</div>
|
||||
|
||||
|
||||
<!--<h2>Recherche sur ce serveur</h2>
|
||||
|
||||
<form method="get" action="http://www.google.com/custom">
|
||||
<p>
|
||||
<input type="text" name="q" size="48" maxlength="255" value="" />
|
||||
<input type="submit" name="sa" value="Chercher" />
|
||||
<input type="hidden" name="domains" value="www.eleves.ens.fr" />
|
||||
<br />
|
||||
<span class="petit" style="display:none;">
|
||||
<input type="radio" name="sitesearch" value="www.eleves.ens.fr"
|
||||
checked="checked" /> Chercher sur <code>www.eleves.ens.fr</code>
|
||||
<input type="radio" name="sitesearch" value="" /> Chercher sur le Web <br />
|
||||
(recherche <a class="google"
|
||||
href="http://www.google.com/search">Google™</a>)
|
||||
</span>
|
||||
</p>
|
||||
</form>-->
|
||||
<a href="https://www.eleves.ens.fr/pads/" title="Espace Commun de Travail Simultané">
|
||||
Pads de travail
|
||||
</a>
|
||||
<a href="https://www.eleves.ens.fr/calc/_start/" title="Des tableurs.">
|
||||
Feuilles de calcul
|
||||
</a>
|
||||
<a href="http://blogs.eleves.ens.fr/" title="Blogs, journels, appelez ça comme vous voulez.">
|
||||
Blogs internes à l'ENS
|
||||
</a>
|
||||
<a href="https://git.eleves.ens.fr/" title="Serveur git interne">
|
||||
Serveur Git interne à l'ENS
|
||||
</a>
|
||||
<a href="https://partage.eleves.ens.fr/" title="Pour vos thèses et vos photos de vacances.">
|
||||
Partage de fichiers
|
||||
</a>
|
||||
<a href="http://rdv.spi.ens.fr/" title="Se mettre d'accord sur une date.">
|
||||
Prise de rendez-vous
|
||||
</a>
|
||||
<a href="http://salles.ens.fr/" title="Réserver une salle pour un cours ou un séminaire.">
|
||||
Réservation de salles
|
||||
</a>
|
||||
<a href="https://ens-etud.helvetius.net/pegasus/" title="PEGASUS - Portail Etudiant">
|
||||
Pegasus : saisie des cours suivis
|
||||
</a>
|
||||
<a href="https://merle.eleves.ens.fr/" title="Serveur de discussion de l'ENS">
|
||||
Merle : serveur de discussion
|
||||
</a>
|
||||
<a href="https://wiki.eleves.ens.fr/" title="Wiki des Élèves">
|
||||
Wiki des Élèves
|
||||
</a>
|
||||
|
||||
<hr>
|
||||
|
||||
<p class="colophon" id="colophon">
|
||||
Ce serveur est maintenu par l'équipe des webmasters élèves [<span class="mail-antispam">rf.sne ta
|
||||
ved-bulk</span>] pendant leur temps libre. Ce n'est ni le <a href="http://www.ens.fr/">serveur web
|
||||
officiel</a> de l'ENS, ni <a href="http://www.cof.ens.fr/">celui</a> de l'association des élèves. La
|
||||
compétence des webmasters se limite à ce serveur, les contacter n'est pas un bon moyen pour joindre l'ensemble
|
||||
des élèves. En revanche, tout <a href="/cgi-bin/mail?webmaster">commentaire</a> est bienvenu.
|
||||
</p>
|
||||
<h4>Ressources informatiques</h4>
|
||||
<a href="http://www.spi.ens.fr"
|
||||
title="Service de prestations informatique (responsable de clipper et des salles en libre service)">
|
||||
SPI
|
||||
</a>
|
||||
<a href="https://www.tuteurs.ens.fr/"
|
||||
title="Documentation sur le système informatique de l'école et divers logiciels courants">
|
||||
Tuteurs (documentation, aide Unix)
|
||||
</a>
|
||||
<a href="http://www.eleves.ens.fr/rezoweb/" title="Inscriptions au rézo, dépannage">
|
||||
Connecter votre ordinateur au rézo des thurnes
|
||||
</a>
|
||||
<a href="https://www.tuteurs.ens.fr/internet/web/creer.html"
|
||||
title="Pages perso élèves : documentation et formulaire de création">
|
||||
Gérer sa page web
|
||||
</a>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Autres serveurs de l'école</h2>
|
||||
|
||||
<h4>Administration, enseignement, recherche</h4>
|
||||
<a href="https://www.ens.psl.eu/">
|
||||
Serveur web principal
|
||||
</a>
|
||||
<a href="https://bib.ens.psl.eu/">
|
||||
Bibliothèques
|
||||
</a>
|
||||
<a href="http://savoirs.ens.fr/" title="Vidéos de conférences ayant lieu à l'ENS">
|
||||
Diffusion des savoirs
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<h4>Élèves et anciens</h4>
|
||||
<a href="https://www.archicubes.ens.fr/">
|
||||
Archicubes et amis de l'ENS
|
||||
</a>
|
||||
</section>
|
||||
|
||||
|
||||
<footer>
|
||||
Ce serveur est maintenu par la <a href="https://dgnum.eu">Délégation Générale Numérique</a>.
|
||||
<br>
|
||||
Ce n'est ni le <a href="http://www.ens.fr/">serveur web officiel</a> de l'ENS,
|
||||
ni <a href="http://www.cof.ens.fr/">celui</a> de l'association des élèves.
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
Loading…
Reference in a new issue