diff --git a/README.md b/README.md index 9164bd40..48434dfd 100644 --- a/README.md +++ b/README.md @@ -314,9 +314,11 @@ paige: greeting: "" # Displayed below the image image: alt: "" # Image alt + height: "" # CSS unit; image height raw: false # Do not copy or process the file stretch: false # Stretch the image fully horizontally if true; center the image otherwise url: "" # Local or remote resource glob + width: "" # CSS unit; image width social: examplesite: bootstrap_icon: "" # Example is "example-icon" diff --git a/layouts/_default/paige/home.html b/layouts/_default/paige/home.html index 6c0387b3..18afe7aa 100644 --- a/layouts/_default/paige/home.html +++ b/layouts/_default/paige/home.html @@ -1,7 +1,9 @@ {{ define "main" }} {{ $page := . }} +{{ $height := $page.Params.paige.home.image.height | default "20rem" }} {{ $stretch := $page.Params.paige.home.image.stretch }} +{{ $width := $page.Params.paige.home.image.width }}
@@ -10,10 +12,10 @@ {{ if or $page.Params.paige.home.image.url $page.Params.paige.home.greeting $page.Params.paige.home.blurb }}
{{ if $page.Params.paige.home.image.url }} - {{ $class := cond ($stretch | not) "mw-100 rounded-4 shadow" "rounded-4 shadow w-100" }} - {{ $style := cond ($stretch | not) "height: 20rem; width: auto" "height: 20rem; object-fit: cover; width: 100%" }} + {{ $class := cond ($stretch | not) "mw-100 rounded-4 shadow" "rounded-4 shadow" }} + {{ $style := cond ($stretch | not) (printf "height: %s; width: %s" $height ($width | default "auto")) (printf "height: %s; object-fit: cover; width: %s" $height ($width | default "100%")) }} -

+

{{ partial "paige/img.html" (dict "alt" $page.Params.paige.home.image.alt "class" $class