Static page displaying the sherpa project presentation
authorJuliette Belin <juliette.belin@logilab.fr>
Wed, 01 Feb 2017 17:55:38 +0100
changeset 53 b389b4efa60c
parent 52 d64b898667ad
child 54 a762cfc24667
Static page displaying the sherpa project presentation
data/cubes.sherpa.css
data/images/sherpa_bordereau.png
data/images/sherpa_general.png
data/images/sherpa_profil.png
views/index.html
views/static.py
views/templates.py
views/templates/project.jinja2
--- a/data/cubes.sherpa.css	Wed Feb 01 10:41:26 2017 +0100
+++ b/data/cubes.sherpa.css	Wed Feb 01 17:55:38 2017 +0100
@@ -160,10 +160,18 @@
 /* main content */
 
 #contentmain h1{
-  text-align: center;
+  margin-top: 1em;
+  text-align: left;
   color: #0d4e96;
   padding-bottom: 1.5em;
   padding-top: 0.5em;
+  font-size: 2em;
+  line-height: 1.1;
+  font-weight: bold;
+}
+
+#contentmain .list-striped {
+  padding-left: 0;
 }
 
 #contentmain .list-striped > li > a {
@@ -280,21 +288,19 @@
   padding-bottom: 3.5em;
 }
 
-#contentmain #accueil h1 {
+#contentmain #accueil h2 {
   padding-bottom: 0.1em;
   margin: auto;
   display: block;
   width: 10em;
-  font-size: 2.5em;
+  font-size: 2em;
   margin-bottom: 2em;
   margin-top: 2em;
+  text-align: center;
+  text-transform: uppercase;
+  color: #0d4e96;
 }
 
-#contentmain #accueil h2{
-  text-align: center;
-  text-transform: uppercase;
-  margin-bottom: 1.5em;
-}
 
 #contentmain #accueil h3{
   color: #333;
@@ -303,27 +309,17 @@
   min-height: 50px;
 }
 
-#contentmain #accueil h2:after {
-  display: block;
-  margin: auto;
-  content: " ";
-  border-bottom: 1px solid #999999;
-  width: 150px;
-  padding-top: 0.5em;
-}
 
 #contentmain h2 {
   margin-top: 3em;
   font-size: 1.8em;
-  text-transform: uppercase;
-  color: #999999;
+  color: #0d4e96;
 }
 
 #accueil section {
   overflow: auto;
 }
 
-
 #contentmain p {
   text-align: justify;
 }
@@ -337,6 +333,8 @@
   margin-top: 1.1em;
 }
 
+
+
 .iconWrapper{
   text-align: center;
 }
@@ -347,7 +345,7 @@
 
 .underline {
   position: relative;
-  bottom: 9px;
+  bottom: 7px;
   display: inline-block;
   z-index: 1;
   width: 5em;
@@ -379,6 +377,51 @@
   margin-bottom: 1.5em;
 }
 
-.icon-chevron-right:before {
-  content: "\ \2771";
+
+/* project page */
+
+#sherpa-project-page .column-wrap {
+    overflow: hidden;
+}
+
+#sherpa-project-page > div {
+  margin-bottom: 2em;
+}
+
+#sherpa-project-page .vcenter {
+  margin-bottom: -99999px;
+  padding-bottom: 99999px;
+}
+
+#sherpa-project-page img {
+  max-height: 100px;
+}
+
+#sherpa-project-page  .project-image {
+  display: block;
+  margin: auto;
 }
+
+#sherpa-project-page h2::after {
+  content: "";
+  display: block;
+  width: 108px;
+  height: 3px;
+  background-color: #0d4e96;
+  margin-top: 0.6em;
+  margin-bottom: 2em;
+}
+
+
+#sherpa-project-page h2 {
+  margin-top: auto;
+}
+
+#sherpa-project-page .img-bottom {
+  margin: 1em 0 2em 0;
+  margin-top: 5em;
+}
+
+#sherpa-project-page .img-bottom img {
+  max-height: 300px;
+}
Binary file data/images/sherpa_bordereau.png has changed
Binary file data/images/sherpa_general.png has changed
Binary file data/images/sherpa_profil.png has changed
--- a/views/index.html	Wed Feb 01 10:41:26 2017 +0100
+++ b/views/index.html	Wed Feb 01 17:55:38 2017 +0100
@@ -1,23 +1,25 @@
 <div class="col-md-12" id="accueil">
 
   <section id="presentation">
-      <h1>Le projet SHERPA</h1>
-      <div class="col-md-6 col-md-offset-3">
+      <h2>Présentation du projet</h2>
+      <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.
         <br />
         Le projet SHERPA a été réalisé en collaboration avec le projet <a href="http://saem.e-bordeaux.org/">SAEM</a> auquel participent le Conseil départemental de la Gironde, Bordeaux Métropole et la Ville de Bordeaux, dans une optique de mutualisation des moyens.
 
         SHERPA a été réalisé par la société LOGILAB. Son code source est librement réutilisable.<br />
