Support for big title images and bugfixes

Add support for big title images
(e6cb0a4f54).
Several bugfixes including pygment_highlights.css dependency, Index page
alignment/containers, and Index page site title. Also renamed
description to subtitle, in line with the original theme.

layouts/index.html

@@ -7,50 +7,71 @@
 
     {{ partial "nav.html" . }}
 
-    <div role="main" class="container main-content">
-
-      <div class="posts-list">
-        {{ $pag := .Paginate (where .Data.Pages "Type" "post") }}
-        {{ range $pag.Pages }}
-        <article class="post-preview">
-          <a href="{{ .Permalink }}">
-      	  <h2 class="post-title">{{ .Title }}</h2>
-      	
-      	  {{ if .Description }}
-      	  <h3 class="post-subtitle">
-      	    {{ .Description }}
-      	  </h3>
-      	  {{ end }}  
-          </a>
-
-          <p class="post-meta">
-            Posted on {{ .Date.Format "January 2, 2006" }}
-          </p>
-        
-          <div class="post-entry">
-            {{ .Summary }}
-      	  <a href="{{ .Permalink }}" class="post-read-more">[Read&nbsp;More]</a>
+    <header class="header-section ">
+      <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>
-        
-         </article>
-        {{ end }}
+        </div>
       </div>
+    </header>
 
