Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add home height, width params

Browse Source
This commit is contained in:
Will Faught
2023-03-04 15:53:30 -08:00
parent d67b9e7123
commit c5b52d680d
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -314,9 +314,11 @@ paige:
greeting: "" # Displayed below the image greeting: "" # Displayed below the image
image: image:
alt: "" # Image alt alt: "" # Image alt
height: "" # CSS unit; image height
raw: false # Do not copy or process the file raw: false # Do not copy or process the file
stretch: false # Stretch the image fully horizontally if true; center the image otherwise stretch: false # Stretch the image fully horizontally if true; center the image otherwise
url: "" # Local or remote resource glob url: "" # Local or remote resource glob
width: "" # CSS unit; image width
social: social:
examplesite: examplesite:
bootstrap_icon: "" # Example is "example-icon" bootstrap_icon: "" # Example is "example-icon"

8
layouts/_default/paige/home.html
View File

@@ -1,7 +1,9 @@
{{ define "main" }} {{ define "main" }}
{{ $page := . }} {{ $page := . }}
{{ $height := $page.Params.paige.home.image.height | default "20rem" }}
{{ $stretch := $page.Params.paige.home.image.stretch }} {{ $stretch := $page.Params.paige.home.image.stretch }}
{{ $width := $page.Params.paige.home.image.width }}
<article class="paige-article paige-home"> <article class="paige-article paige-home">
<div class="align-items-center d-flex flex-column mb-0"> <div class="align-items-center d-flex flex-column mb-0">
@@ -10,10 +12,10 @@
{{ if or $page.Params.paige.home.image.url $page.Params.paige.home.greeting $page.Params.paige.home.blurb }} {{ if or $page.Params.paige.home.image.url $page.Params.paige.home.greeting $page.Params.paige.home.blurb }}
<div> <div>
{{ if $page.Params.paige.home.image.url }} {{ if $page.Params.paige.home.image.url }}
{{ $class := cond ($stretch | not) "mw-100 rounded-4 shadow" "rounded-4 shadow w-100" }} {{ $class := cond ($stretch | not) "mw-100 rounded-4 shadow" "rounded-4 shadow" }}
{{ $style := cond ($stretch | not) "height: 20rem; width: auto" "height: 20rem; object-fit: cover; width: 100%" }} {{ $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%")) }}
<p {{ if not $stretch }} class="text-center" {{ end }}> <p {{ if or (not $stretch) $width }} class="text-center" {{ end }}>
{{ partial "paige/img.html" (dict {{ partial "paige/img.html" (dict
"alt" $page.Params.paige.home.image.alt "alt" $page.Params.paige.home.image.alt
"class" $class "class" $class