62 lines
2.7 KiB
HTML
62 lines
2.7 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Wordle‑Cheater (DE)</title>
|
||
<style>
|
||
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 2rem; }
|
||
.container { max-width: 800px; margin: 0 auto; }
|
||
.grid { display: grid; grid-template-columns: repeat(5, 3rem); gap: .5rem; }
|
||
.grid input { text-align: center; font-size: 1.25rem; padding: .4rem; }
|
||
label { font-weight: 600; display: block; margin-top: 1rem; margin-bottom: .25rem; }
|
||
.results { margin-top: 1.5rem; }
|
||
.badge { display: inline-block; padding: .25rem .5rem; background: #f3f4f6; border-radius: .375rem; margin-right: .25rem; margin-bottom: .25rem; }
|
||
button { margin-top: 1rem; padding: .5rem 1rem; font-size: 1rem; }
|
||
summary { cursor: pointer; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>Wordle‑Cheater (Deutsch)</h1>
|
||
<p>Wortliste geladen: <strong>{{ words_count }}</strong> Wörter</p>
|
||
<form method="post">
|
||
<label for="pos1">Buchstaben mit korrekter Position</label>
|
||
<div class="grid">
|
||
<input id="pos1" name="pos1" maxlength="1" value="{{ pos[0] }}" />
|
||
<input id="pos2" name="pos2" maxlength="1" value="{{ pos[1] }}" />
|
||
<input id="pos3" name="pos3" maxlength="1" value="{{ pos[2] }}" />
|
||
<input id="pos4" name="pos4" maxlength="1" value="{{ pos[3] }}" />
|
||
<input id="pos5" name="pos5" maxlength="1" value="{{ pos[4] }}" />
|
||
</div>
|
||
|
||
<label for="includes">Weitere enthaltene Buchstaben (beliebige Reihenfolge)</label>
|
||
<input id="includes" name="includes" value="{{ includes }}" />
|
||
|
||
<label for="excludes">Ausgeschlossene Buchstaben</label>
|
||
<input id="excludes" name="excludes" value="{{ excludes }}" />
|
||
|
||
<button type="submit">Suchen</button>
|
||
</form>
|
||
|
||
{% if results is not none %}
|
||
<div class="results">
|
||
<h2>Vorschläge ({{ results|length }})</h2>
|
||
{% if results|length == 0 %}
|
||
<p>Keine Treffer. Bitte Bedingungen anpassen.</p>
|
||
{% else %}
|
||
<details open>
|
||
<summary>Liste anzeigen</summary>
|
||
<p>
|
||
{% for w in results %}
|
||
<span class="badge">{{ w }}</span>
|
||
{% endfor %}
|
||
</p>
|
||
</details>
|
||
{% endif %}
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
</body>
|
||
</html>
|