From c2441ca07f360f605e059d3852e340082cf33999 Mon Sep 17 00:00:00 2001
From: Óscar Nájera <hello@oscarnajera.com>
Date: Sun, 15 Jul 2018 15:54:15 +0200
Subject: pagination to join posts

---
 layouts/_default/single.html | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

(limited to 'layouts')

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 62e3ce9..0895012 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -18,16 +18,16 @@
         <footer class="ph3 pb2 bt bb cf b--black-50">
             {{ with .Params.tags }}
             <div class="fl w-50-ns mb2">
-                <h5 class="f5 ttu black-60">Tagged in</br></h5>
+                <h5 class="f5 ttu black-60">Tagged in</h5>
                 {{ range . }}
-                <a class="f5 link br1 ph3 pv2 blue dib hover-bg-black hover-white ba"
+                <a class="f5 link br1 ph3 pv2 blue dib hover-bg-light-blue hover-white ba"
                    href="{{ $.Site.LanguagePrefix }}/tags/{{ . | urlize }}/">{{ . }}</a>
                 {{ end }}
             </div>
             {{ end }}
 
             <div class="fl w-50 mb2">
-                <h5 class="f5 ttu black-60">Share in Social Networks</br></h5>
+                <h5 class="f5 ttu black-60">Share in Social Networks</h5>
                 {{ range .Site.Params.sharingOptions }}
                 <a class="f4 link br1 ph3 pv2 blue dib hover-bg-light-blue hover-white ba" target="new" href="{{ printf .url $.Permalink }}">
                     <i class="fab {{ .icon }}"></i>
@@ -36,9 +36,25 @@
             </div>
         </footer>
 
+        <div class="mv3 tc">
+            {{ with .NextInSection }}
+            <a href="{{ .RelPermalink }}" class="dib f4 link br1 ma1 pa2 blue hover-bg-light-blue hover-white ba">
+                <i class="fa fa-angle-left"></i> Newer <br/>
+                {{ .Title }}
+            </a>
+            {{ end}}
+
+            {{ with .PrevInSection }}
+            <a href="{{ .RelPermalink }}" class="dib f4 link br1 ma1 pa2 blue hover-bg-light-blue hover-white ba">
+                Older <i class="fa fa-angle-right"></i> <br/>
+                {{ .Title }}
+            </a>
+            {{ end}}
+        </div>
+
     </div>
     {{ if not (eq .Params.comments false) }}
-        <div class="mw7 center mv4">
+        <div class="mw7 center mv4 pa2">
             {{ template "_internal/disqus.html" . }}
         </div>
     {{ end }}
-- 
cgit v1.2.3