Donations, AToA

_includes/donate.html

@@ -0,0 +1,10 @@
+<div class="donate-box">
+    <h4>Help support my writing!</h4>
+    <div class="donate">
+        <script src="https://liberapay.com/makyo/widgets/button.js"></script>
+<noscript><a href="https://liberapay.com/makyo/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a></noscript>
+    </div>
+    <div class="donate">
+        <script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Buy Me a Coffee', '#808080', 'A6633Y29');kofiwidget2.draw();</script>
+    </div>
+</div>

_layouts/post.html

@@ -36,6 +36,7 @@ layout: default
             <a href="https://facebook.com/sharer.php?u={{ site.url }}{{ page.url }}" title="Share on Facebook" rel="nofollow" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
             <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" title="Share on Google+" rel="nofollow" target="_blank"><i class="fa fa-google" aria-hidden="true"></i></a>
           </div><!-- End Share -->
+          {% include donate.html %}
         </div>
       </div>
     </div> <!-- End Wrapper -->

_pages/about.html

@@ -14,16 +14,8 @@ permalink: /about/
         <section class="about-body">
             <p>If you're interested in supporting my writing work (and development work, if that's your bag!), I will be eternally grateful! I have a few mechanisms for support:</p>
             <ul>
-                <li><a href="https://patreon.com/makyo"><strong>Patreon</strong></a> — I have this set up as a per-creation support, rather than a monthly. That might change, but for now, it’s super useful for me and really easy on patrons. We all have dry-spells, after all, and I’m no exception. I have a few support levels:
-                    <ul>
-                        <li>$1 — Behind the Scenes: get a patron-only perspective on my work with blog posts, polls, and early access.</li>
-                        <li>$5 — Draft Insider: all the above, plus access to early drafts.</li>
-                        <li>$10 — All Access: all the above, plus access to crazy things like notes, sketches, images, etc.</li>
-                        <li>$15 — Guide Me: all the above, plus a say in what I write. Suggest stories, give me characters, edit my stuff for me!</li>
-                    </ul>
-                </li>
-                <li><a href="https://gratipay.com/makyo/"><strong>Gratipay</strong></a> — Gratipay works more like a tip system, but it also allows users to pledge on a schedule. The benefit of this is that it’s super lightweight, and also works well with GitHub.</li>
-                <li><a href="https://ko-fi.com/drabmakyo"><strong>Ko-fi</strong></a> — Ko-fi is another tipping site, and is nicely integrated with PayPal. It’s also got a bit of a friendlier interface than Gratipay, one that folks are more used to.</li>
+                <li><a href="https://liberapay.com/makyo/"><strong>LiberaPay</strong></a> — LiberaPay is a recurrent donations platform that allows supporting me and my writing on a monthly basis.</li>
+                <li><a href="https://ko-fi.com/drabmakyo"><strong>Ko-fi</strong></a> — Ko-fi is a tipping site, and is nicely integrated with PayPal.</li>
             </ul>
             <hr />
             <ul class="contact-list">

assets/css/main.scss

@@ -174,7 +174,6 @@ pre {
 /* = = = = = = = = = = Pagination Styles = = = = = = = = = = */
 @import "parts/pagination";
 
-
 /* = = = = = = = = = = Footer Styles = = = = = = = = = = */
 @import "parts/footer";
 
@@ -184,6 +183,9 @@ pre {
 /* = = = = = = = = = = Author Box Styles = = = = = = = = = = */
 @import "parts/author-box";
 
+/* = = = = = = = = = = Donate Box Styles = = = = = = = = = = */
+@import "parts/donate";
+
 /* = = = = = = = = = = About Page Styles = = = = = = = = = = */
 @import "parts/about";
 
@@ -191,7 +193,7 @@ pre {
 @import "parts/tags";
 
 /* = = = = = = = = = = Animate Styles = = = = = = = = = = */
-@import "parts/animate";
+//@import "parts/animate";
 
 /* = = = = = = = = = = Media = = = = = = = = = = */
 @import "media"

assets/css/sass/parts/_donate.scss

@@ -0,0 +1,11 @@
+.donate-box {
+    width: 100%;
+    text-align: center;
+    .donate {
+        display: inline-block;
+    }
+    h4 {
+        text-transform: uppercase;
+        font-size: 12px;
+    }
+}