Set up css convention for the main titles of the pages and add translation support in main pages
authorrougeronj
Thu, 11 Dec 2014 10:53:57 +0100
changeset 396 064f4cdc48c3
parent 395 5d838f456d84
child 397 66e45510eae4
Set up css convention for the main titles of the pages and add translation support in main pages
src/hdalab/static/hdalab/css/common.css
src/hdalab/static/hdalab/css/facettes.css
src/hdalab/static/hdalab/css/index.css
src/hdalab/templates/categories.html
src/hdalab/templates/facettes.html
src/hdalab/templates/index.html
src/hdalab/templates/profile_home.html
src/hdalab/templates/renkan_list.html
src/hdalab/templates/thesaurus.html
--- a/src/hdalab/static/hdalab/css/common.css	Wed Dec 10 15:57:12 2014 +0100
+++ b/src/hdalab/static/hdalab/css/common.css	Thu Dec 11 10:53:57 2014 +0100
@@ -265,3 +265,28 @@
 .row:after {
   clear: both;
 }
+#content .all-title {
+  margin: 0px 0 20px;
+}
+#content .all-title:before,
+#content .all-title:after {
+  content: " ";
+  display: table;
+}
+#content .all-title:after {
+  clear: both;
+}
+.all-title h1{
+   font-size: 20px;
+  font-size: 2rem;
+  font-weight: bold;
+  font-family: 'FranklinGothic', Arial, Helvetica, sans-serif;
+  letter-spacing: -0.04em;
+  text-transform: uppercase;
+}
+.all-title h1:before {
+  content: "/";
+  font-weight: bold;
+  margin-right: 3px;
+  position: relative;
+}
--- a/src/hdalab/static/hdalab/css/facettes.css	Wed Dec 10 15:57:12 2014 +0100
+++ b/src/hdalab/static/hdalab/css/facettes.css	Thu Dec 11 10:53:57 2014 +0100
@@ -45,10 +45,6 @@
     border-bottom-right-radius: 4px
 }
 
-#hdatitle {
-    float: left; width: 475px; margin: 5px 0; font-size: 20px;
-}
-
 #sessionname {
     color: #600000; font-size: 22px;
 }
--- a/src/hdalab/static/hdalab/css/index.css	Wed Dec 10 15:57:12 2014 +0100
+++ b/src/hdalab/static/hdalab/css/index.css	Thu Dec 11 10:53:57 2014 +0100
@@ -1,30 +1,5 @@
 /* PAGES
 -----------------------------------------------------------------------------------------------------*/
