Changes from Christophe feedback

site/config.toml

@@ -32,3 +32,4 @@ enableRobotsTXT = true
   cover_dimming_class = "bg-black-30"
   featured_image = "/images/banner.jpg"
   logo_image = "/images/logo.png"
+  custom_css = [ "css/custom.css" ]

site/content/entrainements.md

@@ -1,5 +1,6 @@
 ---
 title: "Entrainements"
+featured_image: "images/banner4.jpg"
 omit_header_text: true
 type: page
 menu:

site/content/post/_index.md

@@ -1,5 +1,6 @@
 ---
 title: "Nouvelles du Club"
+featured_image: "images/banner3.jpg"
 omit_header_text: true
 ---
 

site/layouts/page/single.html

@@ -1,7 +1,7 @@
 {{ define "header" }}{{ partial "page-header.html" . }}{{ end }}
 {{ define "main" }}
   <div class="flex-l mt2 mw8 center">
-    <article class="center cf ph3 ph4-ns mw7">
+    <article class="center cf ph3 ph4-ns mw7 mid-gray">
       <header>
         <p class="f6 b helvetica tracked">
           {{ humanize .Section | upper  }}

site/layouts/partials/page-header.html

@@ -1,7 +1,7 @@
 {{ $featured_image := .Params.featured_image }}
 {{ if $featured_image }}
   {{ $featured_image := (trim $featured_image "/") | absURL }}
-  <header class="cover bg-top" style="background-image: url('{{ $featured_image }}');">
+  <header class="cover bg-center" style="background-image: url('{{ $featured_image }}');">
     <div class="pb3-m {{ .Site.Params.cover_dimming_class | default "bg-black-60" }}">
       {{ partial "site-navigation.html" . }}
       <div class="tc-l pv6 ph3 ph4-ns">

site/layouts/partials/site-header.html

@@ -4,24 +4,22 @@
   {{ $featured_image := (trim $featured_image "/") | absURL }}
   {{ $logo_image := (trim $logo_image "/") }}
   <header class="cover bg-top" style="background-image: url('{{ $featured_image }}');">
+    {{ if $logo_image }}
+    <div class="{{ .Site.Params.cover_dimming_class | default "bg-black-60" }} main-logo" style="background-image: url('{{ $logo_image }}');">
+    {{ else }}
     <div class="{{ .Site.Params.cover_dimming_class | default "bg-black-60" }}">
+    {{ end }}
       {{ partial "site-navigation.html" .}}
-      {{ with $logo_image }}
+      <div class="pv6 ph3 ph4-ns"></div>
-        <div class="tc-l pv4 ph3 ph4-ns">
+      <h1 class="tc-l f2 f-subheadline-l fw2 pl2 white-90 mb0 lh-title">
-          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3">
+        {{ .Title | default .Site.Title }}
-            <img src="{{ $logo_image }}" />
+      </h1>
-          </h2>
+      {{ with .Params.description }}
-      {{ else }}
+        <h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3">
-        <div class="tc-l pv4 pv6-l ph3 ph4-ns">
+          {{ . }}
+        </h2>
       {{ end }}
-        <h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title">
+      <div class="pv3 ph3 ph4-ns"></div>
-          {{ .Title | default .Site.Title }}
-        </h1>
-        {{ with .Params.description }}
-          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3">
-            {{ . }}
-          </h2>
-        {{ end }}
       </div>
     </div>
   </header>
@@ -29,7 +27,7 @@
   <header>
     <div class="pb3-m pb6-l {{ .Site.Params.background_color_class | default "bg-black" }}">
       {{ partial "site-navigation.html" . }}
-      <div class="tc-l pv3 ph3 ph4-ns">
+      <div class="pv3 ph3 ph4-ns">
         <h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
           {{ .Title | default .Site.Title }}
         </h1>

site/static/css/custom.css

@@ -0,0 +1,5 @@
+.main-logo {
+    background-repeat: no-repeat;
+    background-position: 95% 95%;
+    background-size: 200px;
+}