ddguesser/templates/location.html.tera

20 lines
715 B
Plaintext

{% extends "template/app" %}
{% block main %}
<header>
<h1>Which map is this image from?</h1>
</header>
{% if guess %}
<div class="woof">
<img src="/static/location-data/{{ location.id }}.png" class="map" loading="lazy">
<p class="guess">Your guess {{ guess.map }} is <span class="{{ guess.result }}">{{ guess.result }}</span>!</p>
</div>
{% else %}
<img src="/static/location-data/{{ location.id }}.png" class="map" loading="lazy">
{% endif %}
<form action="/location/{{ location.id }}" method="get">
<label for="guess">Enter map to guess for:</label>
<input type="text" name="guess" id="guess">
<button class="btn primary outline" type="submit">Guess!</button>
</form>
{% endblock main %}