From 6a583db0ac533d88f551fbe4d15a10f4b038da98 Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Sat, 21 Oct 2023 19:09:25 +0200
Subject: Hero avoid duplication
---
layouts/_default/about.html | 37 +------------------------------------
layouts/partials/hero.html | 44 ++++++++++++++++++++++++++++++++++++++------
2 files changed, 39 insertions(+), 42 deletions(-)
diff --git a/layouts/_default/about.html b/layouts/_default/about.html
index 3aaa361..a88a9b1 100644
--- a/layouts/_default/about.html
+++ b/layouts/_default/about.html
@@ -1,40 +1,5 @@
{{ define "hero" }}
- <div
- style="background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) ){{ with resources.Get (index .Params.images 0) }}
- , url('{{ .RelPermalink }}')
- {{ end }}; background-position: center;"
- class="pv5"
- >
- <div id="hero" class="mw7 center ph2 near-white lh-copy tc">
- {{ $avatar := index .Params.images 1 }}
- {{ if hasPrefix $avatar "http" }}
- {{ $avatar = resources.GetRemote $avatar }}
- {{ else }}
- {{ $avatar = resources.Get $avatar }}
- {{ end }}
- {{ with $avatar }}
- <img src="{{ .RelPermalink }}" class="br-100 w5" />
- {{ end }}
- <h1 class="f1 mv1">
- {{ .Title }}
- </h1>
-
- {{ with .Params.Subtitle }}
- <h2 class="f3 fw3 mv1">
- {{ . | markdownify }}
- </h2>
- {{ end }}
-
-
- <div class="f2 mt3">
- {{ if .Params.personal }}
- {{ partial "social_links" .Site.Author }}
- {{ else }}
- {{ partial "social_links" .Site.Params }}
- {{ end }}
- </div>
- </div>
- </div>
+ {{ partial "hero.html" . }}
{{ end }}
{{ define "main" }}
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html
index 5acafde..93edc74 100644
--- a/layouts/partials/hero.html
+++ b/layouts/partials/hero.html
@@ -1,11 +1,43 @@
<div
- style="background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) ){{ with resources.Get (index .Params.images 0) }}
- , url('{{ .RelPermalink }}')
- {{ end }}; background-position: center;"
+ id="hero"
class="pv5"
+ style="background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) ){{ with resources.Get (index .Params.images 0) }}
+ , url('{{ .RelPermalink }}') center
+ {{ end }};"
>
- <div id="hero" class="mw7 center ph2 near-white lh-copy">
- <h1 class="f1 tc title berkshire-swash">{{ .Title }}</h1>
- {{ .Content }}
+ <div class="mw7 center ph2 near-white lh-copy">
+ {{ if eq .Type "about" }}
+ {{ $avatar := index .Params.images 1 }}
+ {{ if hasPrefix $avatar "http" }}
+ {{ $avatar = resources.GetRemote $avatar }}
+ {{ else }}
+ {{ $avatar = resources.Get $avatar }}
+ {{ end }}
+ {{ with $avatar }}
+ <img src="{{ .RelPermalink }}" class="br-100 w5 db center" />
+ {{ end }}
+ <h1 class="f1 tc mv1">
+ {{ .Title }}
+ </h1>
+
+ {{ with .Params.Subtitle }}
+ <h2 class="f3 tc fw3 mv1">
+ {{ . | markdownify }}
+ </h2>
+ {{ end }}
+
+
+ <div class="f2 mt3 tc">
+ {{ if .Params.personal }}
+ {{ partial "social_links" .Site.Author }}
+ {{ else }}
+ {{ partial "social_links" .Site.Params }}
+ {{ end }}
+ </div>
+ {{ else }}
+
+ <h1 class="f1 tc berkshire-swash">{{ .Title }}</h1>
+ {{ .Content }}
+ {{ end }}
</div>
</div>
--
cgit v1.2.3