blob: 1c953832ebe48fce816695a398f1ceb08f43f2d0 (
plain)
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
|
<!DOCTYPE html>
<html lang="en">
<head>
<title>Wordly</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
<!--link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="apple-touch-icon" href="img/apple-touch-icon-57.png" sizes="57x57" >
<link rel="apple-touch-icon" href="img/apple-touch-icon-60.png" sizes="60x60" >
<link rel="apple-touch-icon" href="img/apple-touch-icon-72.png" sizes="72x72" >
<link rel="apple-touch-icon" href="img/apple-touch-icon-76.png" sizes="76x76" >
<link rel="apple-touch-icon" href="img/apple-touch-icon-114.png" sizes="114x114" >
<link rel="apple-touch-icon" href="img/apple-touch-icon-120.png" sizes="120x120" >
<link rel="apple-touch-icon" href="img/apple-touch-icon-144.png" sizes="144x144" >
<link rel="apple-touch-icon" href="img/apple-touch-icon-152.png" sizes="152x152" >
<link rel="apple-touch-icon" href="img/apple-touch-icon-168.png" sizes="168x168" >
<link rel="apple-touch-icon" href="img/apple-touch-icon-180.png" sizes="180x180" >
<link rel="apple-touch-startup-image" href="img/apple-splash-2048.png" sizes="2048x2732">
<link rel="apple-touch-startup-image" href="img/apple-splash-1668.png" sizes="1668x2224">
<link rel="apple-touch-startup-image" href="img/apple-splash-1536.png" sizes="1536x2048">
<link rel="apple-touch-startup-image" href="img/apple-splash-1125.png" sizes="1125x2436">
<link rel="apple-touch-startup-image" href="img/apple-splash-1242.png" sizes="1242x2208">
<link rel="apple-touch-startup-image" href="img/apple-splash-750.png" sizes="750x1334" >
<link rel="apple-touch-startup-image" href="img/apple-splash-640.png" sizes="640x1136" >
<link rel="icon" type="image/png" href="img/favicon-32.png" sizes="32x32" >
<link rel="icon" type="image/png" href="img/favicon-192.png" sizes="192x192" ><!- - Maskable: - ->
<link rel="icon" type="image/png" href="img/favicon-256.png" sizes="256x256" ><!- - Safe area is circle - ->
<link rel="icon" type="image/png" href="img/favicon-512.png" sizes="512x512" ><!- - with 40% radius - ->
<link rel="icon" type="image/png" href="img/favicon-96.png" sizes="96x96" >
<link rel="icon" type="image/png" href="img/favicon-48.png" sizes="48x48" >
<link rel="icon" type="image/png" href="img/favicon-16.png" sizes="16x16" >
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="manifest" href="manifest.webmanifest">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Wordly">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="application-name" content="Wordly">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="img/mstile-144.png">
<meta name="msapplication-navbutton-color" content="#000000">
<meta name="msapplication-tooltip" content="Wordly">
<meta name="msapplication-starturl" content="/">
<meta name="msapplication-tap-highlight" content="no">
<meta name="theme-color" content="#000000"-->
<link rel="canonical" href="https://wordly.ahov.co/">
<meta name="author" content="Alexis Hovorka">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:400&display=swap">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<button id="help-btn">?</button>
<button id="settings-btn">%</button>
<button id="stats-btn">#</button>
<h1>Wordly</h1>
</header>
<div id="board"></div>
<table id="keyboard">
<tr>
<td data-key="q" colspan=2>Q</td>
<td data-key="w" colspan=2>W</td>
<td data-key="e" colspan=2>E</td>
<td data-key="r" colspan=2>R</td>
<td data-key="t" colspan=2>T</td>
<td data-key="y" colspan=2>Y</td>
<td data-key="u" colspan=2>U</td>
<td data-key="i" colspan=2>I</td>
<td data-key="o" colspan=2>O</td>
<td data-key="p" colspan=2>P</td>
</tr><tr>
<td></td>
<td data-key="a" colspan=2>A</td>
<td data-key="s" colspan=2>S</td>
<td data-key="d" colspan=2>D</td>
<td data-key="f" colspan=2>F</td>
<td data-key="g" colspan=2>G</td>
<td data-key="h" colspan=2>H</td>
<td data-key="j" colspan=2>J</td>
<td data-key="k" colspan=2>K</td>
<td data-key="l" colspan=2>L</td>
<td></td>
</tr><tr>
<td data-key="" colspan=3>ENTER</td>
<td data-key="z" colspan=2>Z</td>
<td data-key="x" colspan=2>X</td>
<td data-key="c" colspan=2>C</td>
<td data-key="v" colspan=2>V</td>
<td data-key="b" colspan=2>B</td>
<td data-key="n" colspan=2>N</td>
<td data-key="m" colspan=2>M</td>
<td data-key="" colspan=3>BSPC</td>
</tr><tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<script src="main.js"></script>
</body>
</html>
|
