Update to match new design

content/design-work.md

@@ -4,6 +4,7 @@ Author: Sporiff
 Category: Announcement
 Slug: design-work
 Summary: We've had a good hard look in the mirror and decided to change our look.
+Donation: True
 
 As we mentioned in our [previous post]({filename}2022-january-update.md), we've been thinking about our image a lot lately. At the moment, it's difficult for us to put new designs in place. It's even harder for us to keep everything consistent. This has led to lots of differences between our website, blog, and apps.
 

pelicanconf.py

@@ -52,8 +52,8 @@ MARKDOWN = {
 }
 
 DONATION_MESSAGES = [
-    'Like what we\'re doing? Consider donating to help us out 🙏',
-    'Help us keep the lights on around here by donating to the project 💡',
-    'Funkwhale is free software, but developing it still requires money. Consider donating to help us keep going 💪',
-    '❤️ Funkwhale? Why not help us out by donating what you can?'
+    'Consider donating to help us out 🙏',
+    'Help us keep the lights on around here 💡',
+    'Consider donating to help us keep going 💪',
+    '❤️ Funkwhale? Why not donate?'
 ]

theme/funkwhale/static/css/style.css

@@ -306,3 +306,7 @@ img {
 .admonition a {
   margin-right: -12px;
 }
+
+hr {
+  background-color: #eee9e9;
+}

theme/funkwhale/templates/article.html

@@ -15,10 +15,6 @@
                                                   title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h1>
             <div class="entry-content blog-post">
                 {{ article.content }}
-                {% if article.donation %}
-                <br>
-                {{ donations }}
-                {% endif %}
             </div>
             <div class="post_list">
                 <span>By </span>
@@ -36,6 +32,10 @@
                     dd{% endif %}
 
             </div>
+            {% if article.donation %}
+            <br>
+            {{ donations }}
+            {% endif %}
         </article>
     </section>
 {% endblock %}

theme/funkwhale/templates/donations.html

 {% block content %}
-<div class="admonition">
-   <p class="admonition-title">Want to help?</p>
-   <p>{{ DONATION_MESSAGES|random }} </p>
-   <a class="button is-primary" href="https://funkwhale.audio/en_US/support-us">Support us!</a>
+<hr>
+<div class="blog-post " style="text-align: center;">
+   <p style="color: #333;">{{ DONATION_MESSAGES|random }} <a class="button is-primary" style="width: fit-content; vertical-align: middle; margin-left: 5px;" href="https://funkwhale.audio/en_US/support-us">Support Funkwhale</a></p>
 </div>
+<hr>
 {% endblock %}
\ No newline at end of file