-      {{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
-      <ul class="pager main-pager">
-        {{ if .Paginator.HasPrev }}
-        <li class="previous">
-          <a href="{{ .URL }}page/{{ .Paginator.Prev.PageNumber }}">&larr; Newer Posts</a>
-        </li>
-        {{ end }}
-        {{ if .Paginator.HasNext }}
-        <li class="next">
-          <a href="{{ .URL }}page/{{ .Paginator.Next.PageNumber }}">Older Posts &rarr;</a>
-        </li>
-        {{ end }}
-      </ul>
-      {{ end }}
 
+    <div role="main" class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+          <div class="posts-list">
+            {{ $pag := .Paginate (where .Data.Pages "Type" "post") }}
+            {{ range $pag.Pages }}
+            <article class="post-preview">
+              <a href="{{ .Permalink }}">
+          	  <h2 class="post-title">{{ .Title }}</h2>
+          	
+          	  {{ if .Params.subtitle }}
+          	  <h3 class="post-subtitle">
+          	    {{ .Params.subtitle }}
+          	  </h3>
+          	  {{ end }}  
+              </a>
+
+              <p class="post-meta">
+                Posted on {{ .Date.Format "January 2, 2006" }}
+              </p>
+            
+              <div class="post-entry">
+                {{ .Summary }}
+          	  <a href="{{ .Permalink }}" class="post-read-more">[Read&nbsp;More]</a>
+              </div>
+            
+             </article>
+            {{ end }}
+          </div>
+
+          {{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
+          <ul class="pager main-pager">
+            {{ if .Paginator.HasPrev }}
+            <li class="previous">
+              <a href="{{ .URL }}page/{{ .Paginator.Prev.PageNumber }}">&larr; Newer Posts</a>
+            </li>
+            {{ end }}
+            {{ if .Paginator.HasNext }}
+            <li class="next">
+              <a href="{{ .URL }}page/{{ .Paginator.Next.PageNumber }}">Older Posts &rarr;</a>
+            </li>
+            {{ end }}
+          </ul>
+          {{ end }}
+        </div>
+      </div>
     </div>
 
     {{ partial "footer.html" . }}

layouts/partials/head.html

@@ -20,7 +20,7 @@
   <link rel="stylesheet" href="{{ .Site.BaseURL }}css/main.css" />
   <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" />
   <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" />
-  <link rel="stylesheet" href="{{ .Site.BaseURL }}css/rouge.css" />
+  <link rel="stylesheet" href="{{ .Site.BaseURL }}css/pygment_highlights.css" />
   
   <!-- Facebook OpenGraph tags -->
   <meta property="og:title" content="{{ .Title }}" />

layouts/partials/header.html

@@ -0,0 +1,64 @@
+<!-- TODO this file has become a mess, refactor it -->
+
+{{ if or .Params.bigimg .Title }}
+
+{{ if .Params.bigimg }}
+  <div id="header-big-imgs" data-num-img=1 data-img-src-1="{{.Params.bigimg}}"></div>
+{{ end }}
+
+<header class="header-section {{ if .Params.bigimg }}has-img{{ end }}">
+{{ if .Params.bigimg }}
+<div class="big-img intro-header">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+        <div class="{{ .Type }}-heading">
+          <h1>{{ if .Title }}{{ .Title }}{{ else }}<br/>{{ end }}</h1>
+      {{ if .Params.subtitle }}
+        {{ if eq .Type "page" }}
+            <hr class="small">
+            <span class="{{ .Type }}-subheading">{{ .Params.subtitle }}</span>
+      {{ else }}
+      <h2 class="{{ .Type }}-subheading">{{ .Params.subtitle }}</h2>
+      {{ end }}
+      {{ end }}
+      
+      {{ if eq .Type "post" }}
+      <span class="post-meta">Posted on {{ .Date.Format "January 2, 2006" }}</span>
+      {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+  <span class='img-desc'></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="{{ .Type }}-heading">
+          <h1>{{ if .Title }}{{ .Title }}{{ else }}<br/>{{ end }}</h1>
+      {{ if .Params.subtitle }}
+        {{ if eq .Type "page" }}
+            <hr class="small">
+            <span class="{{ .Type }}-subheading">{{ .Params.subtitle }}</span>
+      {{ else }}
+      <h2 class="{{ .Type }}-subheading">{{ .Params.subtitle }}</h2>
+      {{ end }}
+      {{ end }}
+      
+      {{ if eq .Type "post" }}
+      <span class="post-meta">Posted on {{ .Date.Format "January 2, 2006" }}</span>
+      {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</header>
+
+
+{{ else }}
+<div class="intro-header"></div>
+{{ end }}

layouts/partials/page.html

@@ -1,26 +1,14 @@
-{{ if .Title }}
-<header class="header-page">
+{{ partial "header.html" . }}
+
+<div class="container" role="main">
   <div class="row">
     <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-	  <div class="page-heading">
-	    <h1>{{ .Title }}</h1>
-	    {{ if .Description }}
-	    <hr class="small">
-	    <span class="page-subheading">{{ .Description }}</span>
-	    {{ end }}
-	  </div>
+      {{ .Content }}
+      {{ if .Site.DisqusShortname }}
+        <div class="disqus-comments">
+        {{ template "_internal/disqus.html" . }}
+        </div>
+      {{ end }}
     </div>
   </div>
-</header>
-{{ end }}
-
-<div class="row">
-  <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-    {{ .Content }}
-	{{ if .Site.DisqusShortname }}
-    <div class="disqus-comments">
-	  {{ template "_internal/disqus.html" . }}
-    </div>
-	{{ end }}
-  </div>
 </div>

layouts/partials/post.html

@@ -1,46 +1,31 @@
-<header class="header-post">
+{{ partial "header.html" . }}
+
+<div class="container">
   <div class="row">
     <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-      <div class="post-heading">
-        <h1>{{ .Title }}</h1>
-        {{ if .Description }}
-        <h2 class="post-subheading">{{ .Description }}</h2>
+      <article role="main" class="blog-post">
+          {{ .Content }}
+      </article>
+
+      <ul class="pager blog-pager">
+        {{ if .PrevInSection }}
+        <li class="previous">
+          <a href="{{ .PrevInSection.Permalink }}" data-toggle="tooltip" data-placement="top" title="{{ .PrevInSection.Title }}">&larr; Previous Post</a>
+        </li>
         {{ end }}
-        <span class="post-meta">Posted on {{ .Date.Format "January 2, 2006" }}</span>
+        {{ if .NextInSection }}
+        <li class="next">
+          <a href="{{ .NextInSection.Permalink }}" data-toggle="tooltip" data-placement="top" title="{{ .NextInSection.Title }}">Next Post &rarr;</a>
+        </li>
+        {{ end }}
+      </ul>
+
+      {{ if .Site.DisqusShortname }}
+      <div class="disqus-comments">
+        {{ template "_internal/disqus.html" . }}
       </div>
-     </div>
-  </div>
-</header>
-
-<article>
-  <div class="row">
-    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-	  {{ .Content }}
-	</div>
-  </div>
-</article>
-
-<div class="row">
-  <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-    <ul class="pager blog-pager">
-      {{ if .PrevInSection }}
-      <li class="previous">
-        <a href="{{ .PrevInSection.Permalink }}" data-toggle="tooltip" data-placement="top" title="{{ .PrevInSection.Title }}">&larr; Previous Post</a>
-      </li>
       {{ end }}
-      {{ if .NextInSection }}
-      <li class="next">
-        <a href="{{ .NextInSection.Permalink }}" data-toggle="tooltip" data-placement="top" title="{{ .NextInSection.Title }}">Next Post &rarr;</a>
-      </li>
-      {{ end }}
-    </ul>
+
+    </div>
   </div>
 </div>
-
-{{ if .Site.DisqusShortname }}
-<div class="row disqus-comments">
-  <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-    {{ template "_internal/disqus.html" . }}
-  </div>
-</div>
-{{ end }}