From 6162f1a60665cff4920f94e8b75f6ad8706a1ddb Mon Sep 17 00:00:00 2001
From: theo1 <theo@framasoft.org>
Date: Tue, 5 Dec 2023 15:31:50 +0100
Subject: [PATCH] typography

---
 __pycache__/pelicanconf.cpython-310.pyc        | Bin 984 -> 1063 bytes
 output/archives.html                           |   1 +
 output/author/ravages.html                     |   1 +
 output/author/ravages2.html                    |   1 +
 output/authors.html                            |   1 +
 output/categories.html                         |   1 +
 output/category/01.html                        |   1 +
 output/category/012.html                       |   1 +
 output/index.html                              |   1 +
 output/index2.html                             |   1 +
 ...ire-lacueil-inconditionnel-conditionne.html |   1 +
 output/lexique-frontiere.html                  |   1 +
 output/lintegration-a-coups-de-patates.html    |   1 +
 output/pages/contact.html                      |   1 +
 output/pages/index.html                        |   1 +
 ...co-turque-recit-dune-derive-europeenne.html |   1 +
 ...ontre-linvisibilisation-des-frontieres.html |   1 +
 output/tadi-taxi-oula-saroukh.html             |   1 +
 output/tags.html                               |   1 +
 output/theme/css/main.css                      |  15 +++++++++++++--
 pelicanconf.py                                 |   1 +
 themes/ravages/static/css/main.css             |  15 +++++++++++++--
 themes/ravages/templates/base.html             |   3 ++-
 23 files changed, 47 insertions(+), 5 deletions(-)

diff --git a/__pycache__/pelicanconf.cpython-310.pyc b/__pycache__/pelicanconf.cpython-310.pyc
index 63511b2efe4d8c725a0e3ca67812428b2fe66e54..5158036f7a23d2992b37bd9eee18e9ae7eb39a03 100644
GIT binary patch
delta 207
zcmcb?zMO+EpO=@50SMme=cjVBPUMqejF_mcP|p^{p28Nz0mPg@%mu{UDeO@^DI8I}
zDV$M!DO^$fDcn&4DLg5>EeuhDDZHtInT%0FDQv+EntZp|ixSHc(^HFYF_fAC%}&lJ
z%FoLzEKMy|NJ&-5DJ>}hvJNj$$VpU41Im<S9$rzD3S=hcCFkpAmL%q6vZUtarEcv1
x&&a4cxt~dbQF!tSCK+CyV9yZO;83R!&k!Hi$%mO<b7%lfXJKGroV<lu1pqo*I=TP=

delta 150
zcmZ3^af6*NpO=@50SMN8$W1-WGLcV)F=V2)f(vUDdkSk52M}`tF;@y(6n6@H6i*6A
z6mJS=6kiHg6n_eL3Qr3|lt2nksz4@Vlwb;LFoP!VE%u_svc&Y%;#&+G&;4g)RGEB^
wNkT^G7Mo*eh=+gBEskK%5LZ7(U)NjgAXaFQ&tw7S*KBG)C$KO~W@b?V08HE`T>t<8

