Add drawings

docs/_includes/index/columns.html

@@ -97,13 +97,14 @@
 
     <div class="bd-columns-tools">
       <div class="bd-columns-tool bd-is-try">
-        <div class="buttons">
+        <div class="buttons bd-has-drawing">
           <a id="add" class="button is-large is-link is-unselectable">
             <strong>Add column</strong>
           </a>
           <a id="remove" class="button is-large is-light is-unselectable">
             <strong>Remove</strong>
           </a>
+          {% include elements/drawing.html id='try-it-out' width=150 height=65 %}
         </div>
       </div>
 

docs/_includes/index/customize.html

@@ -15,8 +15,9 @@
 
     <div class="columns">
       <div class="column is-6">
-        <div class="highlight-full">
+        <div class="highlight-full bd-has-drawing">
           {% highlight scss %}{% include snippets/customized.html %}{% endhighlight %}
+          {% include elements/drawing.html id='customize' width=152 height=76 %}
         </div>
       </div>
 

docs/_includes/index/js.html

@@ -20,7 +20,14 @@
       <div class="column">
         <div class="bd-index-js-tweet">
           {% assign tweet = site.data.love.tweets_by_id.860885116909998080 %}
-          {% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
+          {% include
+            elements/tw.html
+            tweet=tweet
+            modifier='bd-is-grey'
+            drawing_id='opinion-free'
+            drawing_width=152
+            drawing_height=52
+          %}
         </div>
       </div>
     </div>

docs/_includes/index/modifiers.html

@@ -16,7 +16,14 @@
         </header>
 
         {% assign tweet = site.data.love.tweets_by_id.868829487072464897 %}
-        {% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
+        {% include
+          elements/tw.html
+          tweet=tweet
+          modifier='bd-is-grey'
+          drawing_id='crazy'
+          drawing_width=108
+          drawing_height=48
+        %}
       </div>
 
       <div class="column">

docs/_includes/index/start.html

@@ -5,8 +5,9 @@
   <div class="container">
     <header class="bd-index-header">
       <h3 class="title is-3">
-        <a href="{{ docs_url }}">
+        <a class="bd-has-drawing" href="{{ docs_url }}">
           And so <strong>much more</strong>
+          {% include elements/drawing.html id='join-us' width=86 height=86 %}
         </a>
       </h3>
       <h4 class="subtitle is-4">