-#content .all-title {
-  margin: 0px 0 20px;
-}
-#content .all-title:before,
-#content .all-title:after {
-  content: " ";
-  display: table;
-}
-#content .all-title:after {
-  clear: both;
-}
-#content h3{
-  font-size: 15px;
-  font-size: 1.5rem;
-  font-weight: 300;
-  font-family: 'FranklinGothic', Arial, Helvetica, sans-serif;
-  letter-spacing: -0.04em;
-  text-transform: uppercase;
-}
-#content h3:before {
-  content: "/";
-  font-weight: bold;
-  margin-right: 3px;
-  position: relative;
-}
 .bloc-appli-left,
 .bloc-appli-middle,
 .bloc-appli-right {
--- a/src/hdalab/templates/categories.html	Wed Dec 10 15:57:12 2014 +0100
+++ b/src/hdalab/templates/categories.html	Thu Dec 11 10:53:57 2014 +0100
@@ -1,7 +1,8 @@
 {% extends "base.html" %}
+{% load i18n %}
 {% load static %}
 
-{% block title %}{{block.super}} > Recherche par arbre{% endblock %}
+{% block title %}{{block.super}} > {% trans "Recherche par arbre" %}{% endblock %}
 
 {% block css_import %}
 {{block.super}}
@@ -30,8 +31,10 @@
 {% block categories_actif %}actif{% endblock %}
 
 {% block main_content %}
+	<div class="all-title">
+        	<h1>{% trans "Explorer les domaines artistiques" %}</h1>
+    </div>
     <div class="leftzone">
-        <h2>Explorer les domaines artistiques</h2>
         <p>
             Cette interface expérimentale présente les ressources d'<a href="http://histoiredesarts.culture.fr/" target="_blank">Histoire des Arts</a>,
             ordonnées selon l'arborescence des <a href="http://fr.wikipedia.org/wiki/Sp%C3%A9cial:ArbreCat%C3%A9gorie/Espace_Cat%C3%A9gorie" target="_blank">catégories de Wikipédia</a>.
--- a/src/hdalab/templates/facettes.html	Wed Dec 10 15:57:12 2014 +0100
+++ b/src/hdalab/templates/facettes.html	Thu Dec 11 10:53:57 2014 +0100
@@ -1,8 +1,7 @@
 {% extends "base.html" %}
+{% load i18n %}
 {% load static %}
 
-{% load i18n %}
-
 {% block title %}{{block.super}} &gt; {% trans "Recherche par facettes" %}{% endblock %}
 
 {% block css_import %}
@@ -40,8 +39,8 @@
 {% block facettes_actif %}actif{% endblock %}
 
 {% block main_content %}
-        <div id="titleleft">
-            <h2 id="hdatitle">{% trans "Recherche par facettes" %}</h2>
+        <div id="titleleft" class="all-title">
+            <h1>{% trans "Recherche par facettes" %}</h1>
         </div>
         <div id="titleright">
             <div id='langselect'>
--- a/src/hdalab/templates/index.html	Wed Dec 10 15:57:12 2014 +0100
+++ b/src/hdalab/templates/index.html	Thu Dec 11 10:53:57 2014 +0100
@@ -92,7 +92,7 @@
 
 {% block main_content %}
 	<div class="all-title">
-		<h3 class="main-title"><strong>A Propos</strong></h2>
+		<h1><strong>A Propos</strong></h1>
 	</div>
 	<div class="description">
 		<p>Le portail Histoire des arts a pour vocation de mettre à la disposition de publics prescripteurs &mdash;&nbsp;via un site Internet&nbsp;&mdash; une sélection de ressources culturelles et éducatives riches en lien avec le programme officiel de l’enseignement de l’Histoire des arts. Le volet HDA-Lab de ce projet s’inscrit dans le cadre d’une collaboration entre l’Institut de Recherche et d'Innovation (IRI) et le Ministère de la Culture et de la Communication. Ce projet de recherche et développement prévoit la réalisation d’une preuve de concept destinée à montrer le potentiel heuristique du tagging sémantique.</p>
--- a/src/hdalab/templates/profile_home.html	Wed Dec 10 15:57:12 2014 +0100
+++ b/src/hdalab/templates/profile_home.html	Thu Dec 11 10:53:57 2014 +0100
@@ -29,7 +29,9 @@
 {% endblock %}
 
 {% block main_content %}
-    <h2>Mon profil</h2>
+    <div class="all-title">
+    	<h1>Mon profil</h1>
+   	</div>
     <p><a href="{% url 'renkan_new' %}" >Nouveau Renkan</a> - <a href="{% url 'auth_password_change' %}">Modification du mot de passe</a></p>
     <p>&nbsp;</p>
     <p>Mes renkans : </p>
--- a/src/hdalab/templates/renkan_list.html	Wed Dec 10 15:57:12 2014 +0100
+++ b/src/hdalab/templates/renkan_list.html	Thu Dec 11 10:53:57 2014 +0100
@@ -28,7 +28,10 @@
 {% endblock %}
 
 {% block main_content %}
-    <h2>{% trans 'Public Renkans list' %}</h2>
+	<div class="all-title">
+            <h1>{% trans 'Public Renkans list' %}</h1>
+	</div>
+    
     <p class="inline">{% if page.has_previous %}<a href="?page={{ page.previous_page_number }}&sort={{ sort_param }}&order={{ order_param }}{{ filters }}" >{% trans 'Previous' %}</a>{% endif %}
        {% if page.has_previous and page.has_next %} - {% endif %}{% if page.has_next %}<a href="?page={{ page.next_page_number }}&sort={{ sort_param }}&order={{ order_param }}{{ filters }}">{% trans 'Next' %}</a>{% endif %}</p>
     <form class="inline"><p>{% if page.has_previous or page.has_next %} - {% endif %}{% trans 'Filter' %} : <input type="text" name="title" value="{{ title }}"/> - <span class="hand_cursor" id="toggle-search">{% trans 'Advanced search' %}</span></p></p></form>
--- a/src/hdalab/templates/thesaurus.html	Wed Dec 10 15:57:12 2014 +0100
+++ b/src/hdalab/templates/thesaurus.html	Thu Dec 11 10:53:57 2014 +0100
@@ -1,4 +1,5 @@
 {% extends "base.html" %}
+{% load i18n %}
 {% load static %}
 
 {% block title %}{{block.super}} &gt; Recherche par arbre{% endblock %}
@@ -28,6 +29,9 @@
 {% block thesaurus_actif %}actif{% endblock %}
 
 {% block main_content %}
+	<div class="all-title">
+        	<h1>{% trans 'Recherche par arbre' %}</h1>
+    </div>
     <div class="explain">
         <p>Cette interface présente deux extraits de thésaurus utilisés par le ministère de la Culture et de la Communication :</p>
         <ul>