Fix book banner

docs/_data/love.json

@@ -1,5 +1,5 @@
 {
-  "tweetsById": {
+  "tweets_by_id": {
     "779966186121560064": {
       "id": "779966186121560064",
       "date": "9:50 AM - 25 Sep 2016",

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">

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>

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.tweets_by_id.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.tweets_by_id.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.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.tweets_by_id.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.tweets_by_id.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.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.tweets_by_id.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.tweets_by_id.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.909653512010833920 %}{% include elements/tw.html tweet=tweet%}
     </div>
   </div>
 

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>

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>

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>
 

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
+  @extend %bd-box
-  box-shadow: 0 40px 40px -20px rgba($black, 0.1)
   max-width: 520px
   padding: 3rem
 

docs/_sass/footer.sass

@@ -29,10 +29,7 @@
   margin-top: 1.5rem
 
 %bd-footer-box
-  background-color: $white
+  @extend %bd-box
-  border-radius: $radius-large
-  box-shadow: 0 1.5rem 1.5rem -1.25rem rgba($black, 0.1)
-  display: block
   text-align: center
   .bd-footer-title
     font-size: 1.5rem

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"

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;
 }

docs/love.html

@@ -50,8 +50,9 @@ tweets:
           </div>
 
           <div class="bd-tws-love">
-            {% for tweetId in site.data.love.tweets reversed %}
+            {% for tweet_pair in site.data.love.tweets_by_id reversed %}
-              {% assign tweet = site.data.love.tweetsById[tweetId] %}
+              {% assign tweet_id = tweet_pair[0] %}
+              {% assign tweet = site.data.love.tweets_by_id[tweet_id] %}
               {% include elements/tw.html tweet=tweet %}
             {% endfor %}
           </div>