import themes in the same repo

themes/inist/README.md

@@ -0,0 +1,191 @@
+# Lodex 12.55.2 theme INIST
+
+  Ce répertoire contient les fichiers à installer dans le répertoire custom de [LODEX](https://github.com/Inist-CNRS/lodex).
+
+  L'**usage de ce theme est exclusivement réservé à l'institution inist-cnrs** lorsqu'elle publie ou livre ses services via lodex.
+
+```
+
+├── inist
+│   └── css
+│       └── fonts
+│   └── img
+│ fichiers documentation
+│  settings_lodex_theme_Inist.json
+│  README.md
+
+```
+
+## Documentation du theme Inist
+
+    Cette documentation est à l'usage de :
+
+    1. la maintenance de ce theme préparé pour la version 12.55.2 de Lodex
+    2. la réalisation par les créateurs d'instance lodex pour le compte de l'inist-cnrs
+
+## Optimisation de l'utilisation lodex theme inist
+
+### 1. Elements créés depuis l'admin et utilisés par lodex et/ou stylés par css 
+
+#### Titre de l'étude
+
+- renseigné via Admin/Affichage/Page d'accueil/page/
+- création d'un nouveau champ :
+  Onglet Général / valeur arbitraire / saisie du titre
+  Onglet Affichage / visible format texte/titre/h1
+
+> **Attention** ne pas indiquer de largeur !
+
+> **conseil pour page d'accueil**
+>
+> - titre h1 = titre court de l'étude repris dans breadcrumb
+> - titre h2 = titre long de l'étude
+
+#### Description du corpus
+
+- renseigné via Admin/Affichage/Page d'accueil/page/
+- création d'un nouveau champ :
+  Onglet Général / valeur arbitraire / saisie du titre
+  Onglet Affichage / visible format texte/paragraphe
+
+#### meta balise head/title
+
+  - renseignée via Admin/Affichage/Page d'accueil/page/DATASET - Titre
+  - -> sélectionner champs titre créé pour Page d'accueil
+
+#### meta balise head/description
+
+  - renseignée via Admin/Affichage/Page d'accueil/page/DATASET - Description
+  - -> sélectionner champ description crée pour page d'accueil
+
+### 2. settings (ezmaster) / les différents menu
+
+> ***remarque*** *je vous ai mis un fichier settings_lodex_theme_Inist.json en exemple dans theme inist/*
+
+### breadcrumb
+
+  doit contenir au minimum le titre court de l'étude, texte identique au h1 indiqué ci-dessus
+
+> **Important** cet élément est stylé à l'identique du h1 dans [inist-styles.css](https://github.com/Inist-CNRS/lodex-themes/blob/master/inist/css/inist-styles.css)
+
+
+  > **conseil d'utilisation pour des accès rapides par liens externes**
+  >
+  > 1. ajouter contact : url du formulaire de l'équipe site inist.fr
+  > 2. ajouter mentions légales : url mentions légales site inist.fr
+
+  La css prévoit l'ajout d'une icône 'lien externe' pour les urls hors de l'instance lodex
+
+#### menu advanced
+
+  Des pages statiques sont à votre disposition dans le theme visible dans la demo du theme par le menu advanced :
+
+    1. ajout possible de l'url interne pour la page  : methodologie\.html
+    2. ajout possible de l'url interne pour la page  : contact\.html
+    3. ajout possible de l'url interne pour la page de documentation lodex : documentation\.html 
+
+  > **remarque** je peux en préparer d'autres si nécessaire
+
+## 3. Charte inist et Lodex
+
+###  Des class css sont disponibles dans inist-style.css
+
+  > ***remarque*** *vous pouvez utiliser ces class lorsque vous créer des éléments html depuis l'admin*
+
+```bash
+  .bl3 {
+  border-left: 3px solid #23aeff;
+  padding-left: 30px;
+}
+.bb {
+  border-bottom: 1px solid rgba(170, 170, 170, 0.2);
+}
+.bt {
+  border-top: 1px solid rgba(170, 170, 170, 0.2);
+}
+/*fond rose*/
+.bg {
+  background-color: rgba(229, 229, 229, 0.17);
+}
+/*a "voir plus" charte inist*/
+a.VoirPlus {
+  color: #434148;
+  margin: 15px 0 15px 0;
+  padding: 15px 20px;
+  background-color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  text-align: center;
+  border: 1px solid #23aeff;
+  width: max-content;
+}
+a.VoirPlus:hover,
+a.VoirPlus:focus {
+  box-shadow: 0px 0px 0px 1px #23aeff;
+}
+```
+
+###  Des éléments lodex sont stylés selon charte INIST :
+
+  > ***remarque*** *ceci n'est qu'une proposition et peut-être modifié*
+
+```bash
+/*page accueil : label avec un tiret*/
+.header-dataset-section div .property_label::before {
+  content: "—";
+  padding-right: 20px;
+  font-weight: bold;
+}
+/*page resource : titres champs*/
+div.resource .property_label {
+  font-size: 1rem !important;
+  border-bottom: 1px dotted rgb(224, 224, 224);
+}
+/*toute page : annotation bt bb bl3*/
+.linked_fields {
+  border-left: none !important;
+}
+.linked_fields h2 {
+  border-left: none;
+  margin-left: 0 !important;
+}
+.linked_fields a.VoirPlus {
+  display: block;
+  margin: 0 auto;
+}
+ /*toute page : liste ul charte inist ?*/
+.resources-grid-list {
+  background-color: rgba(229, 229, 229, 0.17);
+}
+```
+
+## custom : description et usage des autres fichiers
+
+### custom/ colorTheme.js et customTheme.js
+
+  **Nouveauté lodex 12.55** : pour votre information, colorsTheme.js permet de déclarer les couleurs icônes et textes du lodex
+
+  > https://github.com/Inist-CNRS/lodex-themes/blob/master/inist/colorsTheme.js
+
+  Mais le code de Lodex ne prend en compte ce fichier de déclaration couleur que pour certains de ses composants.
+  C'est pourquoi pour la version lodex 12.55.2, des feuilles de style spécifiques surchargent les composants non pris en compte et stylables par class css.
+
+  > [css-loader.css](https://github.com/Inist-CNRS/lodex-themes/blob/master/inist/css/css-loader.css)
+  > [styles_aphrodite.css](https://github.com/Inist-CNRS/lodex-themes/blob/master/inist/css/styles_aphrodite.css)
+
+  > ***remarque*** *ces fichiers ne doivent pas être modifier*
+
+### custom/img
+
+  Ce répertoire contient :
+
+  1. le logo version blanche du [logo CNRS](https://github.com/Inist-CNRS/lodex-themes/blob/master/inist/img/logo_cnrs_2019_blanc.svg]
+  2. l'icone svg lien externe pour breacrumb (inséré via css) *** mettre à jour quand validation maquette ***
+  3. Deux images de fonds sont à votre disposition, repris du site inist\.fr ***mettre ur ?l***
+    - [projets](https://github.com/Inist-CNRS/lodex-themes/blob/master/inist/img/bg_projets.jpg)
+    - [qui](https://github.com/Inist-CNRS/lodex-themes/blob/master/inist/img/bg_qui.jpg)
+
+l'image 'projets' est utilisées par défaut
+
+Si vous souhaitez utiliser l'image 'qui', voici comment faire :
+*** mettre à jour quand validation maquette *** 

themes/inist/colorsTheme.js

@@ -0,0 +1,35 @@
+export default {
+  black: {
+    primary: '#000',
+    secondary: 'rgb(95, 99, 104)',
+    veryDark: '#333',
+    dark: '#555',
+    light: 'rgb(95, 99, 104, 0.5)',
+    lighter: 'rgb(95, 99, 104, 0.15)',
+    veryLight: 'rgb(95, 99, 104, 0.1)',
+    transparent: 'rgba(0, 0, 0, .1)',
+  },
+  white: {
+    primary: '#fff',
+    transparent: 'rgba(255, 255, 255, .1)',
+    light: 'rgba(255, 255, 255, .2)',
+  },
+  gray: {
+    primary: '#e0e0e0',
+  },
+  red: {
+    primary: '#f44336',
+  },
+  green: {
+    primary: "#25809a",
+    secondary: "rgba(37, 128, 154, 1.5)",
+    tertiary: "rgba(37, 128, 154, .5)",
+    light: "rgba(37, 128, 154, .1)",
+  },
+  purple: {
+    primary: "#b22f90",
+  },
+  orange: {
+    primary: "#da1d64",
+  },
+};

themes/inist/css/css-loader.css

@@ -0,0 +1,35 @@
+/*class css generees par css-loader dans index.js?*/
+/* justification des titres annulée*/
+.css-oa9bdm {
+  text-align: inherit!important;
+}
+/* -> declaration dans colorsTheme.js, custom/css/ styles_aphrodite et css-loader.css*/
+/*initial vert #7dbd42 devient bleu #25809a ou rgb(37, 128, 154)*/
+/*green:{ primary: "#25809a",
+secondary: "rgba(37, 128, 154, 0.7)",
+tertiary: "rgba(37, 128, 154, .5)",
+light: "rgba(37, 128, 154, .1)",
+}*/
+/*active et focus orange #f48022 devient fushia #da1d64*/
+/* hover violet reste violet #b22f90*/
+
+/* boutton:hover bleu fonce #1f6a81 rgb(31, 106, 129)*/
+/*home page : bouton vert ‘plus de résultats'*/
+.css-aasjfl {background-color: rgb(37, 128, 154)!important;}
+.css-aasjfl:hover {background-color: rgb(31, 106, 129)!important;}
+/*pages modales des graphiques : bouton vert 'parcourir les résultats'*/
+.css-1fzg62x {background-color: rgb(37, 128, 154)!important;}
+.css-1fzg62x:hover {background-color: rgb(31, 106, 129)!important;}
+/*boite recherche*/
+/*bouton fond blanc ‘voir plus de résultats'*/
+.css-144fbo8{color:#25809a!important;}
+/*Boite recherche + page notice*/
+/*tri, date et export texte + svg verts*/
+.css-124f0p3, .css-1082qr1 {color:#25809a!important;}
+.css-1ne2wwb:focus{border-color: #da1d64!important;}/* */
+/*notice*/
+/*button fond transparent de la fleche verte*/
+/*pose probleme avec l’image en bg du theme inist*/ 
+/*ces ajout ne fonctionnent pas*/
+/*.css-1yxmbwk{background-color: #fff!important;}
+.css-1yxmbwk:hover {background-color: rgba(0, 0, 0, 0.04)!important;}*/

themes/inist/css/fonts-style.css

@@ -0,0 +1,41 @@
+/* les titres */
+@font-face { font-family: 'Barlow Regular'; font-style: normal; font-weight: normal;
+    src: local('Barlow Regular'), url('fonts/Barlow-Regular.woff') format('woff');}
+@font-face { font-family: 'Barlow Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow Italic'), url('fonts/Barlow-Italic.woff') format('woff');}
+@font-face { font-family: 'Barlow Thin'; font-style: normal; font-weight: normal;
+    src: local('Barlow Thin'), url('fonts/Barlow-Thin.woff') format('woff');}
+@font-face { font-family: 'Barlow Thin Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow Thin Italic'), url('fonts/Barlow-ThinItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow ExtraLight'; font-style: normal; font-weight: normal;
+    src: local('Barlow ExtraLight'), url('fonts/Barlow-ExtraLight.woff') format('woff');}
+@font-face { font-family: 'Barlow ExtraLight Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow ExtraLight Italic'), url('fonts/Barlow-ExtraLightItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow Light'; font-style: normal; font-weight: normal;
+    src: local('Barlow Light'), url('fonts/Barlow-Light.woff') format('woff');}
+@font-face { font-family: 'Barlow Light Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow Light Italic'), url('fonts/Barlow-LightItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow Medium'; font-style: normal; font-weight: normal;
+    src: local('Barlow Medium'), url('fonts/Barlow-Medium.woff') format('woff');}
+@font-face { font-family: 'Barlow Medium Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow Medium Italic'), url('fonts/Barlow-MediumItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow SemiBold'; font-style: normal; font-weight: normal;
+    src: local('Barlow SemiBold'), url('fonts/Barlow-SemiBold.woff') format('woff');}
+@font-face { font-family: 'Barlow SemiBold Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow SemiBold Italic'), url('fonts/Barlow-SemiBoldItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow Bold'; font-style: normal; font-weight: normal;
+    src: local('Barlow Bold'), url('fonts/Barlow-Bold.woff') format('woff');}
+@font-face { font-family: 'Barlow Bold Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow Bold Italic'), url('fonts/Barlow-BoldItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow ExtraBold'; font-style: normal; font-weight: normal;
+    src: local('Barlow ExtraBold'), url('fonts/Barlow-ExtraBold.woff') format('woff');}
+@font-face { font-family: 'Barlow ExtraBold Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow ExtraBold Italic'), url('fonts/Barlow-ExtraBoldItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow Black'; font-style: normal; font-weight: normal;
+    src: local('Barlow Black'), url('fonts/Barlow-Black.woff') format('woff');}
+@font-face { font-family: 'Barlow Black Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow Black Italic'), url('fonts/Barlow-BlackItalic.woff') format('woff');}
+
+
+
+

themes/inist/css/fonts/example.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <link rel="stylesheet" type="text/css" href="style.css" />
+    </head>
+    <body>
+        <h1>FONT Barlow - Generated from: http://www.cufonfonts.com</h1><br />
+        <h1 style="font-family:'Barlow Regular';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow Italic';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow Thin';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow Thin Italic';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow ExtraLight';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow ExtraLight Italic';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow Light';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow Light Italic';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow Medium';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow Medium Italic';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow SemiBold';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow SemiBold Italic';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow Bold';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow Bold Italic';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow ExtraBold';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow ExtraBold Italic';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow Black';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+        <h1 style="font-family:'Barlow Black Italic';font-weight:normal;font-size:42px"
+            >AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
+    </body>
+</html>

themes/inist/css/fonts/fonts-style.css

@@ -0,0 +1,41 @@
+/* les titres */
+@font-face { font-family: 'Barlow Regular'; font-style: normal; font-weight: normal;
+    src: local('Barlow Regular'), url('Barlow-Regular.woff') format('woff');}
+@font-face { font-family: 'Barlow Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow Italic'), url('Barlow-Italic.woff') format('woff');}
+@font-face { font-family: 'Barlow Thin'; font-style: normal; font-weight: normal;
+    src: local('Barlow Thin'), url('Barlow-Thin.woff') format('woff');}
+@font-face { font-family: 'Barlow Thin Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow Thin Italic'), url('Barlow-ThinItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow ExtraLight'; font-style: normal; font-weight: normal;
+    src: local('Barlow ExtraLight'), url('Barlow-ExtraLight.woff') format('woff');}
+@font-face { font-family: 'Barlow ExtraLight Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow ExtraLight Italic'), url('Barlow-ExtraLightItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow Light'; font-style: normal; font-weight: normal;
+    src: local('Barlow Light'), url('Barlow-Light.woff') format('woff');}
+@font-face { font-family: 'Barlow Light Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow Light Italic'), url('Barlow-LightItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow Medium'; font-style: normal; font-weight: normal;
+    src: local('Barlow Medium'), url('Barlow-Medium.woff') format('woff');}
+@font-face { font-family: 'Barlow Medium Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow Medium Italic'), url('Barlow-MediumItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow SemiBold'; font-style: normal; font-weight: normal;
+    src: local('Barlow SemiBold'), url('Barlow-SemiBold.woff') format('woff');}
+@font-face { font-family: 'Barlow SemiBold Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow SemiBold Italic'), url('Barlow-SemiBoldItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow Bold'; font-style: normal; font-weight: normal;
+    src: local('Barlow Bold'), url('Barlow-Bold.woff') format('woff');}
+@font-face { font-family: 'Barlow Bold Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow Bold Italic'), url('Barlow-BoldItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow ExtraBold'; font-style: normal; font-weight: normal;
+    src: local('Barlow ExtraBold'), url('Barlow-ExtraBold.woff') format('woff');}
+@font-face { font-family: 'Barlow ExtraBold Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow ExtraBold Italic'), url('Barlow-ExtraBoldItalic.woff') format('woff');}
+@font-face { font-family: 'Barlow Black'; font-style: normal; font-weight: normal;
+    src: local('Barlow Black'), url('Barlow-Black.woff') format('woff');}
+@font-face { font-family: 'Barlow Black Italic'; font-style: normal; font-weight: normal;
+    src: local('Barlow Black Italic'), url('Barlow-BlackItalic.woff') format('woff');}
+
+
+
+