personnaliser-cvhal - Inria - Institut national de recherche en sciences et technologies du numérique

Offrez un peu de fraicheur à votre CV-HAL

1 - Utilisation

HAL propose dans l'espace de chaque utilisateur connecté la fonctionnalité Mon CV/Mes publications : elle permet, au minimum, d'afficher dans une page et de façon dynamique la liste des publications d'un auteur présentes dans HAL.

Pour disposer de cette fonctionnalité, il faut être auteur d'au moins une publication déposée dans HAL et avoir créé son identifiant auteur idHAL.

Si vous ne disposez pas d'un idHAL, rendez-vous ici pour Créer votre IDHal

La page peut être complétée avec un titre, du texte libre, la photo issue du profil dans HAL, des données issues de l'IdHAL (ORCID, IdRef, compte twitter, adresse de blog, etc.) et d'autres extraites des dépôts : les disciplines, les mots-clés, les co-auteurs, les titres des revues, les années de publication, la participation à des projets ANR ou européens.

2 - Installation

Inria met à votre disposition pour votre CV-Hal 2 modèles. Un mode clair et un mode sombre jouant sur les règles de contrastes pour être accessible en permettant un repos visuel et une brève économie de consommation

Pour cela, rendez-vous dans Mon CV

Ensuite dans l'onglet "Personnalisation"

Enfin, rendez-vous dans la section Téléchargement pour choisir l'un des 2 modèles.

Pour finir, copier l'ensemble du code qui se trouve dans le fichier que vous avez téléchargé dans la section "Feuille de style"

N'oubliez pas de cliquer sur Sauvegarder (bouton en haut à droite).

3 - Téléchargement

Selon votre usage, 2 styles de CVHAL sont à votre disposition (+ un tutoriel pour personnaliser votre bannière)

 CV-HAL Thème Clair ( .txt - 10 Ko )
 CV-HAL Thème Sombre ( .txt - 10 Ko )

4 - Personnalisation de la bannière

Inria vous offre la possibilité de personnaliser votre CV-HAL aux couleurs de la charte graphique Inria, mais vous pouvez choisir d'autres couleurs en recherchant "Sélecteur de couleur" sur votre moteur de recherche, ou bien en vous rendant sur Color Picker - HTML Color Codes

Vous pourrez notamment voir la palette de couleurs de l'Inria sur le lien suivant (intranet) : Univers graphique

Pour cela rien de plus simple, rendez-vous de nouveau dans la section Code couleur pour les bannières puis recherché la ligne

#resume-presentation-visu

Une fois que vous y êtes, rendez-vous sur ici bas dans la partie Codes couleur pour les bannières.

Puis, copier la ligne de la couleur qui vous voulez avoir sur la bannière de votre CV-HAL et remplacez l'intérieur de l'élément par la ligne que vous avez copiée

Le fond de la zone ci-dessous est le gris-bleu de la charte graphique

#resume-presentation-visu { background: #272f3d; }

Que je remplace par le mauve de la charte graphique

#resume-presentation-visu { background: #6561a8; }

Attention pour les changements de couleurs de ne pas oublier le point virgule -> ; en fin de ligne afin de pas "cassé le code"

5 - Personnalisation de la couleur widgets/boutons

Vous souhaitez aussi accorder les widget à la bannière de votre CV ?

Dans ce cas, rendez-vous en bas de page dans la rubrique Codes couleur pour les widgets, cette partie contient la charte de couleurs de l'Inria ainsi qu'une déclinaison au passage de la souris.

Sélectionnez la couleur souhaitée ainsi que sa variante "survol" puis rendez-vous dans à la ligne "Variable qui agit sur les boutons et les boutons au passage du curseur, les En-têtes des widgets et sur les couleurs de la barre de recherche Picto et trait" et remplacé les valeurs "Hexadécimal #00000" d'effet et effet-hov (effet-hov correspond au passage du curseur).

Exemple : Les couleurs ci-dessous sont le rouge de l'Inria et je souhaite les mettre en bleu.

--effet: #e53212;

--effet-hov: #b9251a;

Je remplace les couleurs rouges comme ci-dessus par le bleu disponible de la charte graphique.

--effet: #1587c9;

--effet-hov: #0f6597;

Attention pour les changements de couleurs de ne pas oublier le point-virgule -> ; en fin de ligne afin de pas "casser le code"

6 - Ergonomie et Accessibilité

À des fins ergonomiques pour la visibilité du texte sur certaines les couleurs : tels que le Jaune, le Bleu Clair et le Vert Clair. Vous aurez préalablement besoin de changer la couleur du texte de blanc à noir.

Rendez-vous dans votre feuille de style sur votre CV-HAL dans la personnalisation et rechercher la ligne "Variable des textes", une description est présente sur chaque élément pour indiquer l'utilité dans la feuille de style. Il ne vous restera plus qu'a changé la valeur hexadécimale

#fff;

Qui correspond au Blanc

#000;

Qui correspond au Noir

Si vous avez besoin de mettre vos propres couleurs et vous ne savez pas si les contrats sont valides, voici un lien vers un outil qui vous permettra de comparer la lisibilité entre 2 couleurs WebAIM Constrast Checker

Codes couleur pour les bannières

Bannière Rouge

Bannière Orange

Bannière Lilas

Bannière Bleu

Bannière Vert

Bannière Jaune

Bannière Mauve

Bannière Bleu Clair

Bannière Vert Clair

Codes couleur pour les widgets

Palette de couleur

  • Rouge

    background: #e63312;

    Rouge passage de la souris

    background: #b9251a;

    Orange

    background: #ef7d25;

    Orange passage de la souris

    background: #ca6a1f;

    Lilas

    background: #9c1053;

    Lilas passage de la souris

    background: #6f0b3b;

    Bleu

    background: #1587c9;

    Bleu passage de la souris

    background: #0f6597;

    Vert

    background: #95c11f;

    Vert passage de la souris

    background: #6c8c16;

    Jaune

    background: #ffcd1c;

    Jaune passage de la souris

    background: #caa216;

    Mauve

    background: #6561a8;

    Mauve passage de la souris

    background: #454373;

    Bleu Clair

    background: #88ccc8;

    Bleu Clair passage de la souris

    background: #6da4a0;

    Vert Clair

    background: #c6d54f;

    Vert Clair passage de la souris

    background: #a2ae41;