From b64d8ed944e994fea93e3bd108d36f79dc6110e0 Mon Sep 17 00:00:00 2001
From: Frederik Ring <frederik.ring@gmail.com>
Date: Sat, 22 Aug 2020 17:51:00 +0200
Subject: [PATCH] ensure blog links always use trailing slashes

---
 homepage/theme/templates/archives.html | 8 ++++----
 homepage/theme/templates/base.html     | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/homepage/theme/templates/archives.html b/homepage/theme/templates/archives.html
index d01fe96..fa625a2 100644
--- a/homepage/theme/templates/archives.html
+++ b/homepage/theme/templates/archives.html
@@ -18,7 +18,7 @@
         <article class="w-100 mt5-m mt0-l gray">
           <div class="mw8 center pv5 ph3 ph5-m pr0-l pl5-l bg-white">
               <figure class="larger-image mb4">
-                <a href="{{ article.slug }}">
+                <a href="/blog/{{ article.slug }}/">
                   <img alt="{{ article.title }}" src="{{ article.image_url }}"/>
                 </a>
               </figure>
@@ -26,10 +26,10 @@
                 {{ article.date | strftime('%d %b %Y') }}{% if article.modified %}(article.updated {{ article.modified | strftime('%d %b %Y') }}){% endif %}, {{ article.author }}
               </h6>
               <h1 class="f26 normal lh-title mt3 ma0 mb3 light-silver">
-                <a href="{{ article.slug }}" class="link b dim gray">{{ article.title }}</a>
+                <a href="/blog/{{ article.slug }}/" class="link b dim gray">{{ article.title }}</a>
               </h1>
-              <p class="">
-                {{ article.description }} <a href="{{ article.slug }}" class="link b dim gray">Read more</a>
+              <p>
+                {{ article.description }} <a href="/blog/{{ article.slug }}/" class="link b dim gray">Read more</a>
               </p>
           </div>
         </article>
diff --git a/homepage/theme/templates/base.html b/homepage/theme/templates/base.html
index dc56e16..11a9ffc 100644
--- a/homepage/theme/templates/base.html
+++ b/homepage/theme/templates/base.html
@@ -135,7 +135,7 @@
                     <div class="mw7 center flex flex-wrap ph5-ns">
                       <div class="w-100 w-50-l">
                         <figure class="ma0 pr3-l mb3 mb0-l">
-                          <a href="/blog/privacy-friendly-and-fair-web">
+                          <a href="/blog/privacy-friendly-and-fair-web/">
                             <img alt="Let's build a web that is privacy friendly and fair" src="/theme/images/offen-blog-0080-beta.jpg">
                           </a>
                         </figure>
@@ -143,7 +143,7 @@
                       <div class="w-100 w-50-l cclr-bg-yellow-mid">
                         <div class="pl3-l">
                           <h3 class="f3 normal lh-title ma0 mb2">
-                            <a href="/blog/privacy-friendly-and-fair-web" class="link b dim cclr-fnt-black-mid">Let's build a web that is privacy friendly and fair</a>
+                            <a href="/blog/privacy-friendly-and-fair-web/" class="link b dim cclr-fnt-black-mid">Let's build a web that is privacy friendly and fair</a>
                           </h3>
                           <p class="ma0">
                             What does the term 'privacy friendly' actually stand for? Mostly it's just about technical issues that don't tackle the underlying problem. <a href="/blog/privacy-friendly-and-fair-web" class="link b dim cclr-fnt-black-mid">Read more</a>
@@ -162,7 +162,7 @@
                     <div class="mw7 center flex flex-wrap ph5-ns">
                       <div class="w-100 w-50-l">
                         <figure class="ma0 pr3-l mb3 mb0-l">
-                          <a href="/blog/hosting-offen-on-budget">
+                          <a href="/blog/hosting-offen-on-budget/">
                             <img alt="Hosting Offen on a budget" src="/theme/images/offen-blog-0070-budget.jpg">
                           </a>
                         </figure>
@@ -170,7 +170,7 @@
                       <div class="w-100 w-50-l cclr-bg-yellow-mid">
                         <div class="pl3-l">
                           <h3 class="f3 normal lh-title ma0 mb2">
-                            <a href="/blog/hosting-offen-on-budget" class="link b dim cclr-fnt-black-mid">Hosting Offen on a budget</a>
+                            <a href="/blog/hosting-offen-on-budget/" class="link b dim cclr-fnt-black-mid">Hosting Offen on a budget</a>
                           </h3>
                           <p class="ma0">
                             Here are some real world options for hosting Offen on a budget. Let's compare how they relate in terms of ease of deployment, performance and pricing. <a href="/blog/hosting-offen-on-budget" class="link b dim cclr-fnt-black-mid">Read more</a>