forked from soxfox42/typit
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.htm
278 lines (257 loc) · 18.6 KB
/
index.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="cache-control" content="max-age=86400">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="description" content="Errate ein Wort in 6 Versuchen. Jeden Tag ein neues Rätsel. Mit Umlauten (äöü) und kostenlos.">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css?cacheid=2023-08-09">
<link rel="stylesheet" href="" id="colorblind-style">
<script src="main.js?cacheid=2024-06-02" type="module"></script>
<link rel="manifest" href="/manifest.json">
<meta property="og:url" content="https://wordle.ruinelli.ch">
<meta property="og:type" content="Wordle auf Deutsch mit Umlauten (äöü)">
<meta property="og:title" content="Wordle auf Deutsch mit Umlauten (äöü)">
<!-- <meta property="og:description" content="Errate ein Wort in 6 Versuchen. Jeden Tag ein neues Rätsel. Mit Umlauten (äöü) und kostenlos."> -->
<meta property="og:description" content="Errate ein deutsches Wort in 6 Versuchen">
<meta property="og:image" content="https://wordle.ruinelli.ch/logo_small.png">
<html prefix="og: https://ogp.me/ns#">
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="wordle.ruinelli.ch">
<link rel="manifest" href="manifest.json" />
<link href="logo-tiny.png" rel="icon shortcut" />
<link href="logo.png" rel="apple-touch-icon" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.0/chart.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<meta name="google-site-verification" content="Dcbf7f83KTs3jWQDAnYApXdS-WoUvXiRBvX1yy5IrSM" />
<meta name="google-site-verification" content="do6EF9xdaKqcNocyxmRtWJHNpj3Ht1tFuOOEktJGu4Q" />
<title>WORDLE auf Deutsch mit Umlauten (äöü)</title>
</head>
<body>
<header>
<button id="show-settings" class="minimal"><img src=gear.png width=40px height=40px></button>
<h1><b><span style="font-size: 120%; color: #6abe00;">W</span>OR<span style="color: #fbce31;">DL</span>E</b> auf Deutsch mit Umlauten (äöü)</h1>
<button id="show-info" class="minimal"><img src=info.png width=40px height=40px></button>
</header>
<div id="board"></div>
<div id="keyboard"></div>
<div id="end-container" class="container hide">
<span class="popup center">
<div id="dismiss-end" class="close-button">❎</div>
<span id="win">
<h2>🥳 Du hast gewonnen!</h2>
<p>Das Wort ist: <a id="duden-link1" href="" target=_blank><span id="word-win"></span></a></p>
<span id="won-word-of-the-day1">
<p>Du kriegst dafür <strong><span id="credit-points-win"></span> neue Punkt(e)!</strong></p>
</span>
<span id="won-random-word1">
</span>
</span>
<span id="lose">
<h2>😢 Du hast verloren!</h2>
<p>Das Wort ist: <a id="duden-link2" href="" target=_blank><span id="word-lose"></span></a></p>
</span>
<p id="letter-map"></p>
<span id="footer-word-of-the-day">
<button id="share"><img src="share.png" width=22px></img> Teilen</button></p>
<p><button id="share_compact"><img src="share.png" width=22px></img> Teilen (kompakt)</button>
<p></p>
<form action="https://t.me/wordle_deutsch" target=_blank id="telegram"><button><img src="telegram.png" width=22px> Trophäen-Chat</button></form>
<p>Nächstes Wort-des-Tages in: <span id="next-word"></span></p>
<button class="random" id="start-random1">Zufälliges Wort lösen (<span id="credit-points1"></span> verfügbar)</button><br>
</span>
<span id="footer-random-word">
<button class="random" id="start-random2">Zufälliges Wort lösen (<span id="credit-points2"></span> verfügbar)</button><br>
<button class="day" id="start-normal1">Zurück zum Wort-des-Tages</button><br>
</span>
<button id="show-statistics">🏁 Statistik</button>
</span>
</div>
<footer><span id="footer"></span></footer>
<div id="settings-container" class="container hide">
<span class="popup">
<div id="dismiss-settings" class="close-button">❎</div>
<details id="god-menu" class="hide">
<summary><strong>Admin Options</strong></summary>
<!-- NOT implemented <p><a href="index.htm?tomorrow">Use the Word of tomorrow</a></p> -->
<!-- NOT implemented <p><a href="index.htm?cheat">Show secret word in console</a></p> -->
<p><a href="debug.htm" target=_blank>Show local storage</a></p>
<p>Tip: Add the key 'cheat' with value '1' to the local storage to see the target word in the console.</p>
</details>
<!-- <details open>
<summary><strong>Einstellungen/Statistik zu neuer Webseite transferieren</strong></summary>
<p>Mit dem nachfolgenden Link kannst Du deine aktuellen Einstellungen und Statistik zur neuen Webseite (<a href="https://wordle.ruinelli.ch" target=_blank>wordle.ruinelli.ch</a>) transferieren.</p>
<button class="day" id="transfer-settings">Transferieren</button>
</details>-->
<details open>
<!-- <details> -->
<summary><strong>Modus</strong></summary>
<p>Aktueller Modus: <strong>"<span id="settings-menu-current-game-mode"></span>"</strong>.</p>
<p>Umschalten auf: </p>
<button class="day" id="settings-menu-start-wotd">Wort-des-Tages</button>
<p></p>
<button class="random" id="settings-menu-start-random">Zufälliges Wort</button>
<p>Du hast <span id="credit-points3"></span> Punkte verfügbar, um ein neues zufälliges Wort zu lösen!</p>
</details>
<details>
<summary><strong>Optionen</strong></summary>
<p><label for="fast-mode"><input type="checkbox" id="fast-mode">Animationen auschalten.</label><br><span class="small">Zeigt das Feedback schneller an.</span></p>
<p><label for="colorblind-mode"><input type="checkbox" id="colorblind-mode">Alternative Farben</label><br><span class="small">Verwende Farben, die für Farbenblindheit optimiert sind.</span></p>
</details>
<details>
<summary><strong>Statistik für das Wort-des-Tages</strong></summary>
<p><strong>Siege:</strong> <span id="wins"></span> (<span id="wins-percent"></span>%) in <span id="games-total"></span> abgeschlossenen Spielen.</p>
<p><strong>Siege nach Zeilen:</strong>
<canvas id="statsChart" width="100%" height="60"></canvas>
</details>
<details>
<summary><strong>Import/Export</strong></summary>
<p>Hier kannst Du deine Einstellungen und Statistik importieren oder exportieren.</p>
<p>Bitte beachte, dass diese Funktionen leider nicht mit jedem Betriebssystem/Webbrowser funktionieren!</p>
<button class="export" id="settings-menu-export">Exportieren in Datei</button><p>
<button class="import" id="settings-menu-import">Importieren von Datei</button>
<p><strong><span style="color:red">Achtung: Beim Import werden die aktuellen Einstellungen und Statistik überschrieben!</span></strong></p>
</details>
</span>
</div>
<div id="update-info-container" class="container hide">
<span class="popup">
<div id="dismiss-update-info" class="close-button">❎</div>
<h2>Neuigkeiten</h2>
<!-- ################ Also update date in main.js in 'lastUpdateNote' ################ -->
<h3>02. Juni 2024</h3>
<ul>
<li><p>Wort-Listen aktualisiert. Danke für alle Wort-Einreichungen/-Verbesserungen!</p></li>
<li><p>Schreibfehler korrigiert.</p></li>
</ul>
<h3>11. Oktober 2023</h3>
<ul>
<li><p>Wort-Listen aktualisiert. Danke für alle Wort-Einreichungen/-Verbesserungen!</p></li>
</ul>
<h3>9. August 2023</h3>
<ul>
<!-- <li><p><span style="color:red"><strong>ACHTUNG!</strong> Wordle-Deutsch wird demnächst auf die neue Webseite <a href=https://wordle.ruinelli.ch target=_blank>wordle.ruinelli.ch</a> umziehen! Du kannst jetzt schon zur neuen Webseite wechseln. Damit deine Einstellungen und Statistik mitgenommen werden, muss Du nur auf den nachfolgenden Knopf drücken:</span></p> -->
<!-- <button class="day" id="transfer-settings2">Einstellungen/Statistik transferieren</button></li> -->
<li><p>Wort-Listen aktualisiert. Danke für alle Wort-Einreichungen/-Verbesserungen!</p></li>
<li><p>Neuen Teilen-Knopf mit kompakterem Text.</p></li>
<li><p>Import-/Export-Funktionen hinzugefügt (Siehe Einstellungs-Menü oben links: <img src=gear.png width=20px height=20px> -> Import/Export).</p></li>
</ul>
<!-- ################ Also update date in main.js in 'lastUpdateNote' ################ -->
<h3>01. Mai 2022</h3>
<ul>
<li><p>Zugriffsfehler behoben.</p></li>
<li><p>Wortlisten aktualisiert.</p></li>
<li><p>Feedback-Links hinzugefügt zum einfachen Melden neuer/zu entfernenden Worte (Siehe Info-Menü).</p></li>
</ul>
<h3>17. April 2022</h3>
<p>Statistik-Zähler korrigiert (es wurde immer eine Zeile schlechter gepunktet).</p>
<h3>02. März 2022</h3>
<ul>
<li><p>Es kann nun jederzeit zwischen dem "<strong>Wort-des-Tages</strong>" und dem "<strong>Zufälligen Wort</strong>" umgeschaltet werden, ohne, dass etwas verloren geht.</p></li>
<li><p>Neuer Farbmodus für Farbenblinde.</p></li>
<!-- <li><p> TODO Die Kriterien für mögliche "Wörter-des-Tages" sind nun dokumentiert (Siehe Info-Memü).</p></li> -->
</ul>
<h3>12. Februar 2022</h3>
<p>Zeige dein super Resultat in der Telegram-Trophäen-Gruppe.</p>
<h3>05. Februar 2022</h3>
<p>Man erhält Punkte, wenn man das Wort-des-Tages lösen kann. Mit diesen Punkten können zufällige Wörter gelöst werden (Siehe Einstellungs-Menü oben links: <img src=gear.png width=20px height=20px>).</p>
</span>
</div>
<div id="info-container" class="container hide">
<span class="popup">
<div id="dismiss-info" class="close-button">❎</div>
<h1><b>WORDLE</b> auf Deutsch mit Umlauten (äöü)</h1>
<details open>
<summary><strong>Anleitung</strong></summary>
<p>
Du hast sechs Versuche, um das Wort-des-Tages zu erraten.
Wenn Du einen Buchstaben wieder löschen möchtest, kannst Du <span class="doc-key"><strong>⎌</strong></span> drücken.
Wenn eine Zeile voll ist, kannst Du <span class="doc-key">✔</span> drücken.
Wenn das Wort in der Datenbank enthalten ist, wirst Du ein Feedback erhalten, z.B.:<br>
</p>
<div class="sample-row">
<div class="cell filled correct">B</div>
<div class="cell filled incorrect">Ä</div>
<div class="cell filled close">U</div>
<div class="cell filled incorrect">M</div>
<div class="cell filled incorrect">E</div>
</div>
<p><strong><span class="key correct" style="height:25px; width: 250px;">Diese</span> Buchstaben sind richtig.</strong><br>
Sie sind auch im Wort-des-Tages an dieser Stelle.</p>
<p><strong><span class="key close" style="height:25px; width: 250px;">Diese</span> Buchstaben sind fast richtig.</strong><br>
Sie sind im Wort-des-Tages enthalten, aber an einer anderen Stelle.</p>
<p><strong><span class="key incorrect" style="height:25px; width: 250px;">Diese</span> Buchstaben sind falsch.</strong><br>
Sie kommen im Wort-des-Tages nicht vor.</p>
<p><strong>Im Beispiel lautet das Wort "BRAUN".</strong></p>
</details>
</details>
<details>
<summary><strong>Punkte und Statistik</strong></summary>
<p>Für jedes gelöste Wort-des-Tages erhältst Du Punkte. Mit diesen Punkten können zufällige Wörter gelöst werden (Siehe Einstellungs-Menü oben links: <img src=gear.png width=20px height=20px>).</p>
<p>Für die zufälligen Worte gibt es jedoch keine Punkte, auch die Statistik wird nicht nachgeführt.</p>
</details>
<details>
<summary><strong>Hinweise</strong></summary>
<ul>
<li><p>Buchstaben können mehr als einmal im Wort vorkommen.</p></li>
<li><p>Umlaute (äöü) als Ganzes schreiben (nicht als "ae", "oe" oder "ue").</p></li>
<li><p>"ss" anstatt "ß" verwenden.</p></li>
<li><p>Bei Verben wird jeweils nur die Grundform verwenden. Z.B. "GEHEN", aber nicht "GINGE" oder "GEHST".</p></li>
<li><p>Es kommen keine Personennamen vor.</p></li>
<!-- TODO Add more details -->
</ul>
</details>
<details>
<summary><strong>Weiteres</strong></summary>
<p>Wieso ist diese Spiel-Seite zu bevorzugen gegenüber den diversen plumpen Kopien von <a href=https://www.powerlanguage.co.uk/wordle>https://www.powerlanguage.co.uk/wordle</a>?</p>
<ul>
<li><p>Es unterstützt auch Umlaute (äöü).</p></li>
<li><p>Es basiert auf einer grossen, redigierten Wort-Datenbank.</p></li>
<li><p>Im Gegensatz zu den diversen plumpen Kopien von <a href=https://www.powerlanguage.co.uk/wordle>https://www.powerlanguage.co.uk/wordle</a> liegt hier <strong>keine</strong> Verletzung der Urheberrechte vor. Die anderen Seiten haben oft einfach die Webseite kopiert und das Copyright rausgelöscht!</p></li>
</ul>
</details>
<details>
<summary><strong>Copyright</strong></summary>
<p>Copyright © 2022 by George Ruinelli,<br><a href="mailto:[email protected]?subject=wordle-deutsch">[email protected]</a></p>
<p>Source Code: <a href=https://github.com/caco3/wordle-de>https://github.com/caco3/wordle-de</a>, basierend auf der Vorarbeit von <a href=https://github.com/soxfox42/typit>https://github.com/soxfox42/typit</a></p>
<p>Lizenz: <a href=https://github.com/caco3/wordle-de/blob/main/LICENSE.md>MIT</a>.</p>
<p>Das Spiel ist inspiriert von <a href=https://www.powerlanguage.co.uk/wordle>https://www.powerlanguage.co.uk/wordle</a>.</p>
<p>Wortschatz:</p>
<ul>
<li><p><a href=https://wikipedia.de>Deutsche Wikipedia</a>, aufbereitet durch <a href=http://www.aaabbb.de/WordList/WordList.php>http://www.aaabbb.de/WordList/WordList.php</a></p></li>
<li><a href=https://www.openthesaurus.de/about/download>https://www.openthesaurus.de/about/download</a></li>
</ul>
</details>
<details>
<summary><strong>Datenschutzerklärung</strong></summary>
<p><strong>Erhobene Personendaten:</strong><br>
Durch den Besuch von <a href=https://wordle.ruinelli.ch>wordle.ruinelli.ch</a> werden technische Daten (u.a. die IP und Browser-Kennung) an den Webserver übertragen. Aus technischen Gründen werden diese Daten in Log-Dateien gespeichert. Zu Statistikzwecken und zur Verbesserung von <a href=https://wordle.ruinelli.ch>wordle.ruinelli.ch</a> werden diese Daten anonymisiert ausgewertet.</p>
<p><strong>Cookies:</strong><br><a href=https://wordle.ruinelli.ch>wordle.ruinelli.ch</a> verwendet keine Cookies, dafür aber den lokalen Speicher des Webbrowsers (Siehe unten)</p>
<p><strong>Lokaler Speicher:</strong><br><a href=https://wordle.ruinelli.ch>wordle.ruinelli.ch</a> verwendet den lokalen Speicher des Webbrowsers, um den Spielstand und die Statistik des Benutzers lokal zu speichern. Diese Daten werden nicht an den Webserver übermittelt.</p>
</details>
<details>
<summary><strong>Änderungen</strong></summary>
<button id="show-news">Siehe hier</button>
</details>
<details>
<summary><strong>Feedback</strong></summary>
<ul>
<li><p><a href="mailto:[email protected]?subject=Neues Wort für Wordle&body=Guten Tag%0d%0a%0d%0aBitte fügen Sie wordle.ruinelli.ch folgendes Wort hinzu: _____%0d%0a%0d%0aMit freundlichen Grüssen">Neues Wort vorschlagen</a></p></li>
<li><p><a href="mailto:[email protected]?subject=Wort aus Wordle entfernen&body=Guten Tag%0d%0a%0d%0aBitte entfernen Sie folgendes Wort von wordle.ruinelli.ch: _____%0d%0aBegründung: ____________________________________%0d%0a%0d%0aMit freundlichen Grüssen">Wort entfernen lassen</a></p></li>
<li><p><a href="mailto:[email protected]?subject=wordle-deutsch">Allgemeines Feedback</a></p></li>
<ul>
</details>
<details>
<summary><strong>Debug</strong></summary>
<p>Wortliste: <span id="debug-words-count"></span> Wörter, <span id="debug-target"></span>.</p>
<p>Timestamp: <span id="debug-timestamp"></span>.</p>
<p>User Agent: <span id="debug-user-agent"></span>.</p>
</details>
</span>
</div>
</body>
</html>