Update examples

_showcase/default/badge1.md

@@ -1,7 +1,8 @@
 ---
 show: true
 width: 1
-date: 2017-01-12 00:01:00 +0800
+date: 2017-01-13 00:01:00 +0800
+class: ""  # Override the default card style
 ---
 <div>
 <img src="{{ 'assets/images/badges/PKU_red.png' | relative_url }}" class="img-fluid rounded" >

_showcase/default/badge2.md

@@ -2,6 +2,7 @@
 show: true
 width: 1
 date: 2017-01-12 00:01:00 +0800
+class: ""  # Override the default card style
 ---
 <div>
 <img src="{{ 'assets/images/badges/MIT_Social_circle.png' | relative_url }}" class="img-fluid rounded" >

_showcase/default/badge3.md

@@ -0,0 +1,9 @@
+---
+show: true
+width: 1
+date: 2017-01-11 00:01:00 +0800
+class: ""  # Override the default card style
+---
+<div>
+<img src="{{ 'assets/images/etc/tim_the_beaver.png' | relative_url }}" class="img-fluid rounded" >
+</div>

showcase.html

@@ -12,7 +12,7 @@ <h1>{{ group.name }}</h1>
     <div class="grid-sizer col-1"></div>
     {% for item in group.items %}
     <div class="p-2 grid-item col-md-{{ item.width }} col-sm-{{ item.width | times: 2 | at_most: 12 }} col-{{ item.width | times: 3 | at_most: 12 }}">
-        <div class="card border-0 shadow-sm bg-white">
+        <div class="{% if item.class != null %}{{ item.class }}{% else %}card border-0 shadow-sm bg-white{% endif %}">
             {{ item.content }}
         </div>
     </div>