Add fortyfour

docs/_includes/components/categories.html

@@ -29,3 +29,5 @@
     </div>
   {% endfor %}
 </nav>
+
+{% include global/fortyfour.html %}

docs/_includes/global/fortyfour.html

@@ -1,8 +1,23 @@
 <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 class="bd-banner-title">
+    New ebook!
   </p>
+
+  <p class="bd-banner-text">
+    My 44-page ebook "<strong>CSS in 44 minutes</strong>" is out! <span class="bd-emoji-bis">😃</span>
+  </p>
+
+  <figure class="bd-banner-image">
+    {%
+      include elements/responsive-image.html
+      path="css-book/css-in-44-minutes-book-cover"
+      extension="png"
+      alt="CSS in 44 minutes book cover"
+      width="126"
+      height="176"
+    %}
+  </figure>
+
   <span class="button is-success is-rounded">
     <strong>Get it now →</strong>
   </span>