{% block main %}
<h1 class="header">Annotations</h1>

<script type="application/json" class="js-hypothesis-config">
  {
    "openSidebar": true,
    "branding": {"appBackgroundColor": "yellow"},
    "theme": "clean",
    "enableExperimentalNewNoteButton": true

  }
</script>
<script async src="http://localhost:5000/embed.js"></script>




<!-- <iframe src="https://jonudell.info/h/facet/" style="width:100%;height:100px;"></iframe> -->

<!-- <iframe src="localhost:8080/app/uploads/viewer/web/viewer.html?file=%2Fhypothesis-client.pdf"></iframe> -->

<!-- <embed src="uploads/hypothesis-client.pdf" width="50%" ></embed><br> -->
<!-- <embed src="uploads/theresa.pdf" width="50%" ></embed> -->

{% for row in annot.rows %}
row: {{row.updated}}<br>
{% endfor %}

dump:
<pre>
{{dump}}
</pre>
<!-- <script src="https://gist.github.com/mjlavin80/186a6395c5819dbe25a8a0e001d5acfd.js"></script> -->


  <!-- <filename> -->

<!-- <embed type="PdfFileReader" src="http://localhost:8000/uploads/viewer.html?file=<filename>" width="300" height="300"> -->

{% endblock %}



<!-- <script type="application/json" class="js-hypothesis-config">
  {
    "showHighlights": "always",
    "theme": "classic",
    "branding": {"appBackgroundColor": "red"},
    "onLayoutChange": {"width": 70},
    "sidebarAppUrl": "https://hypothes.is/app.html"


  }
</script>
<script async src="https://hypothes.is/embed.js"></script> -->

<!-- style="width:100%; height:500px;" -->

<!-- iframe {
    #controlsContainer{ display:none; };
    #title { display:none; };
    width:100%;
    height:500px;
  } -->