2a9882c0aa
new file: Dockerfile new file: __pycache__/app.cpython-310.pyc new file: app.py new file: requirements.txt new file: static/css/style.css new file: templates/base.html new file: templates/index.html new file: templates/weather.html
49 lines
1.7 KiB
HTML
49 lines
1.7 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}DWD Wetter{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="home-wrap">
|
|
<div class="home-bg-text" aria-hidden="true">WETTER</div>
|
|
|
|
<div class="home-center">
|
|
<p class="home-eyebrow">Deutscher Wetterdienst · Open Data</p>
|
|
<h1 class="home-title">Wo willst du<br>das Wetter wissen?</h1>
|
|
|
|
<form class="home-form" action="/wetter" method="get" autocomplete="off">
|
|
<div class="home-input-wrap">
|
|
<svg class="home-search-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/>
|
|
</svg>
|
|
<input type="text" name="ort" id="home-ort" placeholder="Stadt, Gemeinde oder PLZ …" required autofocus/>
|
|
<ul class="ac-list" id="home-ac"></ul>
|
|
</div>
|
|
<button type="submit" class="home-btn">
|
|
Abrufen
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
|
</button>
|
|
</form>
|
|
|
|
{% if error %}<p class="home-error">{{ error }}</p>{% endif %}
|
|
|
|
<div class="home-chips">
|
|
{% for city in ["Berlin","Hamburg","München","Köln","Frankfurt","Dresden","Düsseldorf","Stuttgart"] %}
|
|
<a href="/wetter?ort={{ city }}" class="chip">{{ city }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="home-deco" aria-hidden="true">
|
|
<div class="deco-sun"></div>
|
|
<div class="deco-cloud c1"></div>
|
|
<div class="deco-cloud c2"></div>
|
|
<div class="deco-rain">
|
|
{% for i in range(18) %}<span></span>{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
<script>setupAC(document.getElementById("home-ort"), document.getElementById("home-ac"));</script>
|
|
{% endblock %}
|