diff --git a/docs/_data/love.json b/docs/_data/love.json
index c6033044..9350990d 100644
--- a/docs/_data/love.json
+++ b/docs/_data/love.json
@@ -1,5 +1,5 @@
 {
-  "tweetsById": {
+  "tweets_by_id": {
     "779966186121560064": {
       "id": "779966186121560064",
       "date": "9:50 AM - 25 Sep 2016",
diff --git a/docs/_includes/book/book-banner.html b/docs/_includes/book/book-banner.html
index 1cd99b95..e593b8ce 100644
--- a/docs/_includes/book/book-banner.html
+++ b/docs/_includes/book/book-banner.html
@@ -1,5 +1,5 @@
 <section id="bulma-book" class="bd-book-banner hero is-medium">
-  <div class="bd-book-pattern"></div>
+  <!-- <div class="bd-book-pattern"></div> -->
   <div class="hero-body">
     <div class="container">
       <div class="bd-book-columns">
diff --git a/docs/_includes/content/pro.html b/docs/_includes/content/pro.html
index 91623ffd..8477fad8 100644
--- a/docs/_includes/content/pro.html
+++ b/docs/_includes/content/pro.html
@@ -12,7 +12,7 @@
       {{ include.content | markdownify }}
 
       {% if include.title == 'No JavaScript' %}
-        {% assign tweet = site.data.love.tweetsById.860885116909998080 %}
+        {% assign tweet = site.data.love.tweets_by_id.860885116909998080 %}
         {% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
       {% endif %}
     </div>
diff --git a/docs/_includes/elements/tws.html b/docs/_includes/elements/tws.html
index 8f3ab9ab..009edf03 100644
--- a/docs/_includes/elements/tws.html
+++ b/docs/_includes/elements/tws.html
@@ -1,21 +1,21 @@
 <div class="container">
   <div class="columns">
     <div class="column is-4">
-      {% assign tweet = site.data.love.tweetsById.910956939886043136 %}{% include elements/tw.html tweet=tweet%}
-      {% assign tweet = site.data.love.tweetsById.912690697416753152 %}{% include elements/tw.html tweet=tweet%}
-      {% assign tweet = site.data.love.tweetsById.834140257054502913 %}{% include elements/tw.html tweet=tweet%}
+      {% assign tweet = site.data.love.tweets_by_id.910956939886043136 %}{% include elements/tw.html tweet=tweet%}
+      {% assign tweet = site.data.love.tweets_by_id.912690697416753152 %}{% include elements/tw.html tweet=tweet%}
+      {% assign tweet = site.data.love.tweets_by_id.834140257054502913 %}{% include elements/tw.html tweet=tweet%}
     </div>
 
     <div class="column is-4">
-      {% assign tweet = site.data.love.tweetsById.869284735440363520 %}{% include elements/tw.html tweet=tweet%}
-      {% assign tweet = site.data.love.tweetsById.835834634655174658 %}{% include elements/tw.html tweet=tweet%}
-      {% assign tweet = site.data.love.tweetsById.874925154475929602 %}{% include elements/tw.html tweet=tweet%}
+      {% assign tweet = site.data.love.tweets_by_id.869284735440363520 %}{% include elements/tw.html tweet=tweet%}
+      {% assign tweet = site.data.love.tweets_by_id.835834634655174658 %}{% include elements/tw.html tweet=tweet%}
+      {% assign tweet = site.data.love.tweets_by_id.874925154475929602 %}{% include elements/tw.html tweet=tweet%}
     </div>
 
     <div class="column is-4">
-      {% assign tweet = site.data.love.tweetsById.915580081938018304 %}{% include elements/tw.html tweet=tweet%}
-      {% assign tweet = site.data.love.tweetsById.903629781744439297 %}{% include elements/tw.html tweet=tweet%}
-      {% assign tweet = site.data.love.tweetsById.909653512010833920 %}{% include elements/tw.html tweet=tweet%}
+      {% assign tweet = site.data.love.tweets_by_id.915580081938018304 %}{% include elements/tw.html tweet=tweet%}
+      {% assign tweet = site.data.love.tweets_by_id.903629781744439297 %}{% include elements/tw.html tweet=tweet%}
+      {% assign tweet = site.data.love.tweets_by_id.909653512010833920 %}{% include elements/tw.html tweet=tweet%}
     </div>
   </div>
 
diff --git a/docs/_includes/global/newsletter.html b/docs/_includes/global/newsletter.html
index 1eb55756..dc58609a 100644
--- a/docs/_includes/global/newsletter.html
+++ b/docs/_includes/global/newsletter.html
@@ -10,7 +10,7 @@
         <form action="https://mail.jgthms.com/subscribe" method="POST" accept-charset="utf-8">
             <div class="field is-grouped">
               <div class="control has-icons-left is-expanded">
-                <input type="email" value="" name="email" class="input is-flat required email" placeholder="email address" required>
+                <input type="email" value="" name="email" class="input is-medium is-flat" placeholder="email address" required>
                 <span class="icon is-small is-left">
                   <i class="fas fa-envelope"></i>
                 </span>
@@ -20,7 +20,7 @@
                   <input type="text" name="hp" id="hp">
                 </div>
                 <input type="hidden" name="list" value="So5UY3O9gHJkq892bn763Tyf4A">
-                <button class="button is-link">
+                <button class="button is-medium is-link">
                   <strong>Subscribe</strong>
                 </button>
               </div>
diff --git a/docs/_includes/index/js.html b/docs/_includes/index/js.html
index e123711e..543c4e1e 100644
--- a/docs/_includes/index/js.html
+++ b/docs/_includes/index/js.html
@@ -19,7 +19,7 @@
 
       <div class="column">
         <div class="bd-index-js-tweet">
-          {% assign tweet = site.data.love.tweetsById.860885116909998080 %}
+          {% assign tweet = site.data.love.tweets_by_id.860885116909998080 %}
           {% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
         </div>
       </div>
diff --git a/docs/_includes/index/modifiers.html b/docs/_includes/index/modifiers.html
index f679faff..f0325402 100644
--- a/docs/_includes/index/modifiers.html
+++ b/docs/_includes/index/modifiers.html
@@ -15,7 +15,7 @@
           </h4>
         </header>
 
-        {% assign tweet = site.data.love.tweetsById.868829487072464897 %}
+        {% assign tweet = site.data.love.tweets_by_id.868829487072464897 %}
         {% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
       </div>
 
diff --git a/docs/_sass/book.sass b/docs/_sass/book.sass
index 3284e09d..535c29c6 100644
--- a/docs/_sass/book.sass
+++ b/docs/_sass/book.sass
@@ -13,7 +13,7 @@ $book-beige: #FFEDD7
     transform: scale(1)
 
 .bd-book-banner
-  background-color: $white
+  background-color: $primary
   position: relative
 
 .bd-book-pattern,
@@ -44,8 +44,7 @@ $book-beige: #FFEDD7
     display: block
 
 .bd-book-content
-  background-color: $white
-  box-shadow: 0 40px 40px -20px rgba($black, 0.1)
+  @extend %bd-box
   max-width: 520px
   padding: 3rem
 
diff --git a/docs/_sass/footer.sass b/docs/_sass/footer.sass
index 470131ea..04193cdf 100644
--- a/docs/_sass/footer.sass
+++ b/docs/_sass/footer.sass
@@ -29,10 +29,7 @@
   margin-top: 1.5rem
 
 %bd-footer-box
-  background-color: $white
-  border-radius: $radius-large
-  box-shadow: 0 1.5rem 1.5rem -1.25rem rgba($black, 0.1)
-  display: block
+  @extend %bd-box
   text-align: center
   .bd-footer-title
     font-size: 1.5rem
diff --git a/docs/bulma-docs.sass b/docs/bulma-docs.sass
index f6484812..2225d297 100644
--- a/docs/bulma-docs.sass
+++ b/docs/bulma-docs.sass
@@ -25,11 +25,19 @@ $intro-width: 1080px
 
 $navbar-item-img-max-height: none
 
+@import "../bulma"
+
 %center
   align-items: center
   display: flex
   justify-content: center
 
+%bd-box
+  background-color: $white
+  border-radius: $radius-large
+  box-shadow: 0 1.5rem 1.5rem -1.25rem rgba($black, 0.1)
+  display: block
+
 =selection($current-selector: false)
   @if $current-selector
     &::-moz-selection
@@ -42,7 +50,6 @@ $navbar-item-img-max-height: none
     \::selection
       @content
 
-@import "../bulma"
 @import "./_sass/main"
 @import "./_sass/highlight"
 @import "./_sass/override"
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 663a57f8..4bb7ddf9 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -1,10 +1,4 @@
 @charset "UTF-8";
-.bd-columns-tool, .bd-footer-donation-action, .bd-footer-star-figure {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-}
-
 /*! bulma.io v0.6.2 | MIT License | github.com/jgthms/bulma */
 @keyframes spinAround {
   from {
@@ -9496,6 +9490,19 @@ label.panel-block:hover {
   padding: 3rem 1.5rem 6rem;
 }
 
+.bd-columns-tool, .bd-footer-donation-action, .bd-footer-star-figure {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.bd-footer-support, .bd-footer-star, .bd-book-content {
+  background-color: white;
+  border-radius: 6px;
+  box-shadow: 0 1.5rem 1.5rem -1.25rem rgba(10, 10, 10, 0.1);
+  display: block;
+}
+
 .bd-main {
   overflow: hidden;
   position: relative;
@@ -10711,10 +10718,6 @@ svg {
 }
 
 .bd-footer-support, .bd-footer-star {
-  background-color: white;
-  border-radius: 6px;
-  box-shadow: 0 1.5rem 1.5rem -1.25rem rgba(10, 10, 10, 0.1);
-  display: block;
   text-align: center;
 }
 
@@ -12537,7 +12540,7 @@ svg {
 }
 
 .bd-book-banner {
-  background-color: white;
+  background-color: #00d1b2;
   position: relative;
 }
 
@@ -12575,8 +12578,6 @@ svg {
 }
 
 .bd-book-content {
-  background-color: white;
-  box-shadow: 0 40px 40px -20px rgba(10, 10, 10, 0.1);
   max-width: 520px;
   padding: 3rem;
 }
diff --git a/docs/love.html b/docs/love.html
index cf25905f..257e81e5 100644
--- a/docs/love.html
+++ b/docs/love.html
@@ -50,8 +50,9 @@ tweets:
           </div>
 
           <div class="bd-tws-love">
-            {% for tweetId in site.data.love.tweets reversed %}
-              {% assign tweet = site.data.love.tweetsById[tweetId] %}
+            {% for tweet_pair in site.data.love.tweets_by_id reversed %}
+              {% assign tweet_id = tweet_pair[0] %}
+              {% assign tweet = site.data.love.tweets_by_id[tweet_id] %}
               {% include elements/tw.html tweet=tweet %}
             {% endfor %}
           </div>