From 3ce650ea86ae2bb3fc4279572d60490a678463e7 Mon Sep 17 00:00:00 2001
From: Ellpeck <me@ellpeck.de>
Date: Sun, 9 Apr 2023 14:10:20 +0200
Subject: [PATCH] improved visuals of the support section

---
 main/_data/support.json     | 36 ++++--------------------------------
 main/_includes/post.html    |  4 ++--
 main/_includes/support.html |  6 +-----
 main/style/dark.css         | 10 +++++-----
 main/style/style.css        |  8 ++++----
 5 files changed, 16 insertions(+), 48 deletions(-)

diff --git a/main/_data/support.json b/main/_data/support.json
index 46355a1..13af5ce 100644
--- a/main/_data/support.json
+++ b/main/_data/support.json
@@ -2,49 +2,21 @@
     {
         "name": "🪙 Buy Stuff I Made",
         "text": "Some of the stuff I make is directly for sale, and buying it is an easy way to support me! For example, some of my games on itch are in \"name your own price\" mode, so you can choose the amount you want to give me.",
-        "links": [
-            {
-                "name": "Buy Tiny Life",
-                "link": "https://tinylifegame.com"
-            },
-            {
-                "name": "Buy other games",
-                "link": "https://ellpeck.itch.io/"
-            }
-        ]
+        "link": "#projects"
     },
     {
         "name": "☕ Buy me a Coffee",
         "text": "Ko-fi is a great site that allows you to send me just enough money to buy a coffee. And I love those. You can also use it to send monthly payments, but the other sites in this list are usually better for that.",
-        "links": [
-            {
-                "name": "Go to Ko-fi",
-                "link": "https://ko-fi.com/ellpeck"
-            }
-        ]
+        "link": "https://ko-fi.com/ellpeck"
     },
     {
         "name": "⭐ Become a Patron",
         "text": "Patreon allows you to support me on a monthly basis with an amount of money of your choosing. You can also get fun rewards, like player accessories to impress your friends when using my Minecraft mods!",
-        "links": [
-            {
-                "name": "Go to Patreon",
-                "link": "https://patreon.com/Ellpeck"
-            }
-        ]
+        "link": "https://patreon.com/Ellpeck"
     },
     {
         "name": "💻 Sponsor on GitHub",
         "text": "GitHub Sponsors is basically Patreon for programmers, and it provides a monthly support option, but it also allows you to make one-time payments. Here, you can get the same rewards as you get on Patreon.",
-        "links": [
-            {
-                "name": "Sponsor monthly",
-                "link": "https://github.com/sponsors/Ellpeck?frequency=recurring"
-            },
-            {
-                "name": "Sponsor once",
-                "link": "https://github.com/sponsors/Ellpeck?frequency=one-time"
-            }
-        ]
+        "link": "https://github.com/sponsors/Ellpeck"
     }
 ]
diff --git a/main/_includes/post.html b/main/_includes/post.html
index 4d68669..49792d1 100644
--- a/main/_includes/post.html
+++ b/main/_includes/post.html
@@ -1,8 +1,8 @@
 <div class="card bg-light blog-entry rounded-0 {% for tag in include.post.tags %} blog-tag-{{ tag | slugify}} {% endfor %}">
     <div class="card-body">
-        <h4 class="card-title blog-title"><a class="blog-button" href="{{ include.post.url }}">{{ include.post.title }}</a></h4>
+        <h4 class="card-title blog-title"><a class="title-button" href="{{ include.post.url }}">{{ include.post.title }}</a></h4>
         <div class="card-text blog-summary">{{ include.post.description }}</div>
         <span class="text-muted project-status">{{ include.post.date | date_to_string }}</span>
         <span class="text-muted blog-cat">{{ include.post.tags | join: ", " }}</span>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/main/_includes/support.html b/main/_includes/support.html
index 80e4b2d..aad7372 100644
--- a/main/_includes/support.html
+++ b/main/_includes/support.html
@@ -8,12 +8,8 @@
         {% for item in site.data.support %}
         <div class="card bg-light support-entry rounded-0">
             <div class="card-body">
-                <h4 class="card-title">{{ item.name }}</h4>
+                <h4 class="card-title"><a class="title-button" href="{{ item.link }}">{{ item.name }}</a></h4>
                 <p class="card-text">{{ item.text }}</p>
-
-                {%- for link in item.links -%}
-                <a href="{{ link.link }}" class="card-link btn rounded-0 btn-outline-dark">{{ link.name }}</a>
-                {%- endfor -%}
             </div>
         </div>
         {% endfor %}
diff --git a/main/style/dark.css b/main/style/dark.css
index cbff553..e4fddcb 100644
--- a/main/style/dark.css
+++ b/main/style/dark.css
@@ -23,12 +23,12 @@ body {
     background-color: #343a40;
 }
 
-.blog-button:link,
-.blog-button:visited {
+.title-button:link,
+.title-button:visited {
     color: white !important;
 }
 
-.blog-button:hover,
-.blog-button:active {
+.title-button:hover,
+.title-button:active {
     color: rgb(182, 182, 182) !important;
-}
\ No newline at end of file
+}
diff --git a/main/style/style.css b/main/style/style.css
index 9aaa4be..1fa2cdc 100644
--- a/main/style/style.css
+++ b/main/style/style.css
@@ -114,14 +114,14 @@ sup {
     display: none;
 }
 
-.blog-button:link,
-.blog-button:visited {
+.title-button:link,
+.title-button:visited {
     color: black;
     text-decoration: none;
 }
 
-.blog-button:hover,
-.blog-button:active {
+.title-button:hover,
+.title-button:active {
     color: rgb(73, 73, 73);
     text-decoration: none;
 }