typography

output/archives.html

@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/author/ravages.html

@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/author/ravages2.html

@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/authors.html

@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/categories.html

@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/category/01.html

@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/category/012.html

@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/index.html

@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/index2.html

@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/la-jauge-du-refuge-solidaire-lacueil-inconditionnel-conditionne.html

@@ -17,6 +17,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/lexique-frontiere.html

@@ -17,6 +17,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/lintegration-a-coups-de-patates.html

@@ -17,6 +17,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/pages/contact.html

@@ -14,6 +14,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/pages/index.html

@@ -14,6 +14,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/refoulements-violents-a-la-frontiere-greco-turque-recit-dune-derive-europeenne.html

@@ -17,6 +17,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/remplacer-les-frontieres-par-des-forets-dherbes-sauvages-des-imaginaires-territoriaux-emancipateurs-contre-linvisibilisation-des-frontieres.html

@@ -17,6 +17,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/tadi-taxi-oula-saroukh.html

@@ -17,6 +17,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/tags.html

@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">

output/theme/css/main.css

@@ -14,6 +14,11 @@ h2 {
   line-height: initial;
 }
 
+#site-subtitle {
+  text-align: center;
+  font-size: 1em;
+}
+
 #flex-container {
   display: flex;
   flex-direction: row;
@@ -25,6 +30,9 @@ h2 {
   max-width: 50%;
   font-size: 1.5em;
   line-height: 35px;
+
+  text-align: justify;
+  text-justify: auto;
 }
 
 #about {
@@ -42,15 +50,18 @@ nav {
   line-height: 35px;
 }
 
+footer {
+  padding: 50px;
+}
+
 /* Responsive layout - makes a one column layout instead of a two-column layout */
-@media (max-width: 800px) {
+@media (max-width: 900px) {
   #flex-container {
     flex-direction: column;
   }
 
   #content {
     max-width: 100%;
-
   }
 
   nav {

pelicanconf.py

@@ -1,6 +1,7 @@
 AUTHOR = 'ravages'
 SITENAME = 'ravages'
 SITEURL = ''
+SITESUBTITLE = 'chroniques de luttes à la frontière franco-italienne'
 
 PATH = 'content'
 

themes/ravages/static/css/main.css

@@ -14,6 +14,11 @@ h2 {
   line-height: initial;
 }
 
+#site-subtitle {
+  text-align: center;
+  font-size: 1em;
+}
+
 #flex-container {
   display: flex;
   flex-direction: row;
@@ -25,6 +30,9 @@ h2 {
   max-width: 50%;
   font-size: 1.5em;
   line-height: 35px;
+
+  text-align: justify;
+  text-justify: auto;
 }
 
 #about {
@@ -42,15 +50,18 @@ nav {
   line-height: 35px;
 }
 
+footer {
+  padding: 50px;
+}
+
 /* Responsive layout - makes a one column layout instead of a two-column layout */
-@media (max-width: 800px) {
+@media (max-width: 900px) {
   #flex-container {
     flex-direction: column;
   }
 
   #content {
     max-width: 100%;
-
   }
 
   nav {

themes/ravages/templates/base.html

@@ -37,7 +37,8 @@
 <body id="index" class="home">
 
         <header>
-        <h1><a href="{{ SITEURL }}/">{{ SITENAME }}{% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a></h1>
+        <h1><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">{% if SITESUBTITLE %}{{ SITESUBTITLE }}{% endif %}</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">