tiennm99/HugoBlox-kit
1
0 Fork 0
mirror of https://github.com/tiennm99/HugoBlox-kit.git synced 2026-10-12 20:15:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

widgets: Refactor hero

Browse Source 
Compute image path outside of HTML style element due to Hugo limitation
with relURL
This commit is contained in:
George Cushen committed 2018-10-13 21:13:32 +01:00
1 parent 339b727152
commit 2afcb642db
1 file changed
+7 -1
Download Patch File Download Diff File Expand all files Collapse all files
layouts/partials/widgets/hero.html
+7 -1
View File
@@ -2,6 +2,12 @@
{{ $page := .page }}
{{ $header := $page.Params.header }}
{{/* Compute image path outside of HTML style element due to Hugo limitation. */}}
{{ $overlay_img := "" }}
{{ if $header.overlay_img }}
{{ $overlay_img = (printf "img/%s" $header.overlay_img) | relURL }}
{{end}}
<section id="{{ $page.File.TranslationBaseName }}" class="hero-overlay" style="
{{ if $header.overlay_color }}
background-color: {{ $header.overlay_color | default "transparent" }};
@@ -9,7 +15,7 @@ background-color: {{ $header.overlay_color | default "transparent" }};
{{ if $header.overlay_img }}
background-image:
{{ if $header.overlay_filter }}linear-gradient(rgba(0, 0, 0, {{ $header.overlay_filter }}), rgba(0, 0, 0, {{ $header.overlay_filter }})), {{ end }}
url('{{ printf "img/%s" $header.overlay_img | relURL }}');
url('{{ $overlay_img }}');
{{ end }}
;">