improving header contrast and some initial content

content/en/_index.md

@@ -8,4 +8,12 @@ cascade:
 
 # Welcome
 
-We are a small church in the west of Glasgow.
+We are an inclusive Methodist church in the west of Glasgow.
+
+Services are at 11am on Sundays, upstairs in the sanctuary. 
+
+There are lots of groups meeting in the building throughout the week, including recovery groups and bible study groups.
+
+Find us at 229 Woodlands Road, Glasgow G3 6LW
+
+We are able to conduct marriages (including same-sex marriages), baptisms, funerals and other services. Contact our minister, Laurent, at laurent.vernet@methodist.org.uk for more information about this or any other activities.

hugo.toml

@@ -1,6 +1,5 @@
 baseURL = 'https://example.org/'
 languageCode = 'en-GB'
-title = 'Woodlands Methodist Glasgow'
 theme = 'ananke'
 
 defaultContentLanguage = "en"
@@ -24,7 +23,6 @@ filename = "sitemap.xml"
 
 [params]
 text_color = "black"
-header_text_color = "black"
 author = ""
 favicon = ""
 site_logo = ""
@@ -34,7 +32,7 @@ background_color_class = "bg-dark-gray"
 # choose fitting and alignment styles for the featured image using Tachyons classes such as "cover|contain" for fitting and "bg-top|bg-center|bg-bottom" for alignment, or add any other class space-separated to customize further
 featured_image_class = "cover bg-center"
 # choose a color dimming class for the page or site header from any on this page: https://tachyons.io/docs/themes/skins/, preface it with "bg-" and add the value such as "-X0" where X is in [1,9]
-cover_dimming_class = "bg-black-60"
+cover_dimming_class = "bg-white-60"
 recent_posts_number = 3
 
 [params.ananke.social.share]

layouts/partials/site-header.html

@@ -0,0 +1,37 @@
+{{ $featured_image := partial "func/GetFeaturedImage.html" . }}
+{{ if $featured_image }}
+  {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
+  {{ $featured_image_class := site.Params.featured_image_class | default "cover bg-top" }}
+  <header class="{{ $featured_image_class }}" style="background-image: url('{{ $featured_image }}');">
+    {{ $cover_dimming_class := site.Params.cover_dimming_class | default "bg-black-60" }}
+    <div class="{{ $cover_dimming_class }}">
+      {{ partial "site-navigation.html" .}}
+      <div class="tc-l pv4 pv6-l ph3 ph4-ns">
+        <h1 class="f1 f-subheadline-l fw7 black mb0 lh-title">
+          {{ .Title | default .Site.Title }}
+        </h1>
+        {{ with .Params.description }}
+          <h2 class="fw4 f3 f3-l black measure-wide-l center mt3">
+            {{ . }}
+          </h2>
+        {{ end }}
+      </div>
+    </div>
+  </header>
+{{ else }}
+  <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">
+        <h1 class="f1 f-subheadline-l fw7 light-silver mb0 lh-title">
+          {{ .Title | default .Site.Title }}
+        </h1>
+        {{ with .Params.description }}
+          <h2 class="fw4 f3 f3-l white-80 measure-wide-l center lh-copy mt3 mb4">
+            {{ . }}
+          </h2>
+        {{ end }}
+      </div>
+    </div>
+  </header>
+{{ end }}

layouts/partials/site-navigation.html

@@ -0,0 +1,26 @@
+<nav class="pv3 ph3 ph4-ns" role="navigation">
+  <div class="flex-l justify-between items-center center">
+    <a href="{{ .Site.Home.RelPermalink }}" class="f3 fw3 hover-white no-underline black-90 dib">
+      {{ with .Site.Params.site_logo }}
+        <img src="{{ relURL . }}" class="w100 mw5-ns" alt="{{ $.Site.Title }}" />
+      {{ else }}
+        {{ .Site.Title }}
+      {{ end }}
+    </a>
+    <div class="flex-l items-center">
+      {{ partial "i18nlist.html" . }}
+      {{ if .Site.Menus.main }}
+        <ul class="{{ cond (eq $.Site.Language.LanguageDirection "rtl") "pr0 ml3" "pl0 mr3" }}">
+          {{ range .Site.Menus.main }}
+          <li class="list f5 f4-ns fw4 dib {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3" "pr3" }}">
+            <a class="hover-white no-underline black-90" href="{{ .URL }}" title="{{ i18n "pageTitle" . }}">
+              {{ .Name }}
+            </a>
+          </li>
+          {{ end }}
+        </ul>
+      {{ end }}
+      {{ partialCached "social/follow.html" . }}
+    </div>
+  </div>
+</nav>