|
12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- {% extends "base.html" %}
-
- {% block body %}
- <body id="random-img-page">
- {% endblock %}
-
- {% block content %}
-
- <div class="action">
- <button onClick="refresh(this)" type="button" value="Refresh" title="new iteration">↻</button>
- <span class="info" style="display: none;">
- <span class="operations">↝ new display of random images from dataset;</span>
- </span>
- <button onclick="" title="add one">+</button>
- <span class="info" style="display: none;">
- <span class="operations">↝ add a random image from dataset;</span>
- </span>
- <button onclick="removeRandomImage()" title="remove one">-</button>
- <span class="info" style="display: none;">
- <span class="operations">↝ remove a random image from page;</span>
- </span>
- <button id="notes-operations" onclick="hideShowInfo()">?</button>
- <a href="{{ url_for('main.index') }}" class="arrow-back h1 text-left contrast" style="color: var(--color-lightyellow) !important;" title="back to index"> ⇽ </a>
- </div>
-
-
- <div class="row">
- <div class="col m-5">
- <p class="h1 text-center contrast">a Scattering of Images</p>
- </div>
- </div>
-
- <div class="container-fluid compare">
-
- {% for result in results %}
-
- <img class="img-fluid" src="data:image/jpg;base64,{{ result['image'] }}" alt="Drawing accompanying patent for {{ result['title'] }}" />
-
- {% endfor %}
-
- </div>
-
- {% endblock %}
|