28 lines
1010 B
Plaintext
28 lines
1010 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" list="map-names" autofocus>
|
|
<button class="btn primary outline" type="submit">Guess!</button>
|
|
<datalist id="map-names">
|
|
{% for map_name in all_map_names %}
|
|
<option value="{{ map_name }}"></option>
|
|
{% endfor %}
|
|
</datalist>
|
|
</form>
|
|
{% if guess %}
|
|
<a href="/start-game" class="btn primary raised" id="new-game">New location!</a>
|
|
{% endif %}
|
|
{% endblock main %} |