Fix issues with bigimgs

- Fixed issue where bigimg doesn't work if only one bigimg is defined
(changed `if isset .Params.bigimg 1` to `if isset .Params.bigimg 0`)
- Fixed issue where title and subtitle disappear when screen width is
less than 365px
This commit is contained in:
Li-Wen Yip 2017-03-08 21:56:10 +00:00
commit b665039b0f
2 changed files with 28 additions and 6 deletions

View file

@ -1,13 +1,18 @@
{{ if or .Params.bigimg .Title }}
{{ if isset .Params.bigimg 1 }}
{{ if isset .Params.bigimg 0 }}
<div id="header-big-imgs" data-num-img={{len .Params.bigimg}} {{range $i, $img := .Params.bigimg}}data-img-src-{{add $i 1}}="{{$img.src}}" {{ if $img.desc}}data-img-desc-{{add $i 1}}="{{$img.desc}}"{{end}}{{end}}></div>
{{ end }}
<header class="header-section {{ if isset .Params.bigimg 1 }}has-img{{ end }}">
<div class="intro-header {{ if isset .Params.bigimg 1 }}big-img{{ else }}no-img{{ end }}">
<header class="header-section {{ if isset .Params.bigimg 0 }}has-img{{ end }}">
{{ if isset .Params.bigimg 0 }}
<div class="intro-header big-img">
{{ partial "header.html" . }}
<span class="img-desc" style="display: inline;"></span>
</div>
{{end}}
<div class="intro-header no-img">
{{ partial "header.html" . }}
</div>
</header>
{{ else }}
<div class="intro-header"></div>