Rewild Your Web
me.webbeef.org
web
browser
dweb
1<!DOCTYPE html>
2<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
3<html>
4<head>
5 <meta charset="utf-8">
6 <title>Virtual Keyboard</title>
7 <link rel="stylesheet" href="index.css" />
8</head>
9<body>
10 <div class="keyboard" id="keyboard">
11 <div class="row row-numbers">
12 <button class="key" data-key="1">1</button>
13 <button class="key" data-key="2">2</button>
14 <button class="key" data-key="3">3</button>
15 <button class="key" data-key="4">4</button>
16 <button class="key" data-key="5">5</button>
17 <button class="key" data-key="6">6</button>
18 <button class="key" data-key="7">7</button>
19 <button class="key" data-key="8">8</button>
20 <button class="key" data-key="9">9</button>
21 <button class="key" data-key="0">0</button>
22 </div>
23 <div class="row">
24 <button class="key" data-key="q">q</button>
25 <button class="key" data-key="w">w</button>
26 <button class="key" data-key="e">e</button>
27 <button class="key" data-key="r">r</button>
28 <button class="key" data-key="t">t</button>
29 <button class="key" data-key="y">y</button>
30 <button class="key" data-key="u">u</button>
31 <button class="key" data-key="i">i</button>
32 <button class="key" data-key="o">o</button>
33 <button class="key" data-key="p">p</button>
34 </div>
35 <div class="row">
36 <button class="key" data-key="a">a</button>
37 <button class="key" data-key="s">s</button>
38 <button class="key" data-key="d">d</button>
39 <button class="key" data-key="f">f</button>
40 <button class="key" data-key="g">g</button>
41 <button class="key" data-key="h">h</button>
42 <button class="key" data-key="j">j</button>
43 <button class="key" data-key="k">k</button>
44 <button class="key" data-key="l">l</button>
45 </div>
46 <div class="row">
47 <button class="key wide shift" data-action="shift">⇧</button>
48 <button class="key" data-key="z">z</button>
49 <button class="key" data-key="x">x</button>
50 <button class="key" data-key="c">c</button>
51 <button class="key" data-key="v">v</button>
52 <button class="key" data-key="b">b</button>
53 <button class="key" data-key="n">n</button>
54 <button class="key" data-key="m">m</button>
55 <button class="key wide" data-action="backspace">⌫</button>
56 </div>
57 <div class="row">
58 <button class="key extra-wide" data-action="symbols">123</button>
59 <button class="key" data-key=",">,</button>
60 <button class="key space" data-key=" ">space</button>
61 <button class="key" data-key=".">.</button>
62 <button class="key extra-wide" data-action="return">↵</button>
63 </div>
64 </div>
65
66 <script src="index.js"></script>
67</body>
68</html>