{% extends 'base.html' %} {% block main %} <br><br><br> <form style="float:left;" action="/search_annot" method="GET"> <div style="float:left;" class="search"> <input type="text" name="query" value="{{name}}"> </div> <input style="background-color: grey; color:white; font-family: archivo narrow; font-size: 18px; border: none;padding: 8px 24px;" type="submit" value="browse annotations"></input> </form> <br><br><br> <!-- <a href="{{ url_for('mybook_pdf')}}" style="color:#ff3300;">Get as PDF</a> --> <a href="annotations" style="color:#ff3300;"> All annotations</a><br><br> <h1 class="header">Annotations/ Extracts with: <i>{{name}}</i></h1> {% for row in res %} {%for book in books%} {%if book.file == row.url|replace('http://localhost:8080/uploads/','')%} <p align="right" style="font-family:archivo narrow;font-size:10px;">Book</p> <a href="books/{{book.id}}"><p align="right" style="font-family:archivo narrow;font-size:18px;">{{book.title}}</p></a><br> {% endif %} {% endfor %} <p style="font-family:archivo narrow;font-size:10px;">Extract</p> <div style="font-family:archivo narrow;font-family:archivo narrow;font-size:18px;"> <i>"{{ row.extract }}"</i></div><br> <p style="font-family:archivo narrow;font-size:10px;color:#ff3300;">Annotation</p> {%if 'https://www.youtube.com'in row.text %} <a style="font-family:archivo narrow;font-size:18px;color:#ff3300;" href="{{row.text}}">{{row.text}}</a><br> <hr> {%elif '.jpg' in row.text%} <img src="{{row.text}}" alt="" width="400"> <hr> {%else%} <div style="font-family:archivo narrow;font-size:18px;color:#ff3300;">{{row.text}}</div><br> <hr> {% endif %} {% endfor %} {% endblock %}