From 7ae24891534c80f0cbc2d825e49905ab6e73ee15 Mon Sep 17 00:00:00 2001
From: Philipp Oppermann <dev@phil-opp.com>
Date: Sun, 6 Oct 2019 13:59:30 +0200
Subject: [PATCH] Factor out support text into template and add it to pages too

---
 blog/static/css/main.css                 |  4 ++--
 blog/templates/second-edition/index.html | 10 +---------
 blog/templates/second-edition/page.html  |  2 +-
 3 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/blog/static/css/main.css b/blog/static/css/main.css
index d5a1c2a6..d87270f3 100644
--- a/blog/static/css/main.css
+++ b/blog/static/css/main.css
@@ -121,8 +121,8 @@ main img {
   color: #f33;
 }
 
-.post-footer-support, .post-footer-support > h2 {
-  color: #888;
+.post-footer-support {
+  margin-top: 2rem;
 }
 
 .PageNavigation {
diff --git a/blog/templates/second-edition/index.html b/blog/templates/second-edition/index.html
index f2958817..c4cc30c9 100644
--- a/blog/templates/second-edition/index.html
+++ b/blog/templates/second-edition/index.html
@@ -77,15 +77,7 @@
 
 <div class="frontpage-section">
     <h1>Support Me</h1>
-    <p>
-        Creating this blog and the libraries and tools behind the scenes takes a lot of time. I really enjoy it and I'm committed to keep working on it. By supporting me, you allow me to invest more time into new content, new features, and continuous maintainance.
-    </p>
-    <p>
-        The best way to support me is to <a href="https://github.com/users/phil-opp/sponsorship"><em>sponsor me on GitHub</em></a>. GitHub will even match sponsorships until October 2020! If you prefer other platforms, I also have <a href="https://www.patreon.com/phil_opp"><em>Patreon</em></a> and <a href="https://donorbox.org/phil-opp"><em>Donorbox</em></a> accounts. The latter is the most flexible as it supports multiple currencies and one-time contributions.
-    </p>
-    <p>
-        Thank you!
-    </p>
+    {% include "support.html" %}
 </div>
 
 <aside id="recent-updates">
diff --git a/blog/templates/second-edition/page.html b/blog/templates/second-edition/page.html
index 10f3d92b..38f121e9 100644
--- a/blog/templates/second-edition/page.html
+++ b/blog/templates/second-edition/page.html
@@ -39,7 +39,7 @@
 
     <div class="post-footer-support">
         <h2>Support Me</h2>
-        <p>If you liked this post and would like to support me, you can do so on <a href="https://donorbox.org/phil-opp">Donorbox</a>, <a href="https://www.patreon.com/phil_opp">Patreon</a>, or <a href="https://liberapay.com/phil-opp/">Liberapay</a>. Thanks!</p>
+        {% include "support.html" %}
     </div>
 {% endblock main %}