FemEnRev – 18 avril 2023
Résumé par points
Mise en ligne :
- Le Quotidien des femmes ici : https://femenrev.persee.fr/le-quotidien-des-femmes
Modifications du site web, sur le serveur de tests :
- Découverte d'une collection / Le Quotidien des Femmes : http://udocker.persee.ens-lyon.fr:28081/web/femenrev/le-quotidien-des-femmes
- La liste des revues : http://udocker.persee.ens-lyon.fr:28081/web/femenrev/collections
- La page d'accueil : http://udocker.persee.ens-lyon.fr:28081/web/femenrev
- Pour en savoir plus : cf. le document en pj qui récapitule les choix de navigation et de modifications de CSS
- La 1ere partie sur les modifications de navigation est déjà validée par Nathalie Clot.
- J'envoie le document complet aujourd'hui pour leur faire valider les modifs CSS.
Création d’un doc qui récapitule les modifications :
Amélioration de la navigation dans FemEnRev : propositions
Accueil
L’ancienne page d’accueil proposait un accès aux collections très bas. Non seulement elle apparaissait après le bandeau, mais aussi après la boite « Bienvenue » et le Zoom. La nouvelle présentation propose de rendre la page d’accueil un peu plus vivante.
☐ Ne pas valider la nouvelle présentation
☐ Valider la nouvelle présentation
☐ La valider en proposant des améliorations :
Rubrique Le projet
Ancienne rubrique Le Projet > Le Corpus
☐ Supprimer et déplacer cette présentation sur la rubrique Le corpus (cf. ci-dessous, 3eme onglet menu à droite).
☐ Conserver à cet endroit en doublon (avec risque d’obsolescence puisque le contenu est renseigné à la main).
Le projet > L’équipe
Vérifier le texte qui semble obsolète.
Par exemple tout en bas de la page on trouve ça (puis-je supprimer ?) :
Certains blocs ont été déplacés : j’ai fait remonter le « Comités », qui comprend le fameux comité de pilotage : il était caché tout en bas de la page (après le prestataire de numérisation) et j’ai ajouté des liens vers les CV pour chaque membre. J’ai remplacé le nom de Sebastien, même s’il apparait encore avec Agnieska et Hélène dans la partie « Partenaire de documentation et de diffusion » (que j’ai renommé « Persée, le partenaire de documentation et de diffusion ».
…. Et plus loin (sous Les marraines et Data Providers) :
Rubrique « Les Collections » ou « Le Corpus ?
La page Les collections était mal nommée. Je l’ai renommée Le corpus puisqu’il existait déjà une page Les collections ailleurs qui, justement, pointe directement vers les collections (et non pas leur présentation).
Proposition sur le changement d’intitulé :
☐ Le corpus (modification choisie pour l’instant)
☐ Présentation du corpus
☐ Description du corpus
☐ Description des collections
Autre :
Affichage actuel de la page d’entrée de la rubrique
Sur la page suivante je fais une proposition d’affichage différent de cette page « Le Corpus » (ancienne « Les Collections »), qui comprendrait également le texte supprimé dans Le projet > Présentation des collections :
☐ Valider la nouvelle présentation
☐ Ne pas la valider
☐ La valider en proposant des améliorations :
☐ Si nouvelle présentation adoptée : supprimer la sous-rubrique Présentation des collections de la rubrique Le Projet :
Fil d’ariane
Modification de la CSS
Pour chaque page type vous trouverez le visuel actuel, et dessous, le nouveau visuel proposé.
Page d’accueil
Nouvelle page d’accueil
En bref :
· Retirer toute perte d’espace inutile sous le bandeau afin d’accéder directement au contenu éditorial ;
o Retrait du dessin de Plume qui était plus rattaché à la collection « sorcières » ;
o Mettre le moteur de recherche dans le bandeau, sous le menu à droite.
· Plus de sobriété ; Charter le site sur le modèle V1 des Perséides (cf. ARCPA) ;
· Utiliser les trois colonnes pour moderniser ;
· Eclaircir l’ensemble : passer du fond bleu marine à l’eau de rose ( !) pour Les Collections, et violet-fushia pour le bandeau ;
· mettre la couleur directement sur le titre de niveau 3, et non plus seulement dans une balise autour d’un petit groupe de mots (cf. Bienvenu sur « femEnRev ») ;
TODO dans main.css :
.aui h2 {
font-size: 3em;
font-weight: normal;
color: #a131b7;
margin-bottom: 0.9em;
}
.aui h3 {
font-size: 24.5px;
font-weight: normal;
margin-bottom: 0.7em;
}
body.femenrev .perseePrimary {
color: #a131b7;
font-weight: normal;
}
.aui h3 {
font-size: 1.9em;
font-weight: normal;
}
@media screen and (min-width: 1068px)
body.femenrev div.collection-title h6.collection-label {
font-size: 1.2em;
font-family: "Bebas Kai",ifao-n-copte,new-gardiner,"Helvetica Neue",Helvetica,Arial,sans-serif;
letter-spacing: .06em;
color: #a131b7;
text-align: center;
width: 275px;
font-weight: normal;
}
body.femenrev div.collection-title-carousel h3 {
background-color: #f7eff6;
padding-left: .5em;
color: #ecf4e6;
}
body.femenrev #content p {
font-family: Roboto,Arial,sans-serif;
color: black;
font-weight: normal;
width: 95%;
line-height: 1.6em;
font-size: 1em;
display: block;
justify-content: normal;
}
.aui p {
margin: 0 0 10px;
}
Page d’une collection
Nouvelle Proposition pour une page de Collection
Figure 2 : Faire remonter la lecture de la collection sous le bandeau, sans autre chemin que « retour à la liste des collections » : pas de fil d’ariane (obsolète)
Page d’un contenu éditorial avec des boites
Nouvelle page avec des boites
TODO :
Supprimer les nœuds inutiles au-dessus des boites pour ne garder que :
<p><a hre=’url’>Retour au Corpus</a></p>
Page d’un contenu éditorial avec du texte
Nouvelle page d’un contenu éditorial avec du texte
TODO dans main.css et aui.css :
.aui h3 {
font-size: 1.9em;
font-weight: normal;
}
.aui h1, .aui h2, .aui h3 {
line-height: 1.6em;
font-weight: normal;
margin-bottom: 0.7em;
}
body.femenrev #content p {
font-family: Roboto,Arial,sans-serif;
color: black;
font-weight: normal;
width: 95%;
line-height: 1.6em;
font-size: 1em;
display: block;
justify-content: normal;
}
Page des collections
Nouvelle page des Collections
Figure 3 : Les images de couverture on un bord blanc avec une ombre portée, effet devant derrière, pour plus de matérialité sur les revues.
TODO dans main.css :
body.femenrev #collectionList .collection .collection-cover {
display: inline-block;
border: 8px solid whitesmoke;
margin-bottom: 1em;
position: relative;
width: 200px;
height: 283px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}