More index sections

docs/_includes/index/modifiers.html

@@ -1,17 +1,26 @@
-<section class="section is-medium">
+{% assign modifiers_link = site.data.links.by_id['modifiers-syntax'] %}
+
+<section class="bd-easy section is-medium">
   <div class="container">
     <div class="columns is-vcentered">
       <div class="column">
-        <h3 class="title is-2">
-          <span class="icon is-medium">
-            <i class="fas fa-cogs"></i>
-          </span>
-          <a href="{{ site.url }}/documentation/modifiers/syntax/" style="display: block;">
-            Compose your element with <strong>modifier</strong> classes
-          </a>
-        </h3>
-        <h4 class="subtitle is-4">Add and combine <code>is-*</code> CSS classes to quickly alter styles</h4>
+        <header class="bd-index-header bd-is-left">
+          <h3 class="title is-3">
+            <a href="{{ site.url }}{{ modifiers_link.path }}">
+              So <strong>easy</strong> to learn
+            </a>
+          </h3>
+          <h4 class="subtitle is-4">
+            Get a design started within minutes
+          </h4>
+        </header>
+
+        <div class="bd-easy-tweet">
+          {% assign tweet = site.data.love.tweetsById.868829487072464897 %}
+          {% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
+        </div>
       </div>
+
       <div class="column">
         <div class="block">
           <div class="field">