You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
2.4 KiB
HTML
69 lines
2.4 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% block main %}
|
|
<h1 class="header">Annotations of XPPL</h1>
|
|
<nav><a href="{{ url_for('annotations_pdf') }}">Get as PDF</a></nav><nav><a href="/search_annot">search</a></nav><br><br><br><br><br><br><br><br>
|
|
|
|
|
|
|
|
{% for row in annot.rows %}
|
|
{% if 'selector' in row.target[0] %}
|
|
|
|
{%for book in books%}
|
|
{%if book.file == row.uri%}
|
|
<a href="books/{{book.id}}"><p align="right" style="font-family:archivo narrow;font-size:12px;">{{book.title}}</p></a><br>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
|
|
|
|
{% if row.target[0].selector|length > 2%}
|
|
<p style="font-family:archivo narrow;font-size:8px;">Extracts:</p>
|
|
<div style="font-family:archivo narrow;font-size:18px;"><i>"{{row.target[0].selector[2].exact}}"</i></div><br>
|
|
<p style="font-family:archivo narrow;font-size:8px;color:#ff3300;">Annotations:</p>
|
|
{%if 'https://www.youtube.com' in row.text %}
|
|
<!-- <embed src="{{row.text}}" width="50%"></embed> -->
|
|
<a style="font-family:archivo narrow;font-size:18px;color:#ff3300;" href="{{row.text}}">{{row.text}}</a><br>
|
|
{%elif '.jpg' in row.text%}
|
|
<img src="{{row.text}}" alt="{{row.document.title}}" width="400">
|
|
{%elif '.mp3' in row.text %}
|
|
<!-- <embed src="{{row.text}}" width="50%"></embed> -->
|
|
<a style="font-family:archivo narrow;font-size:18px;color:#ff3300;" href="{{row.text}}">{{row.text}}</a><br>
|
|
{%else%}
|
|
<div style="font-family:archivo narrow;font-size:18px;color:#ff3300;">{{row.text}}</div><br>
|
|
{% endif %}
|
|
<hr>
|
|
|
|
{%else%}
|
|
<div style="font-family:archivo narrow;font-size:18px;">
|
|
<i>"{{row.target[0].selector[1].exact}}"</i></div><br>
|
|
|
|
{%if 'https://www.youtube.com'in row.text %}
|
|
<!-- <embed src="{{row.text}}" width="50%"></embed> -->
|
|
<a style="font-family:archivo narrow;font-size:18px;color:#ff3300;" href="{{row.text}}">{{row.text}}</a><br>
|
|
{%elif '.jpg' in row.text%}
|
|
<img src="{{row.text}}" alt="{{row.document.title}}" width="400">
|
|
{%else%}
|
|
<div style="font-family:archivo narrow;font-size:18px;color:#ff3300;">{{row.text}}</div><br>
|
|
{% endif %}
|
|
<hr>
|
|
{% endif %}
|
|
{%else%}
|
|
<p style="font-family:archivo narrow;font-size:18px;color:#ff3300;">{{row.text}}</p><br>
|
|
<hr><br>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
<!-- dump of the API json annotations -->
|
|
<!-- dump:
|
|
<pre>
|
|
{{dump}}
|
|
</pre> -->
|
|
|
|
|
|
|
|
{% endblock %}
|
|
|
|
|
|
|