Clean up the Hero

This commit is contained in:
2023-11-06 17:35:32 +00:00
parent bf23c864b4
commit 19c84d0c9a
6 changed files with 34 additions and 67 deletions

View File

@@ -1,5 +1,5 @@
--- ---
title: Welcome to Leigh Hackspace! title: Welcome!
subtitle: Leigh Hackspace is an accessible workspace, where members come together to learn new skills, share ideas and build awesome things! subtitle: Leigh Hackspace is an accessible workspace, where members come together to learn new skills, share ideas and build awesome things!
layout: home layout: home
--- ---

View File

@@ -1,6 +1,6 @@
--- ---
title: About Leigh Hackspace title: About Us
subtitle: An accessible, social workspace, where you can meet people, learn new skills, and build awesome things! subtitle: Who we are, and what we do
show_big_cta: true show_big_cta: true
--- ---
### What is Leigh Hackspace? ### What is Leigh Hackspace?

View File

@@ -1,7 +1,7 @@
--- ---
title: Join Leigh Hackspace title: Join Leigh Hackspace
subtitle: Become part of our community. subtitle: Become part of our community.
layout: membership hero_image: /images/hero-img.svg
--- ---
Leigh Hackspace is a social enterprise created for the benefit of our members and the wider Leigh community. We depend on memeberships and grants to operate, and in return we offer members access to the hackspace's facilities and resources. Leigh Hackspace is a social enterprise created for the benefit of our members and the wider Leigh community. We depend on memeberships and grants to operate, and in return we offer members access to the hackspace's facilities and resources.

View File

@@ -12,22 +12,32 @@
{{ block "hero" . }} {{ block "hero" . }}
<section id="hero"> <section id="hero">
{{ $img := resources.Get (default "/images/hero-bg.jpg" .Params.hero_image) }} <div class="hero has-primary-gradient">
{{ $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"> <div class="hero-body">
<div class="container"> <div class="container">
<div class="columns is-centered ">
<div class="column is-four-fifths">
<div class="columns is-vcentered has-text-centered-mobile">
<div class="column is-half">
{{ block "hero-content" . }} {{ block "hero-content" . }}
<div class="columns _is-centered is-vcentered has-text-white has-text-centered-mobile"> <h1 class="title is-1 has-text-white">{{ .Title }}</h1>
<div class="column is-full-tablet _is-offset-one-quarter-tablet"> <p class="subtitle has-text-white">{{ .Params.subtitle }}</p>
<h1 class="title is-1 has-text-white">{{ block "title" . }}{{ end }}</h1>
<p class="subtitle has-text-white">{{ block "subtitle" . }}{{ end }}</p>
<p></p>
<p></p>
</div>
</div>
{{ end }} {{ end }}
</div> </div>
<div class="column">
{{ block "hero-image" . }}
{{ if .Params.hero_image }}
<img class="hero-img" src="{{ .Params.hero_image }}">
{{ end }}
{{ end }}
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>

View File

@@ -1,11 +1,6 @@
{{ define "hero-content" }} {{ define "hero-content" }}
<div class="columns _is-centered is-vcentered has-text-white has-text-centered-mobile">
<div class="column is-full-tablet _is-offset-one-quarter-tablet is-half-desktop">
<h1 class="title is-1 has-text-white">{{ .Title }}</h1> <h1 class="title is-1 has-text-white">{{ .Title }}</h1>
<p class="subtitle"></p> <p class="subtitle has-text-white">{{ .Params.subtitle }}</p>
<p>{{ .Params.subtitle }}</p>
<p></p>
<div class="columns _is-desktop"> <div class="columns _is-desktop">
<div class="column is-mobile is-multiline is-fullwidth-mobile is-half-tablet"> <div class="column is-mobile is-multiline is-fullwidth-mobile is-half-tablet">
@@ -17,9 +12,6 @@
</div> </div>
</div> </div>
</div>
</div>
{{ end }} {{ end }}
{{ define "content" }} {{ define "content" }}

View File

@@ -1,35 +0,0 @@
{{ define "hero" }}
<section id="hero">
<div class="hero has-primary-gradient">
<div class="hero-body">
<div class="container">
<div class="columns is-centered ">
<div class="column is-four-fifths">
<div class="columns is-vcentered has-text-centered-mobile">
<div class="column is-half">
<h1 class="title is-1 has-text-white">{{ .Title }}</h1>
<p class="subtitle has-text-white">{{ .Params.subtitle }}</p>
</div>
<div class="column">
<img class="hero-img" src="/images/hero-img.svg">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{{ end }}
{{ define "content" }}
{{ .Content }}
{{ end }}
{{ define "cta" }}
<p></p>
{{ end }}