Add drawings

docs/_includes/elements/drawing.html

@@ -0,0 +1,6 @@
+<img
+  class="bd-drawing bd-is-{{ include.id }}"
+  src="{{ site.url }}/images/drawing/{{ include.id }}.png"
+  width="{{ include.width }}"
+  height="{{ include.height }}"
+>

docs/_includes/elements/tw.html

@@ -1,6 +1,6 @@
 {% assign twUrl = "https://twitter.com/" | append: include.tweet.username | append: "/status/" | append: include.tweet.id %}
 
-<article class="bd-tw {{ include.modifier }}">
+<article class="bd-tw {{ include.modifier }} {% if include.drawing_id %}bd-has-drawing{% endif %}">
   <header class="bd-tw-header">
     <a class="bd-tw-author" href="{{ twUrl }}" target="_blank">
       <figure class="bd-tw-avatar">
@@ -54,4 +54,12 @@
       </a>
     </li>
   </ul>
+
+  {% if include.drawing_id %}
+    {% include elements/drawing.html
+      id=include.drawing_id
+      width=include.drawing_width
+      height=include.drawing_height
+    %}
+  {% endif %}
 </article>

docs/_includes/elements/tws.html

@@ -13,7 +13,14 @@
     </div>
 
     <div class="column is-4">
-      {% assign tweet = site.data.love.tweets_by_id.915580081938018304 %}{% include elements/tw.html tweet=tweet%}
+      {% assign tweet = site.data.love.tweets_by_id.915580081938018304 %}
+      {% include
+        elements/tw.html
+        tweet=tweet
+        drawing_id='love-letters'
+        drawing_width=240
+        drawing_height=120
+      %}
       {% 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>