new file: .dockerignore

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

templates/index.html

@@ -0,0 +1,48 @@
+{% 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 %}