Add Patreon bar

docs/_includes/footer.html

@@ -65,14 +65,18 @@
 
             <a href="https://twitter.com/share" class="twitter-share-button" data-text="{{ site.title }}" data-url="{{ site.url }}" data-count="horizontal" data-via="jgthms" data-related="jgthms:Creator of Bulma" data-size="large">Tweet</a>
 
+            <div class="fb-like" data-href="https://www.facebook.com/bulmaio" data-layout="button" data-action="like" data-size="large" data-show-faces="false" data-share="true"></div>
+
+            <a class="bd-patreon-button" href="https://www.patreon.com/jgthms" target="_blank">
+              <img src="/images/patreon.png" alt="Become a patron">
+            </a>
+
             <form class="paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
               <input type="hidden" name="cmd" value="_s-xclick">
               <input type="hidden" name="hosted_button_id" value="8WMKYSRFN6A78">
               <input type="image" src="{{site.url}}/images/paypal-donate.png" border="0" name="submit" alt="PayPal – The safer, easier way to pay online." height="30">
               <img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
             </form>
-
-            <div class="fb-like" data-href="https://www.facebook.com/bulmaio" data-layout="button" data-action="like" data-size="large" data-show-faces="false" data-share="true"></div>
           </div>
         </div>
       </div>

docs/_includes/navbar.html

@@ -183,3 +183,5 @@
 
   </div>
 </nav>
+
+{% include patreon.html %}

docs/_includes/patreon.html

@@ -0,0 +1,8 @@
+<div class="bd-patreon">
+  <p class="bd-patreon-text">
+    <strong>Support Bulma</strong> on Patreon
+  </p>
+  <a class="bd-patreon-button" href="https://www.patreon.com/jgthms" target="_blank">
+    <img src="/images/patreon.png" alt="Become a patron">
+  </a>
+</div>