Add hero

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

layouts/_default/single.html

@@ -0,0 +1,8 @@
+{{ define "main" }}
+  <main>
+    {{ partial (printf "posts/%s.html" (.Params.heroType | default "hero")) . }}
+    <div class="content">
+      {{ .Content }}
+    </div>
+  </main>
+{{ end }}

layouts/partials/image.html

@@ -0,0 +1,12 @@
+{{- $path := .path -}}
+{{- $alt := .alt -}}
+{{- $caption := .caption -}}
+
+{{ if $path }}
+  <figure class="image">
+    <img src="{{- $path | absURL -}}" {{ with $alt }}alt="{{- . -}}"{{ end }} />
+    {{ with $caption }}
+      <figcaption>{{ . }}</figcaption>
+    {{ end }}
+  </figure>
+{{ end }}

layouts/partials/posts/hero.html

@@ -0,0 +1,16 @@
+<section class="hero">
+  <h1>{{ .Title }}</h1>
+  <div class="meta">
+    <span class="date">{{ .Date | time.Format ":date_medium" }}</span>
+    &middot;
+    <span class="duration">{{ printf "%d MIN READ" .ReadingTime }}</span>
+  </div>
+  {{ with .Params.heroImage }}
+    {{ partial "image.html" (dict
+      "path" .path
+      "alt" .alt
+      "caption" .caption
+      )
+    }}
+  {{ end }}
+</section>