From 4b1461cbfcd2b7664fb02aaaec698d267671eb26 Mon Sep 17 00:00:00 2001
From: Hendrik Niefeld <hello@niefeld.com>
Date: Thu, 6 Aug 2020 20:40:44 +0200
Subject: [PATCH] add further article to bottom cta

---
 homepage/theme/templates/base.html | 41 ++++++++++++++++++++----------
 1 file changed, 28 insertions(+), 13 deletions(-)

diff --git a/homepage/theme/templates/base.html b/homepage/theme/templates/base.html
index 0433e53..dc56e16 100644
--- a/homepage/theme/templates/base.html
+++ b/homepage/theme/templates/base.html
@@ -129,41 +129,56 @@
 
                   {% if bottom_cta == 'fair' %}
                   <div class="ph3 ph0-m pv5">
-
                     <h2 class="f26 normal tc lh-title ma0 mb4 cclr-bg-yellow-mid">
                       Also on our blog
                     </h2>
-
                     <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="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>
                       </div>
-
                       <div class="w-100 w-50-l cclr-bg-yellow-mid">
                         <div class="pl3-l">
-                          <h3 class="f3 normal lh-title ma0 mb3">
-                            <a href="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 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>
                           </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="privacy-friendly-and-fair-web" class="link b dim cclr-fnt-black-mid">Read more</a>
+                            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>
                           </p>
                         </div>
                       </div>
-
                     </div>
-
                   </div>
                   {% endif %}
 
                   {% if bottom_cta == 'budget' %}
-                    <p class="ma0">
-                      OPEN BLOG ARTICLE BUDGET
-                    </p>
+                  <div class="ph3 ph0-m pv5">
+                    <h2 class="f26 normal tc lh-title ma0 mb4 cclr-bg-yellow-mid">
+                      Also on our blog
+                    </h2>
+                    <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">
+                            <img alt="Hosting Offen on a budget" src="/theme/images/offen-blog-0070-budget.jpg">
+                          </a>
+                        </figure>
+                      </div>
+                      <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>
+                          </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>
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                   {% endif %}