From e0686bbe4b797a7499c9f67faacec340a1a5d2d6 Mon Sep 17 00:00:00 2001
From: davegson <3080765+davegson@users.noreply.github.com>
Date: Tue, 17 Nov 2020 15:22:16 +0100
Subject: [PATCH] Load the previous and next links dynamically

---
 _layouts/podcast.html | 22 +++++++++++++---------
 _layouts/post.html    | 23 ++++++++++++++---------
 2 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/_layouts/podcast.html b/_layouts/podcast.html
index 34f97a0..c41059a 100644
--- a/_layouts/podcast.html
+++ b/_layouts/podcast.html
@@ -26,12 +26,16 @@ container_class: "podcast pt-40 lg:pt-40"
   {{ page.summary }}
 
 <div class="flex pt-24 justify-center grid grid-cols-2 col-gap-16 max-w-3xl mx-auto">
-  <div class="text-left">
-    <div class="pb-4 text-md opacity-55">Next podcast</div>
-    <a href="" class="text-3xl tracking-tight font-extrabold leading-none break-normal">Hiring a Designer from the Privacy Community</a>
-  </div>
-  <div class="text-right">
-    <div class="pb-4 text-md opacity-55">Previous podcast</div>
-    <a href="" class="text-3xl tracking-tight font-extrabold leading-none break-normal">#002 - Progress Update October</a>
-  </div>
-</div>
\ No newline at end of file
+  {% if page.next.url %}
+    <div class="text-left">
+      <div class="pb-4 text-md opacity-55">Next Podcast</div>
+      <a href="{{page.next.url }}" class="text-3xl tracking-tight font-extrabold leading-none break-normal">{{page.next.title}}</a>
+    </div>
+  {% endif %}
+  {% if page.previous.url %}
+    <div class="text-right">
+      <div class="pb-4 text-md opacity-55">Previous Podcast</div>
+      <a href="{{page.previous.url }}" class="text-3xl tracking-tight font-extrabold leading-none break-normal">{{page.previous.title}}</a>
+    </div>
+  {% endif %}
+</div>
diff --git a/_layouts/post.html b/_layouts/post.html
index a0d1be7..cfcb7e7 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -52,13 +52,18 @@ layout: page_container
     </span>
   </section>
 {% endif %}
+
 <div class="flex pt-24 justify-center grid grid-cols-2 col-gap-16 max-w-3xl mx-auto">
-  <div class="text-left">
-    <div class="pb-4 text-md opacity-55">Next Post</div>
-    <a href="" class="text-3xl tracking-tight font-extrabold leading-none break-normal">Hiring a Designer from the Privacy Community</a>
-  </div>
-  <div class="text-right">
-    <div class="pb-4 text-md opacity-55">Previous post</div>
-    <a href="" class="text-3xl tracking-tight font-extrabold leading-none break-normal">#002 - Progress Update October</a>
-  </div>
-</div>
\ No newline at end of file
+  {% if page.next.url %}
+    <div class="text-left">
+      <div class="pb-4 text-md opacity-55">Next Post</div>
+      <a href="{{page.next.url }}" class="text-3xl tracking-tight font-extrabold leading-none break-normal">{{page.next.title}}</a>
+    </div>
+  {% endif %}
+  {% if page.previous.url %}
+    <div class="text-right">
+      <div class="pb-4 text-md opacity-55">Previous Post</div>
+      <a href="{{page.previous.url }}" class="text-3xl tracking-tight font-extrabold leading-none break-normal">{{page.previous.title}}</a>
+    </div>
+  {% endif %}
+</div>