Add fortyfour

docs/_includes/fortyfour.html

@@ -0,0 +1,9 @@
+<a class="bd-banner is-fortyfour" href="https://jgthms.com/css-in-44-minutes-ebook" target="_blank">
+  <div class="bd-banner-background"></div>
+  <p class="bd-banner-text">
+    <strong class="tag is-danger">New!</strong> My 44-page ebook "<strong>CSS in 44 minutes</strong>" is out! <span class="bd-emoji-bis">😃</span>
+  </p>
+  <span class="button is-success is-rounded">
+    <strong>Get it now →</strong>
+  </span>
+</a>

docs/_includes/navbar.html

@@ -173,6 +173,19 @@
       </a>
       <div class="navbar-item">
         <div class="field is-grouped">
+          <p class="control">
+            <a href="https://www.patreon.com/jgthms" target="_blank" style="display: block;">
+              <img
+                style="display: block; max-height: 36px;"
+                src="/images/become_a_patron_button.png"
+                width="153"
+                height="36"
+                srcset="/images/become_a_patron_button@3x.png 3x,
+                        /images/become_a_patron_button@2x.png 2x,
+                        /images/become_a_patron_button.png 1x"
+                alt="Become a patron">
+            </a>
+          </p>
           <p class="control">
             {% include elements/tw-button.html label="Tweet" %}
           </p>
@@ -192,4 +205,4 @@
   </div>
 </nav>
 
-{% include patreon.html %}
+{% include fortyfour.html %}

docs/_includes/patreon.html

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