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

- old
+ new

@@ -29,40 +29,41 @@ <div class="row"> {% include alphatab.html source=page.tablature %} </div> {% endif %} - <div class="row"> - {% if page.pdf != nil and page.pdf != ""%} - <div class="col"> + <hr> - <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> + {% if page.pdf != nil and page.pdf != ""%} + <div class="row"> + <h3>Check the PDF here</h3> + <div class="embed-responsive embed-responsive-16by9"> + <object data="{{page.pdf}}" width="1000" height="1000" type='application/pdf'></object> </div> - {% endif %} - <div class="col"> - {% if page.video != nil and page.video != "" %} - <p>Check the demo video here</p> + </div> + {% endif %} + {% if page.video != nil and page.video != "" %} - {% if page.video contains "youtube" %} - <div class="embed-responsive embed-responsive-16by9"> - <iframe frameborder="0" src={{page.video}} allowfullscreen> - </iframe> - </div> + <hr> - {% else %} - <div class="embed-responsive embed-responsive-16by9"> - <iframe src="https://docs.google.com/gview?url={{page.video}}&embedded=true" frameborder="0" - allowfullscreen></iframe> - </div> + <div class="row"> + <h3>Check the Video demo here</h3> - {% endif %} + {% if page.video contains "youtube" %} + <div class="embed-responsive embed-responsive-16by9"> + <iframe frameborder="0" src={{page.video}} allowfullscreen> + </iframe> + </div> - {% endif %} + {% else %} + <div class="embed-responsive embed-responsive-16by9"> + <iframe src="https://docs.google.com/gview?url={{page.video}}&embedded=true" frameborder="0" + allowfullscreen></iframe> </div> + + {% endif %} + </div> + {% endif %} </div> {% include back_url.html %} \ No newline at end of file