-        Licence :
+        Licence : ### LICENCE ###
         </p>
+
+        <a href="./project"> En savoir plus...</a>
       </div>
   </section>
 
   <section id="projetSherpa">
-    <h1>Mode d'emploi</h1>
+    <h2>Mode d'emploi</h2>
     <div id="utilisationWrapper">
-      <div class="utilisation col-md-4 col-sm-10 col-xs-12">
+      <div class="utilisation col-md-4 col-sm-12 col-xs-12">
         <div>
           <h3>Formulaire complet &amp; formulaire simplifié</h3>
 
@@ -46,7 +48,7 @@
         </div>
       </div>
 
-      <div class="utilisation col-md-4 col-sm-10 col-xs-12">
+      <div class="utilisation col-md-4 col-sm-12 col-xs-12">
 
         <div>
           <h3>Travail en référentiel</h3>
@@ -67,7 +69,7 @@
         </div>
     </div>
 
-    <div class="utilisation col-md-4 col-sm-12">
+    <div class="utilisation col-md-4 col-sm-12 col-xs-12">
 
       <div>
         <h3>Travail collaboratif</h3>
@@ -92,7 +94,7 @@
 </section>
 
 <section id="seda">
-  <h1> Le SEDA </h1>
+  <h2> Le SEDA </h2>
 
   <div class="col-md-6 col-md-offset-3">
     <p>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/views/static.py	Wed Feb 01 17:55:38 2017 +0100
@@ -0,0 +1,17 @@
+from cubicweb.view import View
+
+from cubes.sherpa.views import JinjaViewMixin
+
+class ProjectView(View, JinjaViewMixin):
+    __regid__ = 'sherpa-project'
+    template_name = 'project.jinja2'
+
+
+    def call(self, **kw):
+        req = self._cw
+        _ = req._
+
+        self.call_template(
+            title=_('Le projet Sherpa'),
+            data_url=self._cw.datadir_url,
+        )
--- a/views/templates.py	Wed Feb 01 10:41:26 2017 +0100
+++ b/views/templates.py	Wed Feb 01 17:55:38 2017 +0100
@@ -139,7 +139,7 @@
                      'label': _('Profils SEDA')},
                     {'url': self._cw.build_url('#'),
                      'label': _("Mode d'emploi")},
-                    {'url': self._cw.build_url('#'),
+                    {'url': self._cw.build_url('project'),
                     'label': _('Le projet Sherpa')},
                 ]
             },
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/views/templates/project.jinja2	Wed Feb 01 17:55:38 2017 +0100
@@ -0,0 +1,37 @@
+<h1>{{ title }}</h1>
+
+<section id="sherpa-project-page">
+  <div class="column-wrap">
+    <div class="col-md-2 vcenter">
+      <img class="img-responsive project-image" src="{{ data_url }}images/sherpa_bordereau.png"/>
+    </div>
+    <div class="col-md-9">
+      <h2>Du bordereau de versement ...</h2>
+      <p>
+        Le bordereau de versement est le document qui accompagne toute entrée d’archives publiques dans un service d’archives. Le bordereau contient des informations sur le service producteur et/ou versant, le service d’archives et une description sommaire des archives qui constituent le versement. Le bordereau matérialise le transfert de responsabilité entre le service versant et le service d’archives. C’est donc un document indispensable.
+      </p>
+      <p>
+        Dans le monde numérique, le bordereau de versement peut être dématérialisé, mais il continue d’avoir la même utilité et doit comporter les mêmes informations qu’un bordereau papier. C’est pourquoi le Standard d’échange de données pour l’archivage propose une modélisation des informations qui constituent le bordereau de versement.
+      </p>
+    </div>
+  </div>
+  <div class="column-wrap">
+    <div class="col-md-2 vcenter">
+      <img class="img-responsive project-image" src="{{ data_url }}images/sherpa_profil.png"/>
+    </div>
+    <div class="col-md-9">
+      <h2>… au profil d’archivage</h2>
+      <p>
+        Toute entrée de documents dans un service d’archives fait l’objet d’une série de contrôles destinés à vérifier la conformité de cette entrée aux attentes du service en matière sanitaire, de conditionnement, etc. Le contrôle du bordereau de versement en fait partie.
+      </p>
+      <p>
+        Dans le monde numérique, le Système d’archivage électronique (SAE) va lui aussi effectuer une série de contrôles, pour la plupart automatisés et pré-paramétrés (format, taille des fichiers, etc.). Il va également réaliser un contrôle du bordereau de versement. Pour évaluer la conformité du bordereau, le SAE doit savoir précisément ce qui est attendu dans ce bordereau et donc disposer d’une matrice de bordereau appelée profil d’archivage. Le profil est, pour un flux donné, la matrice de référence à partir de laquelle le SAE va pouvoir contrôler la conformité des bordereaux de versement de ce flux.
+      </p>
+    </div>
+  </div>
+
+  <div class="img-bottom">
+    <img class="img-responsive project-image" src="{{ data_url }}images/sherpa_general.png"/>
+  </div>
+
+</section>