cards everywhere

layouts/_default/li.html

@@ -1,5 +1,5 @@
 <a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" ontouchmove="cardReleased.call(this)" 
-  onmousedown="cardPressed.call(this)" ondrag="cardReleased.call(this)" href="{{ .Permalink }}" class="card" rel="bookmark" >
+  onmouseover="cardPressed.call(this)" onmouseout="cardReleased.call(this)" href="{{ .Permalink }}" class="card" rel="bookmark" >
     {{ if isset .Params "featuredimage" }}
     <div>
       <img src="{{ .Site.BaseURL }}/{{.Params.featuredimage }}" class="card-img">

layouts/_default/list.html

@@ -12,7 +12,6 @@
       {{ end }}
     </main>
     <div class="pagination-nav side-gutter">
-      <a href="#" class="pagination-prev button">Newer Posts</a>
       {{ if .Paginator.HasPrev }}<a href="{{ .Paginator.Prev.URL }}" class="pagination-prev button">Newer Posts</a>{{ end }}
       <p class="pagination-pagenum muted-text">Page {{ .Paginator.PageNumber }} of {{ .Paginator.TotalPages }}</p>
       {{ if .Paginator.HasNext }}<a href="{{ .Paginator.Next.URL }}" class="pagination-next button">Older Posts</a>{{ end }}

layouts/_default/single-li.html

@@ -0,0 +1,18 @@
+<a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" ontouchmove="cardReleased.call(this)" 
+  onmouseover="cardPressed.call(this)" onmouseout="cardReleased.call(this)" href="{{ .Permalink }}" class="card" rel="bookmark" >
+    {{ if isset .Params "featuredimage" }}
+    <div class="card-img-container">
+      <img src="{{ .Site.BaseURL }}/{{.Params.featuredimage }}" class="card-img">
+      <p class="card-img-overlay">Next Article</p>
+    </div>
+    {{ end }}
+  <article class="card-body">
+    <h2 class="card-title">{{ .Title }}</h2>
+    <p class="card-text">{{ .Description }}</p>
+    <div class="card-subtext muted-text">
+      <p style="margin: 0 1em 0 0;">Posted <time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}">{{ .PublishDate.Format "Jan 2, 2006" }}</time></p>
+      <p style="margin: 0 1em 0 0;">|</p>
+      <p style="margin: 0 1em 0 0;">#{{ .Params.category}}</p>
+    </div>
+  </article>
+</a>

layouts/_default/single.html

@@ -20,6 +20,9 @@
       If you're going to use DISQUS comments, insert code here.
       -->
     </main>
+    {{ with .Next }}
+      {{ .Render "single-li" }}
+    {{ end }}
     {{ partial "footer.html" . }}
     {{ partial "scripts.html" . }}
   </body>