Use the same h2 style for the static pages
authorJuliette Belin <juliette.belin@logilab.fr>
Thu, 02 Feb 2017 12:20:56 +0100
changeset 56 c8d6d336546f
parent 55 3e120a19a27a
child 57 b5efad678e14
Use the same h2 style for the static pages
data/cubes.sherpa.css
views/index.html
views/templates/utilisation.jinja2
--- a/data/cubes.sherpa.css	Fri Feb 03 13:48:10 2017 +0100
+++ b/data/cubes.sherpa.css	Thu Feb 02 12:20:56 2017 +0100
@@ -177,6 +177,18 @@
   font-weight: bold;
 }
 
+#contentmain h2 {
+  color: #0d4e96;
+  margin: auto;
+  display: block;
+  font-size: 1.6em;
+  text-align: left;
+  margin-bottom: 1em;
+  margin-top: 2em;
+  font-family: 'lovelo';
+  font-weight: bold;
+}
+
 #contentmain .list-striped {
   padding-left: 0;
 }
@@ -280,30 +292,19 @@
   padding-bottom: 3.5em;
 }
 
-#contentmain #projetSherpa::before,
-#contentmain #seda::before {
-  display: block;
-  margin: auto;
-  content: " ";
-  border-bottom: 5px solid #999999;
-  width: 130px;
-}
-
 #contentmain #projetSherpa {
   padding-bottom: 3.5em;
 }
 
 #contentmain #accueil h2 {
-  padding-bottom: 0.1em;
   margin: auto;
   display: block;
-  width: 10em;
   font-size: 2em;
-  margin-bottom: 2em;
+  color: #0d4e96;
+  text-align: center;
+  margin-bottom: 1em;
   margin-top: 2em;
-  text-align: center;
-  text-transform: uppercase;
-  color: #0d4e96;
+  font-family: 'lovelo';
 }
 
 
@@ -314,13 +315,6 @@
   min-height: 50px;
 }
 
-
-#contentmain h2 {
-  margin-top: 3em;
-  font-size: 1.8em;
-  color: #0d4e96;
-}
-
 #accueil section {
   overflow: auto;
 }
@@ -339,7 +333,6 @@
 }
 
 
-
 .iconWrapper{
   text-align: center;
 }
@@ -407,7 +400,8 @@
   margin: auto;
 }
 
-#sherpa-project-page h2::after {
+#sherpa-project-page h2::after,
+#utilisation h2::after {
   content: "";
   display: block;
   width: 108px;
@@ -420,6 +414,7 @@
 
 #sherpa-project-page h2 {
   margin-top: auto;
+  text-align: left;
 }
 
 #sherpa-project-page .img-bottom {
@@ -434,9 +429,8 @@
 
 /* utilisation */
 
-#utilisation h2 {
-  text-align: center;
-  margin-bottom: 1em;
+#utilisation .font-openSans {
+  font-family: 'OpenSans';
 }
 
 
--- a/views/index.html	Fri Feb 03 13:48:10 2017 +0100
+++ b/views/index.html	Thu Feb 02 12:20:56 2017 +0100
@@ -2,6 +2,12 @@
 
   <section id="presentation">
       <h2>Présentation du projet</h2>
+      <div class="titleUnderline">
+        <span class="underline mr"></span>
+        <span class="losange"></span>
+        <span class="underline ml"></span>
+      </div>
+
       <div class="col-md-10 col-md-offset-1">
         <p>
         Le projet <span class="emphasis">SHERPA</span> a été conduit par le Service interministériel des Archives de France en 2016 afin de doter le <span class="emphasis">réseau des services publics d’archives</span> d’un outil disponible en ligne et permettant de <span class="emphasis">rédiger des profils d’archivage</span> conformes au <span class="emphasis">Standard</span> d’échange des données pour l’archivage, version 2.0.
@@ -20,8 +26,13 @@
 
 <section id="seda">
   <h2> Le SEDA </h2>
+  <div class="titleUnderline">
+    <span class="underline mr"></span>
+    <span class="losange"></span>
+    <span class="underline ml"></span>
+  </div>
 
-  <div class="col-md-6 col-md-offset-3">
+  <div class="col-md-10 col-md-offset-1">
     <p>
       Le standard d’échange de données pour l’archivage permet de modéliser les transactions d’un processus d’archivage (transfert, communication, élimination, modification et restitution) entre différents acteurs (service producteur, service versant, service d’archives et demandeur d’archives).
       Il précise les types, l’ordre et la forme des messages échangés.
--- a/views/templates/utilisation.jinja2	Fri Feb 03 13:48:10 2017 +0100
+++ b/views/templates/utilisation.jinja2	Thu Feb 02 12:20:56 2017 +0100
@@ -3,14 +3,7 @@
   <div id="utilisationWrapper">
     <div class="utilisation col-xs-12">
       <div>
-        <h2>Formulaire complet &amp; formulaire simplifié</h2>
-
-        <div class="titleUnderline">
-          <span class="underline mr"></span>
-          <span class="losange"></span>
-          <span class="underline ml"></span>
-        </div>
-
+        <h2>Formulaire complet <span class="font-openSans">&amp;</span> formulaire simplifié</h2>
         <p>
           SHERPA est basé sur la version 2.0 du Standard d’échange de données pour l’archivage.
         </p>
@@ -34,11 +27,6 @@
 
       <div>
         <h2>Travail en référentiel</h2>
-        <div class="titleUnderline">
-          <span class="underline mr"></span>
-          <span class="losange"></span>
-          <span class="underline ml"></span>
-        </div>
         <p>
           Comme indiqué ci-dessus, le SEDA 2.0 fonctionne, pour un certain nombre de valeurs, avec des référentiels externes qu’il convient donc de définir à l’extérieur du profil. SHERPA met en œuvre ce principe en proposant des zones permettant d’alimenter et de mettre à jour les agents et les vocabulaires utilisés dans les échanges.
           Le rédacteur peut gérer des listes de valeurs contrôlées référencées dans les bordereaux de transfert ainsi que des notices d’agents employées pour identifier les acteurs. Ces deux types de ressources centralisées peuvent être utilisés dans l’ensemble du corpus de profils.
@@ -50,11 +38,6 @@
 
     <div>
       <h2>Travail collaboratif</h2>
-      <div class="titleUnderline">
-        <span class="underline mr"></span>
-        <span class="losange"></span>
-        <span class="underline ml"></span>
-      </div>
       <p>
         SHERPA est une application web et est proposé en tant que service hébergé par le Service interministériel des Archives de France. Les modules référentiels d’Agents et de Vocabulaires sont communs à toute la communauté d’utilisateurs, de même que le corpus de profils.