_layouts/card.html in just-the-cards-0.2.0 vs _layouts/card.html in just-the-cards-0.2.1

@@ -1,32 +1,50 @@
 ---
 layout: default
 show_title: false
 ---
+
+{% if page.image != nil %}
+<div class="container text-center">
+    <img src="{{ page.image }}" class="img-fluid" alt="Card image">
+</div>
+{% endif %}
+
 <h2>{{page.title}}</h2>
 
+{% if page.date != nil %}
+
 <small>
     <p>
         Added on {{ page.date | date: "%-d %B %Y" }}
     </p>
 </small>
 
+{% endif %}
+
 <p>{{page.content | markdownify }}</p>
 
 <div class="container">
+
+    {% if page.tablature != nil and page.tablature != "" %}
     <div class="row">
-        {% if page.pdf != nil %}
+        {% include alphatab.html source=page.tablature %}
+    </div>
+    {% endif %}
+
+    <div class="row">
+        {% if page.pdf != nil and page.pdf != ""%}
         <div class="col">
 
             <p>Check the PDF here</p>
             <div class="embed-responsive embed-responsive-16by9">
                 <iframe src="https://docs.google.com/gview?url={{page.pdf}}&embedded=true" frameborder="0"
                     allowfullscreen></iframe>
             </div>
         </div>
         {% endif %}
         <div class="col">
-            {% if page.video != nil %}
+            {% if page.video != nil and page.video != "" %}
             <p>Check the demo video here</p>
 
             {% if page.video contains "youtube" %}
             <div class="embed-responsive embed-responsive-16by9">
                 <iframe frameborder="0" src={{page.video}} allowfullscreen>
\ No newline at end of file