diff --git a/output/archives.html b/output/archives.html
index 06fa234..62786fd 100644
--- a/output/archives.html
+++ b/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">
diff --git a/output/author/ravages.html b/output/author/ravages.html
index 1d7feab..b192f89 100644
--- a/output/author/ravages.html
+++ b/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">
diff --git a/output/author/ravages2.html b/output/author/ravages2.html
index 1d7feab..b192f89 100644
--- a/output/author/ravages2.html
+++ b/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">
diff --git a/output/authors.html b/output/authors.html
index dcd53b8..e65a7ff 100644
--- a/output/authors.html
+++ b/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">
diff --git a/output/categories.html b/output/categories.html
index bd54a05..bd4d317 100644
--- a/output/categories.html
+++ b/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">
diff --git a/output/category/01.html b/output/category/01.html
index fc0fbaa..8bf79d0 100644
--- a/output/category/01.html
+++ b/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">
diff --git a/output/category/012.html b/output/category/012.html
index fc0fbaa..8bf79d0 100644
--- a/output/category/012.html
+++ b/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">
diff --git a/output/index.html b/output/index.html
index a70e19b..f5e6f8a 100644
--- a/output/index.html
+++ b/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">
diff --git a/output/index2.html b/output/index2.html
index a70e19b..f5e6f8a 100644
--- a/output/index2.html
+++ b/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">
diff --git a/output/la-jauge-du-refuge-solidaire-lacueil-inconditionnel-conditionne.html b/output/la-jauge-du-refuge-solidaire-lacueil-inconditionnel-conditionne.html
index 09f97b8..5a615eb 100644
--- a/output/la-jauge-du-refuge-solidaire-lacueil-inconditionnel-conditionne.html
+++ b/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">
diff --git a/output/lexique-frontiere.html b/output/lexique-frontiere.html
index 586b1d3..d5d1cd4 100644
--- a/output/lexique-frontiere.html
+++ b/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">
diff --git a/output/lintegration-a-coups-de-patates.html b/output/lintegration-a-coups-de-patates.html
index 06ad52a..3d147ff 100644
--- a/output/lintegration-a-coups-de-patates.html
+++ b/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">
diff --git a/output/pages/contact.html b/output/pages/contact.html
index 8de3f64..d0f23fb 100644
--- a/output/pages/contact.html
+++ b/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">
diff --git a/output/pages/index.html b/output/pages/index.html
index 2b3c5ff..257e332 100644
--- a/output/pages/index.html
+++ b/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">
diff --git a/output/refoulements-violents-a-la-frontiere-greco-turque-recit-dune-derive-europeenne.html b/output/refoulements-violents-a-la-frontiere-greco-turque-recit-dune-derive-europeenne.html
index 88e1eef..c59dfc4 100644
--- a/output/refoulements-violents-a-la-frontiere-greco-turque-recit-dune-derive-europeenne.html
+++ b/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">
diff --git a/output/remplacer-les-frontieres-par-des-forets-dherbes-sauvages-des-imaginaires-territoriaux-emancipateurs-contre-linvisibilisation-des-frontieres.html b/output/remplacer-les-frontieres-par-des-forets-dherbes-sauvages-des-imaginaires-territoriaux-emancipateurs-contre-linvisibilisation-des-frontieres.html
index 4b760de..84bf028 100644
--- a/output/remplacer-les-frontieres-par-des-forets-dherbes-sauvages-des-imaginaires-territoriaux-emancipateurs-contre-linvisibilisation-des-frontieres.html
+++ b/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">
diff --git a/output/tadi-taxi-oula-saroukh.html b/output/tadi-taxi-oula-saroukh.html
index b76e81d..f6036b2 100644
--- a/output/tadi-taxi-oula-saroukh.html
+++ b/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">
diff --git a/output/tags.html b/output/tags.html
index f7e3f96..493d365 100644
--- a/output/tags.html
+++ b/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">
diff --git a/output/theme/css/main.css b/output/theme/css/main.css
index c99d09f..e9f93c2 100644
--- a/output/theme/css/main.css
+++ b/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 {
diff --git a/pelicanconf.py b/pelicanconf.py
index dff5e7d..271356b 100644
--- a/pelicanconf.py
+++ b/pelicanconf.py
@@ -1,6 +1,7 @@
 AUTHOR = 'ravages'
 SITENAME = 'ravages'
 SITEURL = ''
+SITESUBTITLE = 'chroniques de luttes à la frontière franco-italienne'
 
 PATH = 'content'
 
diff --git a/themes/ravages/static/css/main.css b/themes/ravages/static/css/main.css
index c99d09f..e9f93c2 100644
--- a/themes/ravages/static/css/main.css
+++ b/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 {
diff --git a/themes/ravages/templates/base.html b/themes/ravages/templates/base.html
index 8032538..cdfa4cc 100644
--- a/themes/ravages/templates/base.html
+++ b/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">