More responsiveness for title and hero

content/posts/cid/atelier1/index.md

@@ -2,7 +2,7 @@
 title: Infrabasses
 date: 2021-10-14
 categories:
-  - Fictions
+  - Fiction
 summary: "Texte à dessiner sur le thème « piano somptueux »."
 intro: Cette semaine, on devait écrire un texte qui servira de support pour l'asso de dessin, assez descriptif donc ! On a chacun choisi un mot et un adjectif puis créé des combinaisons, et réparti au choix ou au hasard. J'ai hérité de « piano somptueux ».
 imgLicence: just.Luc - CC BY-NC-SA 2.0

content/posts/cid/tdb1/index.md

@@ -2,7 +2,7 @@
 title: Résonance
 date: 2021-09-30
 categories:
-  - Fictions
+  - Fiction
 summary: "Nouvelle sur le thème « petit désir devient grand désir »."
 imgLicence: Roxelo Babenco - CC BY-ND 2.0
 intro: Cette semaine, on devait écrire avec une forme libre et une contrainte de thème.

content/posts/cid/tdb2/index.md

@@ -2,7 +2,7 @@
 title: Problème d'émotion
 date: 2021-10-22
 categories:
-  - Fictions
+  - Fiction
 summary: "Micro-nouvelle sur le thème « porte ouverte sur ses rêves »."
 imgLicence: ƒr㋡ηk vᗩη Doηgeη - CC PDM 1.0
 intro: Cette semaine, on devait écrire avec en se concentrant sur les émotions et les réflexions du narrateur, avec une contrainte de thème.

content/posts/cid/tdb3/index.md

@@ -2,7 +2,7 @@
 title: L'homme qui suivait les nuages
 date: 2021-11-14
 categories:
-  - Fictions
+  - Fiction
 summary: "Micro-nouvelle basé sur le dessin d'une amie."
 imgLicence: L²
 intro: Cette semaine, on devait choisir un dessin proposé par d'autres membres du CID et l'utiliser comme base pour le texte.

content/posts/cid/tdb4/index.md

@@ -2,7 +2,7 @@
 title: Le dernier bus
 date: 2021-12-10
 categories:
-  - Fictions
+  - Fiction
 summary: "Contrainte : ne pas être un gros techno-cynique 😛 (« zone d'inconfort »)."
 imgLicence: "« Steaming Water » by SidPix - CC BY 2.0"
 intro: Le CID (Cercle des Ingénieurs Disparus) est une asso d'écriture plein de gens chouettes que j'ai rejointe ce semestre. Chaque semaine, on écrit des trucs ensemble. Je commence tout juste. J'adore lire ce qu'écrivent mes ami·es du CID, et j'aime l'idée d'avoir ce petit bout du web pour jeter des textes à la mer, alors j'ai décidé de les poster ici. Cette semaine, l'objectif était de sortir de sa « zone de confort », et j'ai donc eu pour contrainte de ne pas axer mon texte autour d'une critique de la technologie, puisque le peu de textes que j'ai écrits jusqu'à maintenant tournaient quand même pas mal autour de ce thème.

themes/chosto/layouts/partials/header.html

@@ -6,18 +6,18 @@
   <section class='hero has-text-centered {{ if $background }}is-large is-info has-bg-img{{ end }}'>
     <div class="blur">
       <div class="hero-head mx-5">
-        <div class="level subtitle is-5">
+        <div class="level mt-4">
           <div class="level-left">
             {{ with .Params.imgLicence }}
-            <div class="level-item">
+            <p class="level-item subtitle is-size-5-desktop is-size-7-mobile">
               Image d'illustration {{ . }}
-            </div>
+            </p>
             {{ end }}
           </div>
-          <div class="level-right">
+          <div class="level-right mt-3 is-hidden-touch">
             <div class="level-item">
               {{ with .Params.categories }}
-              <div class="tags colums is-vcentered mb-2 mt-5">
+              <div class="tags colums is-vcentered">
                 {{ range . }}
                 <span class="tag is-info is-light is-large mr-4"><a href="{{ " categories" | absURL }}/{{ . | urlize
                     }}">{{ . }}</a></span>
@@ -30,21 +30,21 @@
 
       </div>
       <div class="hero-body {{ if not $background }}pb-0{{ end }} content container has-text-centered">
-        <p class="title is-1 is-uppercase">{{ .Title }}</p>
+        <p class="title is-size-1-desktop is-uppercase">{{ .Title }}</p>
         {{ with .Params.subtitle }}
-        <p class="subtitle is-2">{{ . }}</p>
+        <p class="subtitle is-size-2-desktop is-size-4-mobile">{{ . }}</p>
         {{ end }}
       </div>
       <!-- Words and date stuff makes sens only for blog posts, not other pages -->
       {{ if (and .IsPage (eq .FirstSection.Section "posts"))}}
       <div class="hero-foot mb-5 mx-5 content">
-        <div class="level subtitle is-5">
+        <div class="level">
           <div class="level-left">
             <div class="level-item has-text-left">
               <time datetime="{{ .Date.Format `2006-01-02T15:04:05Z07:00` | safeHTML }}">
-                <p class="mb-2">📅&nbsp;&nbsp;Article publié le <strong>{{ .Date.Day }} {{ index $.Site.Data.months_fr
+                <p class="mb-2 subtitle is-size-5-desktop is-size-6-mobile">📅&nbsp;&nbsp;Article publié le <strong>{{ .Date.Day }} {{ index $.Site.Data.months_fr
                     (printf "%d" .Date.Month) }} {{ .Date.Year }}</strong></p>
-                <p>✏️&nbsp;&nbsp;Dernière modification le <strong>{{ .Lastmod.Day }} {{ index $.Site.Data.months_fr
+                <p class="subtitle is-size-5-desktop is-size-6-mobile">✏️&nbsp;&nbsp;Dernière modification le <strong>{{ .Lastmod.Day }} {{ index $.Site.Data.months_fr
                     (printf "%d" .Lastmod.Month) }} {{ .Lastmod.Year }}</strong></p>
               </time>
             </div>
@@ -52,7 +52,7 @@
           <div class="level-right is-hidden-touch">
             <div class="level-item has-text-right">
               <div>
-                <p class="mb-2">🕑&nbsp;&nbsp;Environ <strong>{{ div .FuzzyWordCount 230 }} minutes</strong> de lecture
+                <p class="mb-2 subtitle is-size-5-desktop is-size-6-mobile">🕑&nbsp;&nbsp;Environ <strong>{{ div .FuzzyWordCount 230 }} minutes</strong> de lecture
                 </p>
                 <p>#️&nbsp;<strong>{{ .FuzzyWordCount }} mots</strong></p>
               </div>