Move style tags to SCSS

themes/lhs/assets/sass/leighhack.scss

@@ -108,6 +108,12 @@ address {
 	transition: all 0.2s;
 }
 
+.site-logo-text {
+	font-size: .9em; 
+	line-height: 1.1; 
+	font-family: 'Transport Medium';
+}
+
 // -------------------------------------------------------
 //Navigation
 // -------------------------------------------------------
@@ -207,6 +213,10 @@ address {
 			border-color: hsl(0, 0%, 86%);
 		  }
 	}
+
+	&-description { 
+		min-height: 180px; 
+	}
 }
 
 .small_cta {
@@ -223,8 +233,14 @@ address {
 	&-tiers, &-facilities{
 		padding:2em 0;
 	}
+
+	&-description { 
+		min-height: 180px; 
+	}
 }
 
+
+
 // -------------------------------------------------------
 // Join the team
 // -------------------------------------------------------

themes/lhs/layouts/_default/baseof.html

@@ -12,7 +12,7 @@
 
     {{ block "hero" . }}
     <section id="hero">
-        {{ $img := resources.Get "/images/hero-bg.jpg" }}
+        {{ $img := resources.Get (default "/images/hero-bg.jpg" .Params.hero_image) }}
         {{ $img = $img.Resize "1256x jpg" }}
         <div class="hero is-medium" style="background-image: linear-gradient(-249deg, #53071b, #d41246), url({{ $img.RelPermalink }});">
             <div class="hero-body">

themes/lhs/layouts/partials/header.html

@@ -4,7 +4,7 @@
         <div class="navbar-brand" style="flex-grow: 1;">
             <a class="navbar-item" href="/">
                 <img class="site-logo" src="/images/rose_logo.svg" alt="" width="70">
-                <span style="font-size: .9em; line-height: 1.1; font-family: 'Transport Medium';">Leigh<br/>Hackspace</span>
+                <span class="site-logo-text">Leigh<br/>Hackspace</span>
             </a>
             <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar">
                 <span aria-hidden="true"></span>

themes/lhs/layouts/shortcodes/facilities.html

@@ -1,12 +1,9 @@
-<style>
-    .box-height { min-height: 180px; }
-</style>
 <div class="columns pricing-tiers is-centered is-multiline">
     {{- range (where .Site.RegularPages "Section" "facilities") }}
     <div class="column is-one-quarter">
         <div class="box is-large hover-items">
             <h3 class="is-size-4 has-text-weight-bold">{{ .Title }}</h3>
-            <div class="content mt-5 box-height">
+            <div class="content mt-5 facility-description">
                 <p>{{ .Params.subtitle }}</p>
             </div>
             <div class="content">

themes/lhs/layouts/shortcodes/memberships.html

@@ -1,6 +1,3 @@
-<style>
-    .box-height { min-height: 150px; }
-</style>
 <div class="columns pricing-tiers is-centered is-multiline">
     {{- with .Site.Params.membership }}
     {{ range . -}}
@@ -9,7 +6,7 @@
             <h3 class="is-size-4 has-text-weight-bold">{{ .name }}</h3>
             <div class="is-size-1 has-text-weight-bold">£{{ .price }}</div>
             <div class="_is-block mt-1 is-size-6 has-text-weight-normal">{{ default "per month" .period }}</div>
-            <div class="content mt-5 box-height is-size-5">
+            <div class="content mt-5 pricing-description is-size-5">
                 <p>{{ .description }}</p>
             </div>
             <div class="content">