Split hero-image and hero-image-small layouts (#125)

civictechdc · Oct 27, 2024 · 670bd2a · 670bd2a
1 parent bce42ed
commit 670bd2a
Show file tree

Hide file tree

Showing 10 changed files with 29 additions and 15 deletions.
diff --git a/_includes/components/hero-image-small.html b/_includes/components/hero-image-small.html
@@ -0,0 +1,4 @@
+<div
+  class="hero-image-small grid-col-12"
+  style="background-image: url({{include.image}})"
+></div>
diff --git a/_includes/components/hero-image.html b/_includes/components/hero-image.html
@@ -1,4 +1,3 @@
-{% if include.title or include.subtitle %}
 <div
   class="hero-image grid-col-12"
   style="background-image: url({{include.image}})"
@@ -12,9 +11,3 @@ <h1 class="margin-top-0">{{include.title}}</h1>
     </div>
   </div>
 </div>
-{% else %}
-<div
-  class="hero-image-small grid-col-12"
-  style="background-image: url({{include.image}})"
-></div>
-{% endif %}
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -2,9 +2,7 @@
 layout: base
 ---
 
-{% include core/header.html %} {% include core/google-analytics.html %} {%
-include components/hero-image.html title=page.hero-title
-subtitle=page.hero-subtitle image=page.hero-image %}
+{% include core/header.html %} {% include core/google-analytics.html %}
 <div class="grid-container">{{ content }}</div>
 
 {% include core/footer.html %}
diff --git a/_layouts/hero-image-small.html b/_layouts/hero-image-small.html
@@ -0,0 +1,9 @@
+---
+layout: base
+---
+
+{% include core/header.html %} {% include core/google-analytics.html %} {%
+include components/hero-image-small.html image=page.hero-image %}
+<div class="grid-container">{{ content }}</div>
+
+{% include core/footer.html %}
diff --git a/_layouts/hero-image.html b/_layouts/hero-image.html
@@ -0,0 +1,10 @@
+---
+layout: base
+---
+
+{% include core/header.html %} {% include core/google-analytics.html %} {%
+include components/hero-image.html title=page.hero-title
+subtitle=page.hero-subtitle image=page.hero-image %}
+<div class="grid-container">{{ content }}</div>
+
+{% include core/footer.html %}
diff --git a/code-of-conduct.md b/code-of-conduct.md
@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: hero-image-small
 title: Code of Conduct
 hero-image: assets/images/hero-image-code-of-conduct.jpg
 ---

diff --git a/donate.md b/donate.md
@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: hero-image-small
 title: Donate
 hero-image: assets/images/hero-image-donate.jpg
 ---

diff --git a/index.md b/index.md
@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: hero-image
 title: Civic Tech DC
 hero-subtitle: Founded in 2012, Civic Tech DC is a non-partisan, non-political group of volunteer civic hackers working together to solve local issues and help people engage with the city.
 hero-image: assets/images/hero-image-homepage.jpg

diff --git a/partners.md b/partners.md
@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: hero-image
 banner-hero: true
 title: Partners
 hero-title: Partners

diff --git a/slack.md b/slack.md
@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: hero-image-small
 title: Join our Slack
 hero-image: assets/images/hero-image-slack.jpg
 ---