qwörtle/index.html
2022-02-25 14:12:42 +01:00

32 lines
1.6 KiB
HTML

<!DOCTYPE html>
<meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Qwörtle</title>
<link rel="shortcut icon" href="./favicon.png">
<link rel="stylesheet" href="./index.css">
<div class="centering">
<h1>Qwörtle</h1>
<div id="main"></div>
<pre id="summary"></pre>
<button id="share">Teilen <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="var(--white)" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92c0-1.61-1.31-2.92-2.92-2.92zM18 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM6 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm12 7.02c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"></path></svg></button>
<p id="copied-to-clipboard">In die Zwischenablage kopiert!</p>
<div id="keyboard">
<div class="keyboard-row"></div>
<div class="keyboard-row"></div>
<div class="keyboard-row"></div>
</div>
<div id="options">
<label><input type="checkbox" id="wide">Breiter Modus</label>
<br>
<label><input type="checkbox" id="count">Anzahl bei richtigen Buchstaben</label>
<div id="secret-options" style="display: none">
<br>
<label>Anzahl Wörter: <input type="number" id="puzzles" value="4"></label>
</div>
</div>
<textarea id="copyarea"></textarea>
</div>
<script src="./index.js"></script>