Markdown in figcaptions, tweaking home and posts header

config.yaml

@@ -8,7 +8,7 @@ languageCode: fr-fr
 languageName: Français
 watch: true
 paginate: 9
-title: Le blog de Quentin (Chosto)
+title: Le blog de Quentin
 
 permalinks:
   # All pages under posts section will have this link structure

content/_index.md

@@ -1,4 +1,4 @@
 ---
 title: Mon carnet web
-subtitle: Quelques pensées à la mer cherchant chemin
+subtitle: Pensées à la mer cherchant chemin
 ---

themes/chosto/layouts/_default/_markup/render-heading.html

@@ -1,3 +1,2 @@
-
-
+<!-- Overwrite default title rendering to add anchor -->
 <h{{ .Level }} id="{{ .Anchor | safeURL }}">{{ .Text | safeHTML }} <a href="#{{ .Anchor | safeURL }}">¶</a></h{{ .Level }}>

themes/chosto/layouts/_default/single.html

@@ -48,7 +48,7 @@
           {{ with .Params.imgExplanation }}
           <div class="message">
             <div class="message-body content is-italic">
-              {{ . }}
+              {{ . | markdownify }}
             </div>
           </div>
           {{ end }}

themes/chosto/layouts/partials/header.html

@@ -2,8 +2,10 @@
 {{ if not .Params.noheader }}
 <!-- Display background only for regular pages, or home -->
 {{ $background := in "page home" .Kind }}
+{{ $page := eq "page" .Kind }}
+{{ $home := eq "home" .Kind }}
 <header>
-  <section class='hero has-text-centered {{ if $background }}is-medium is-info has-bg-img{{ end }}'>
+  <section class='hero has-text-centered {{ if $background }}is-info has-bg-img {{ if $page }}is-large{{ else if $home }}is-medium{{ end }}{{ end }}'>
     <div class="hero-head mx-5">
       <div class="level mt-4">
         <div class="level-left">
@@ -27,7 +29,7 @@
         </div>
       </div>
       <div class="hero-body {{ if not $background }}pb-0{{ end }} container has-text-centered">
-        <p class="title is-size-1-desktop is-size-3-mobile">{{ .Title }}</p>
+        <p class="title is-size-1-desktop is-size-3-mobile {{ if $page }}is-uppercase{{ end }}">{{ .Title }}</p>
         {{ with .Params.subtitle }}
         <p class="mt-5 subtitle is-size-2-desktop is-size-5-mobile">{{ . }}</p>
         {{ end }}

themes/chosto/static/css/custom.css

@@ -31,8 +31,8 @@ li[id*=fn] {
   flex-direction: column;
 }
 
-/* Justify all content but not titles */
-p:not(.title, .subtitle) {
+/* Justify all content but not titles nor figure captions */
+p:not(.title, .subtitle, figcaption p) {
   text-align: justify;
 }
 
@@ -47,6 +47,7 @@ figcaption h4, figcaption p {
   font-weight: 400 !important;
   font-style: normal;
   line-height: 1.5 !important;
+  color: dimgray;
 }
 
 figure img {