contentmatcher/templates/deck/index.html

{% extends 'base.html' %}

{% block header %}
  <h1>{% block title %}DECK{% endblock %}</h1>
{% endblock %}
  
{% block content %}
  <p>BODY</p>

  <article class="post">
    <div>
        <header>
        <h1>{{ card['title'] }}</h1>
        </header>

        <!--iframe src={{ card['item_location'] }} width="auto" height="auto"> </iframe-->   
        
        <div id="pdf-doc"></div>

        <form method="post">
          <button input type="submit" name="rate" data-cardtitle=card[title] value="Yes">Yes</button>
          <button input type="submit" name="rate" value="Maybe">Maybe</button>
          <button input type="submit" name="rate" value="No">No</button>
        </form>
      </div>
  </article>

  <script type="text/javascript" src="{{ url_for('static', filename='js/pdfobject.min.js') }}"></script>
  <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function (){
      PDFObject.embed("{{ card['item_location'] }}", "#pdf-doc");
    });
  </script>
{% endblock %}