|
@ -1,65 +1,126 @@ |
|
|
|
|
|
|
|
|
{% block main %} |
|
|
{% block main %} |
|
|
<h1 class="header">Annotations</h1> |
|
|
<h1 class="header">Annotations</h1> |
|
|
|
|
|
<!-- create pdf from the html annotations --> |
|
|
|
|
|
<!-- <link rel=stylesheet href="{{ url_for('static', filename='style.css') }}" /> --> |
|
|
|
|
|
<nav><a href="{{ url_for('annotations_pdf') }}">Get as PDF</a></nav><br><br> |
|
|
|
|
|
|
|
|
<script type="application/json" class="js-hypothesis-config"> |
|
|
|
|
|
{ |
|
|
|
|
|
"openSidebar": true, |
|
|
|
|
|
"branding": {"appBackgroundColor": "yellow"}, |
|
|
|
|
|
"theme": "clean", |
|
|
|
|
|
"enableExperimentalNewNoteButton": true |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
<!-- <iframe src="/static/viewer/web/viewer.html?file=%2Fuploads%2FParatexts__Thresholds_of_Interpretation_-_Gerard_Genette.pdf" style="width:718px; height:700px;" frameborder="0"></iframe> |
|
|
</script> |
|
|
|
|
|
<script async src="http://localhost:5000/embed.js"></script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <iframe src="https://jonudell.info/h/facet/" style="width:100%;height:100px;"></iframe> --> |
|
|
<!-- annotations and extracts from API --> |
|
|
|
|
|
|
|
|
<!-- <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 %} |
|
|
{% for row in annot.rows %} |
|
|
row: {{row.updated}}<br> |
|
|
{% if 'selector' in row.target[0] %} |
|
|
|
|
|
{% if row.target[0].selector|length > 2%} |
|
|
|
|
|
<a href="{{row.uri}}"><p align="right" style="font-family:archivo narrow;font-size:12;">{{row.document.title}}</p></a><br> |
|
|
|
|
|
|
|
|
|
|
|
<div style="font-family:archivo narrow;font-size:18;"> |
|
|
|
|
|
<i>"{{row.target[0].selector[2].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:18;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:18;color:#ff3300;">{{row.text}}</div><br> |
|
|
|
|
|
{% endif %} |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
|
|
|
{%else%} |
|
|
|
|
|
<a href="{{row.uri}}"><p align="right" style="font-family:archivo narrow;font-size:12;">{{row.document.title}}</p></a><br> |
|
|
|
|
|
|
|
|
|
|
|
<div style="font-family:archivo narrow;font-size:18;"> |
|
|
|
|
|
<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:18;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:18;color:#ff3300;">{{row.text}}</div><br> |
|
|
|
|
|
{% endif %} |
|
|
|
|
|
|
|
|
|
|
|
<hr> |
|
|
|
|
|
{% endif %} |
|
|
|
|
|
{%else%} |
|
|
|
|
|
<a href="{{row.uri}}"style="font-family:archivo narrow;font-size:12;">{{row.document.title}}</a><br> |
|
|
|
|
|
<p style="font-family:archivo narrow;font-size:18;color:#ff3300;">{{row.text}}</p><br> |
|
|
|
|
|
<hr><br> |
|
|
|
|
|
{% endif %} |
|
|
{% endfor %} |
|
|
{% endfor %} |
|
|
|
|
|
|
|
|
dump: |
|
|
<!-- dump of the API json annotations --> |
|
|
|
|
|
<!-- dump: |
|
|
<pre> |
|
|
<pre> |
|
|
{{dump}} |
|
|
{{dump}} |
|
|
</pre> |
|
|
</pre> |
|
|
<!-- <script src="https://gist.github.com/mjlavin80/186a6395c5819dbe25a8a0e001d5acfd.js"></script> --> |
|
|
--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <script type="application/json" class="js-hypothesis-config"> |
|
|
|
|
|
{ |
|
|
|
|
|
"openSidebar": true, |
|
|
|
|
|
"branding": {"appBackgroundColor": "yellow"}, |
|
|
|
|
|
"enableExperimentalNewNoteButton": true |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
</script> --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <script type="text/javascript"> |
|
|
|
|
|
window.hypothesisConfig = function () { |
|
|
|
|
|
return { |
|
|
|
|
|
openSidebar: true, |
|
|
|
|
|
showHighlights: true, |
|
|
|
|
|
usernameUrl: 'localhost:8080/annotations', |
|
|
|
|
|
branding: { |
|
|
|
|
|
appBackgroundColor: 'yellow', |
|
|
|
|
|
ctaBackgroundColor: 'rgba(227, 38, 54, 1)', |
|
|
|
|
|
ctaTextColor: '#eee', |
|
|
|
|
|
selectionFontFamily: 'archivo narrow', |
|
|
|
|
|
annotationFontFamily: 'archivo narrow', |
|
|
|
|
|
accentColor: 'red' |
|
|
|
|
|
}, |
|
|
|
|
|
services: { |
|
|
|
|
|
apiUrl: 'http://localhost:5000/api/', |
|
|
|
|
|
onProfileRequest: 'http://localhost:8080/', |
|
|
|
|
|
onHelpRequest: 'http://localhost:8080/', |
|
|
|
|
|
authority: 'http://localhost:5000/', |
|
|
|
|
|
grantToken: '6879-rwfbfodYqhBn2OK2ODnNGkzlWUa4bPCoJi2U8pgTYHg', |
|
|
|
|
|
icon: 'https://pzwiki.wdka.nl/mw-mediadesign/images/9/9c/Xppl-logo.svg' |
|
|
|
|
|
}, |
|
|
|
|
|
onLayoutChange: { |
|
|
|
|
|
width:200 |
|
|
|
|
|
}, |
|
|
|
|
|
// sidebarAppUrl: 'http://localhost:5000/app.html' |
|
|
|
|
|
}; |
|
|
|
|
|
}; |
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
<!-- <filename> --> |
|
|
<script async id="location" src="http://localhost:5000/embed.js"></script> --> |
|
|
|
|
|
|
|
|
<!-- <embed type="PdfFileReader" src="http://localhost:8000/uploads/viewer.html?file=<filename>" width="300" height="300"> --> |
|
|
<!-- <script async type="text/javascript" document.getElementById("location").src = window.location.hostname + ":5000/embed.js";></script> --> |
|
|
|
|
|
|
|
|
{% endblock %} |
|
|
<!-- <script async id="location" src= "//localhost:5000/embed.js"></script> --> |
|
|
|
|
|
<!-- <p id="location"></p> --> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <script > |
|
|
|
|
|
document.getElementById("#location").src = window.location.hostname + ":5000/embed.js"; |
|
|
|
|
|
</script> |
|
|
|
|
|
--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <script async src="http://localhost:5000/embed.js"></script> --> |
|
|
|
|
|
|
|
|
<!-- <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;" --> |
|
|
{% endblock %} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- iframe { |
|
|
|
|
|
#controlsContainer{ display:none; }; |
|
|
|
|
|
#title { display:none; }; |
|
|
|
|
|
width:100%; |
|
|
|
|
|
height:500px; |
|
|
|
|
|
} --> |
|
|
|
|
|