diff options
| author | Oscar Najera <hi@oscarnajera.com> | 2023-10-15 15:45:53 +0200 |
|---|---|---|
| committer | Oscar Najera <hi@oscarnajera.com> | 2023-10-15 16:12:14 +0200 |
| commit | bd924ee52abf96ef3f6352b7b2926d9900ae5ff9 (patch) | |
| tree | 41351e887478db5f5a0fc3702e24449d999d41e0 | |
| parent | d0200f3f07604edab12d647838feebfd82423f67 (diff) | |
| download | hugo-minimalist-theme-bd924ee52abf96ef3f6352b7b2926d9900ae5ff9.tar.gz hugo-minimalist-theme-bd924ee52abf96ef3f6352b7b2926d9900ae5ff9.tar.bz2 hugo-minimalist-theme-bd924ee52abf96ef3f6352b7b2926d9900ae5ff9.zip | |
Hero background gradient and post images default
Feature image has precedence
Can have svg feature images. That implies container must have max width
| -rw-r--r-- | layouts/_default/single.html | 21 | ||||
| -rw-r--r-- | layouts/partials/hero.html | 8 | ||||
| -rw-r--r-- | layouts/partials/post.html | 17 |
3 files changed, 34 insertions, 12 deletions
diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 23341f4..5405e4a 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -13,16 +13,27 @@ {{ end }} {{ $image := "" }} - {{ if resources.Get (index .Params.images 0) }} - {{ $image = resources.Get (index .Params.images 0) }} - {{ else if (.Resources.ByType "image").GetMatch "*featured*" }} + {{ if (.Resources.ByType "image").GetMatch "*featured*" }} {{ $image = (.Resources.ByType "image").GetMatch "*featured*" }} + {{ else if resources.Get (index .Params.images 0) }} + {{ $image = resources.Get (index .Params.images 0) }} {{ end }} {{ with $image }} - {{ $image := .Fit (default "400x400" $.Params.image_size) }} + {{ if ne $image.MediaType.SubType "svg" }} + {{ $image := .Fit (default "400x400" $.Params.image_size) }} + {{ end }} <div class="tc"> <div class="relative dib"> - <img src="{{ $image.RelPermalink }}" class="ma0" alt="{{ .Title }}" /> + <img + src="{{ if ne .MediaType.SubType "svg" }} + {{ $image := .Fit (default "400x400" $.Params.image_size) }} + {{ $image.RelPermalink }} + {{ else }} + {{ $image.RelPermalink }} + {{ end }}" + class="ma0" + alt="{{ .Title }}" + /> {{ with $.Params.caption }} <a href="{{ .url }}" diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html index 4729291..1926f04 100644 --- a/layouts/partials/hero.html +++ b/layouts/partials/hero.html @@ -1,5 +1,9 @@ -<div style="background: linear-gradient( rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.5) ){{ with .Params.images }}, url('{{ index . 0 }}'){{ end }}; background-position: center;" - class="bg-center pv5" > +<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 class="mw7 center ph2 near-white"> <h1 class="f1 tc title berkshire-swash">{{ .Title }}</h1> {{ .Content }} diff --git a/layouts/partials/post.html b/layouts/partials/post.html index fa6d485..fe24ad9 100644 --- a/layouts/partials/post.html +++ b/layouts/partials/post.html @@ -3,15 +3,22 @@ <h3 class="f3 baskerville mt0 lh-title">{{ .Title }}</h3> <div class="cf"> {{ $image := "" }} - {{ if resources.Get (index .Params.images 0) }} - {{ $image = resources.Get (index .Params.images 0) }} - {{ else if (.Resources.ByType "image").GetMatch "*featured*" }} + {{ if (.Resources.ByType "image").GetMatch "featured*" }} {{ $image = (.Resources.ByType "image").GetMatch "*featured*" }} + {{ else if resources.Get (index .Params.images 0) }} + {{ $image = resources.Get (index .Params.images 0) }} {{ end }} {{ with $image }} - {{ $image := .Resize (default "320x" .Params.thumbnail_size) }} <div class="fl-ns mb4 mb0-ns pr3-ns"> - <img src="{{ $image.RelPermalink }}" class="db center" /> + <img + src="{{ if ne .MediaType.SubType "svg" }} + {{ $image := .Resize (default "320x" .Params.thumbnail_size) }} + {{ $image.RelPermalink }} + {{ else }} + {{ $image.RelPermalink }} + {{ end }}" + class="mw5-ns db center" + /> </div> {{ end }} <div class="f5 lh-copy"> |