diff options
| author | tdro <tdro@noreply.example.com> | 2022-12-15 22:04:15 -0500 |
|---|---|---|
| committer | tdro <tdro@noreply.example.com> | 2022-12-15 22:04:15 -0500 |
| commit | cd957ee5699b7c6d8cfcbad9b64d9d5298e56ccc (patch) | |
| tree | bd807e7bbf73245f0758411e2c6eac2ecc6d4f82 | |
| parent | 54470dc7ccefa2e9dae974ac18f90db09a6bc992 (diff) | |
| download | canory-cd957ee5699b7c6d8cfcbad9b64d9d5298e56ccc.tar.gz canory-cd957ee5699b7c6d8cfcbad9b64d9d5298e56ccc.tar.bz2 canory-cd957ee5699b7c6d8cfcbad9b64d9d5298e56ccc.zip | |
themes/default/layouts/partials/styles-image-gradient: Extend to gallery
3 files changed, 23 insertions, 17 deletions
diff --git a/themes/default/layouts/_default/_markup/render-image.html b/themes/default/layouts/_default/_markup/render-image.html index 9481e9d..3767cb8 100644 --- a/themes/default/layouts/_default/_markup/render-image.html +++ b/themes/default/layouts/_default/_markup/render-image.html @@ -100,23 +100,8 @@ title="{{ $.Text | htmlUnescape }}" width="{{ $width }}" height="{{ $height }}" - {{- printf `style="` | safeHTMLAttr }} - {{- with $colors -}} - background: - {{- range $key, $color := $colors }} - {{- $last := sub (len $colors) 1 -}} - {{- $separator := "," | safeHTMLAttr -}} - {{- $color = $color | safeHTMLAttr -}} - {{- $position := "top" -}} - {{- if eq $last $key -}} - {{- $separator = ";" | safeHTMLAttr -}} - {{- end -}} - {{- if gt $key 0 -}} - {{- $position = "bottom" -}} - {{- end -}} - radial-gradient(ellipse at {{ $position }}, {{ $color }}, transparent){{ $separator }} - {{- end -}} - {{- end -}} + {{ printf `style="` | safeHTMLAttr -}} + {{- partial "styles-image-gradient.html" $colors | safeHTMLAttr -}} {{- printf `"` | safeHTMLAttr }} /> </picture> diff --git a/themes/default/layouts/partials/gallery-walk.html b/themes/default/layouts/partials/gallery-walk.html index 72b587c..c17b0da 100644 --- a/themes/default/layouts/partials/gallery-walk.html +++ b/themes/default/layouts/partials/gallery-walk.html @@ -56,6 +56,9 @@ width="{{ $image.Width }}" height="{{ $image.Height }}" src="{{ $image.RelPermalink }}" + {{ printf `style="` | safeHTMLAttr -}} + {{- partial "styles-image-gradient.html" $image.Colors | safeHTMLAttr -}} + {{- printf `"` | safeHTMLAttr }} /> </picture> </a> diff --git a/themes/default/layouts/partials/styles-image-gradient.html b/themes/default/layouts/partials/styles-image-gradient.html new file mode 100644 index 0000000..794ea8b --- /dev/null +++ b/themes/default/layouts/partials/styles-image-gradient.html @@ -0,0 +1,18 @@ +{{- $colors := . -}} + +{{- with $colors -}} + background: + {{- range $key, $color := $colors -}} + {{- $last := sub (len $colors) 1 -}} + {{- $separator := "," -}} + {{- $color = $color -}} + {{- $position := "top" -}} + {{- if eq $last $key -}} + {{- $separator = ";" -}} + {{- end -}} + {{- if gt $key 0 -}} + {{- $position = "bottom" -}} + {{- end -}} + radial-gradient(ellipse at {{ $position }}, {{ $color }}, transparent){{ $separator }} + {{- end -}} +{{- end -}} |