Harmonize blog titles

config.yaml

@@ -8,7 +8,7 @@ languageCode: fr-fr
 languageName: Français
 watch: true
 paginate: 9
-title: Le blog de Quentin
+title: Carnet web de Quentin
 # Give more time to compress images
 timeout: 120
 
@@ -23,8 +23,6 @@ markup:
     renderer:
       # Render newlines as <br>
       hardWraps: true
-      # Render HTML in MD files, necessary for superscript
-      unsafe: true
   tableOfContents:
     endLevel: 3
     ordered: false

themes/chosto/layouts/_default/list.html

@@ -14,7 +14,7 @@
           ".Params.incoming" "!=" true) 
         }}
         {{ range $paginator.Pages }}
-        <div class="column is-variable is-one-third py-0 my-3">
+        <div class="column is-variable is-one-third py-0 my-4">
           {{ .Render "summary" }}
         </div>
         {{ end }}

themes/chosto/layouts/_default/section.html

@@ -4,7 +4,7 @@
     <main>
       {{/* A section _index.md may have a content, describing its theme */}}
       {{ with .Content }}
-      <article class="message mt-5 mb-2">
+      <article class="message mt-5 mb-5">
         <div class="message-body content">
           {{ . }}
         </div>

themes/chosto/layouts/partials/head.html

@@ -10,13 +10,13 @@
   {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
   {{ end -}}
   {{/* Default to home image */}}
-  {{ $image := resources.Get "img/home.jpg" }}
+  {{ $originalImage := resources.Get "img/home.jpg" }}
   {{/* If header image exists in current context, use it instead */}}
   {{ with .Resources.GetMatch "top.jpg" }}
-  {{ $image = . }}
+  {{ $originalImage = . }}
   {{ end }}
-  {{ $image = $image.Resize "3000x" }}
-  {{ $image := $image | images.Filter (images.GaussianBlur 7) }}
+  {{ $image := $originalImage.Resize "3000x" }}
+  {{ $image = $image | images.Filter (images.GaussianBlur 7) }}
   {{/* tbh I am too lazy to extend Bulma, so put dirty CSS directives here to be able to use Hugo templating system */}}
   <style>
     .has-bg-img {

themes/chosto/layouts/partials/header.html

@@ -6,13 +6,13 @@
 {{ $home := eq "home" .Kind }}
 <header>
   <section
-    class='hero has-text-centered {{ if $background }}is-info has-bg-img {{ if $page }}is-large{{ else if $home }}is-medium{{ end }}{{ end }}'>
+    class='hero has-text-centered {{ if $background }}is-info has-bg-img {{ if $page }}is-medium{{ else if $home }}is-medium{{ end }}{{ end }}'>
     <div class="hero-head mx-5">
       <div class="level mt-4">
         <div class="level-left">
           {{ with .Params.imgLicence }}
           <p class="level-item subtitle is-size-5-desktop is-size-7-mobile">
-            Image d'illustration {{ . | markdownify }}
+            <a href='{{ with $.Resources.GetMatch "top.jpg" }}{{ . }}{{ end }}'>Image d'illustration</a>&nbsp;: {{ . | markdownify }}
           </p>
           {{ end }}
         </div>

themes/chosto/layouts/partials/navbar.html

@@ -34,7 +34,7 @@
       </div>
       <div class="navbar-item has-dropdown is-hoverable">
         <a class="navbar-link">
-          Dossiers
+          Dossiers thématiques
         </a>
         <div class="navbar-dropdown">
           {{ range where .Site.Pages "Params.code" "!=" nil }}

themes/chosto/static/css/custom.css

@@ -80,4 +80,15 @@ body {
 
 .content figure:not(:last-child) {
   margin-bottom: 1em !important;
+}
+
+/* Let links have a color in hero contents
+so visitors can see them */
+.hero .subtitle a {
+  text-decoration: none;
+  color: #dff5fb !important;
+}
+
+.hero a:hover {
+  text-decoration: underline;
 }