Add t-shirt banner

sass/custom/_paulus.scss

@@ -18,7 +18,6 @@
 }
 
 .material-card {
-  // display: inline-block;
   background-color: #fefefe;
   border-radius: 2px;
   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
@@ -77,6 +76,33 @@
     }
   }
 
+  .shirt-promo {
+    display: block;
+    padding-top: 30%;
+    background-image: url(/images/merchandise/shirt-frontpage.png);
+    background-size: cover;
+    background-position: center;
+    text-decoration: none;
+
+    .caption {
+      padding: 16px 12px 12px;
+      background-color: rgba(0, 0, 0, .54);
+      color: white;
+      border-bottom-left-radius: 2px;
+      border-bottom-right-radius: 2px;
+
+      .title {
+        font-size: 20px;
+        font-weight: 400;
+      }
+
+      .subtitle {
+        font-size: 12px;
+        font-weight: initial;
+      }
+    }
+  }
+
   .supported-brands {
     text-align: center;
 

source/index.html

@@ -47,6 +47,17 @@ hide_github_edit: true
           </li>
         {% endfor %}
       </div>
+
+      <a class='material-card shirt-promo' href='/blog/2017/02/22/home-assistant-tshirts-have-arrived/'>
+        <div class='caption'>
+          <div class='title'>
+            Join the Home Assistant t-shirt revolution!
+          </div>
+          <div class='subtitle'>
+            All proceeds will be donated to the Electronic Frontier Foundation.
+          </div>
+        </div>
+      </a>
     </div>
   </div>