20 lines
725 B
Plaintext
20 lines
725 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" autofocus>
|
|
<button class="btn primary outline" type="submit">Guess!</button>
|
|
</form>
|
|
{% endblock main %} |