From b665039b0f414fe57e55487c4fd91f2cb68debb7 Mon Sep 17 00:00:00 2001
From: Li-Wen Yip <liwen.yip at gmail>
Date: Wed, 8 Mar 2017 21:56:10 +0000
Subject: [PATCH] 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
---
 layouts/index.html              | 23 ++++++++++++++++++++---
 layouts/partials/header_wp.html | 11 ++++++++---
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/layouts/index.html b/layouts/index.html
index ce7b660..aaae398 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -7,12 +7,13 @@
 
     {{ partial "nav.html" . }}
 
-    {{ if isset .Site.Params.bigimg 1 }}
+    {{ if isset .Site.Params.bigimg 0 }}
       <div id="header-big-imgs" data-num-img={{len .Site.Params.bigimg}} {{range $i, $img := .Site.Params.bigimg}}data-img-src-{{add $i 1}}="{{$img.src}}" data-img-desc-{{add $i 1}}="{{$img.desc}}"{{end}}></div>
     {{ end }}
 
-    <header class="header-section {{ if isset .Site.Params.bigimg 1 }}has-img{{ end }}">
-      <div class="intro-header {{ if isset .Site.Params.bigimg 1 }}big-img{{ else }}no-img{{ end }}">
+    <header class="header-section {{ if isset .Site.Params.bigimg 0 }}has-img{{ end }}">
+      {{ if isset .Site.Params.bigimg 0 }}
+      <div class="intro-header big-img">
         <div class="container">
           <div class="row">
             <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
@@ -28,6 +29,22 @@
         </div>
         <span class="img-desc" style="display: inline;"></span>
       </div>
+      {{end}}
+      <div class="intro-header no-img">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+              <div class="page-heading">
+                <h1>{{.Site.Title}}</h1>
+                {{if .Site.Params.subtitle}}
+                  <hr class="small">
+                  <span class="page-subheading">{{.Site.Params.subtitle}}</span>
+                {{end}}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </header>
 
 
diff --git a/layouts/partials/header_wp.html b/layouts/partials/header_wp.html
index 8f395bf..0a1b226 100644
--- a/layouts/partials/header_wp.html
+++ b/layouts/partials/header_wp.html
@@ -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>