From e80cac8c43d9ddd6f49e2617ca9d3586fd790ca8 Mon Sep 17 00:00:00 2001
From: Quentin Duchemin <quentinduchemin@tuta.io>
Date: Thu, 10 Aug 2023 14:40:43 +0200
Subject: [PATCH] More readable titles in blog posts

---
 themes/chosto/layouts/partials/header.html | 13 ++++++++-----
 themes/chosto/static/css/custom.css        |  5 +++++
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/themes/chosto/layouts/partials/header.html b/themes/chosto/layouts/partials/header.html
index 49706e4..ea6023f 100644
--- a/themes/chosto/layouts/partials/header.html
+++ b/themes/chosto/layouts/partials/header.html
@@ -5,7 +5,8 @@
 {{ $page := eq "page" .Kind }}
 {{ $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 }}'>
+  <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">
@@ -29,10 +30,12 @@
         </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 {{ 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 }}
+        <div {{ if $page }}class="box"{{ end }}>
+          <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 }}
+        </div>
       </div>
       <!-- Words and date stuff makes sens only for blog posts, not other pages -->
       {{ if (and .IsPage (eq .FirstSection.Section "posts"))}}
diff --git a/themes/chosto/static/css/custom.css b/themes/chosto/static/css/custom.css
index d299275..0a6003e 100644
--- a/themes/chosto/static/css/custom.css
+++ b/themes/chosto/static/css/custom.css
@@ -36,6 +36,11 @@ p:not(.title, .subtitle, figcaption p) {
   text-align: justify;
 }
 
+/* Used only in page header, add transparency */
+.box {
+  background: rgba(0, 0, 0, 0.3);
+}
+
 /* New font is "smaller" in feeling */
 .navbar-dropdown {
   font-size: 1rem;