virtual-keypad 5.13.0 → 5.13.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +45 -45
  3. package/dist/404.html +14 -14
  4. package/dist/fonts/Pelli-EyeChart.svg +494 -494
  5. package/dist/fonts/Sloan.svg +138 -138
  6. package/dist/index.html +22 -22
  7. package/dist/keypad.html +58 -58
  8. package/dist/main.js +1 -1
  9. package/dist/main.js.LICENSE.txt +8 -8
  10. package/dist/receiver.html +146 -146
  11. package/dist/server.js +66 -66
  12. package/package.json +36 -36
  13. package/src/keypad.css +108 -108
  14. package/src/keypad.js +399 -385
  15. package/src/keypadPeer.js +191 -189
  16. package/src/main.js +4 -4
  17. package/src/maxKeySize.js +142 -105
  18. package/src/receiver.css +11 -11
  19. package/src/receiver.js +257 -223
  20. package/webpack.common.js +30 -30
  21. package/webpack.dev.js +9 -9
  22. package/webpack.prod.js +6 -6
package/dist/fonts/Sloan.svg CHANGED
@@ -1,138 +1,138 @@
1
- <?xml version="1.0" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
4
- <metadata>
5
- Created by FontForge 20190801 at Wed Mar 14 01:59:04 2007
6
- By Jimmy Wärting
7
- Copyright (c) 1990, 1994, 2007 Denis G. Pelli. All rights reserved.
8
- </metadata>
9
- <defs>
10
- <font id="Sloan" horiz-adv-x="1000" >
11
- <font-face
12
- font-family="Sloan"
13
- font-weight="500"
14
- font-stretch="normal"
15
- units-per-em="1000"
16
- panose-1="2 0 6 9 2 0 0 2 0 2"
17
- ascent="1000"
18
- descent="0"
19
- x-height="1000"
20
- cap-height="1000"
21
- bbox="0 0 1000 1000"
22
- underline-thickness="0"
23
- underline-position="0"
24
- stemh="200"
25
- stemv="200"
26
- unicode-range="U+0020-2014"
27
- />
28
- <missing-glyph
29
- d="M600 0h-200v200h200v-200z" />
30
- <glyph glyph-name=".notdef"
31
- d="M600 0h-200v200h200v-200z" />
32
- <glyph glyph-name=".null" horiz-adv-x="0"
33
- />
34
- <glyph glyph-name="CR"
35
- />
36
- <glyph glyph-name="space" unicode=" "
37
- />
38
- <glyph glyph-name="period" unicode="."
39
- d="M600 0h-200v200h200v-200z" />
40
- <glyph glyph-name="slash" unicode="/"
41
- d="M1000 860l-860 -860l-140 140l860 860z" />
42
- <glyph glyph-name="A" unicode="A"
43
- d="M1000 0h-200l-106 264h-388l-106 -264h-200l400 1000h200zM614 464l-114 286l-114 -286h228z" />
44
- <glyph glyph-name="B" unicode="B"
45
- d="M800 700c0 54 -44 100 -100 100h-500v-200h500c56 0 100 46 100 100zM800 300c0 54 -44 100 -100 100h-500v-200h500c56 0 100 46 100 100zM0 0v1000h700c166 0 300 -134 300 -300c0 -76 -28 -146 -76 -200c48 -52 76 -118 76 -200c0 -166 -134 -300 -300 -300h-700z
46
- M700 400h-500h500z" />
47
- <glyph glyph-name="C" unicode="C"
48
- d="M990 400c-46 -228 -248 -400 -490 -400c-276 0 -500 224 -500 500s224 500 500 500c242 0 444 -172 490 -400h-208c-42 116 -152 200 -282 200c-164 0 -300 -136 -300 -300s136 -300 300 -300c130 0 240 84 282 200h208z" />
49
- <glyph glyph-name="D" unicode="D"
50
- d="M1000 400c0 -220 -180 -400 -400 -400h-600v1000h600c220 0 400 -180 400 -400v-200zM800 400v200c0 110 -90 200 -200 200h-400v-600h400c110 0 200 90 200 200z" />
51
- <glyph glyph-name="E" unicode="E"
52
- d="M1000 800h-800v-200h800v-200h-800v-200h800v-200h-1000v1000h1000v-200z" />
53
- <glyph glyph-name="F" unicode="F"
54
- d="M1000 800h-800v-200h800v-200h-800v-400h-200v1000h1000v-200z" />
55
- <glyph glyph-name="G" unicode="G"
56
- d="M1000 200h-100c-92 -122 -236 -200 -400 -200c-276 0 -500 224 -500 500s224 500 500 500c242 0 444 -172 490 -400h-208c-42 116 -152 200 -282 200c-164 0 -300 -136 -300 -300s136 -300 300 -300c36 0 70 6 100 18v182h180h2h208h10v-200z" />
57
- <glyph glyph-name="H" unicode="H"
58
- d="M1000 0h-200v400h-600v-400h-200v1000h200v-400h600v400h200v-1000z" />
59
- <glyph glyph-name="I" unicode="I"
60
- d="M1000 0h-1000v200h400v600h-400v200h1000v-200h-400v-600h400v-200z" />
61
- <glyph glyph-name="J" unicode="J"
62
- d="M0 400h200c0 -110 90 -200 200 -200h200c110 0 200 90 200 200v600h200v-600c0 -220 -180 -400 -400 -400h-200c-220 0 -400 180 -400 400zM0 400h200h-200z" />
63
- <glyph glyph-name="K" unicode="K"
64
- d="M574 678l426 -678h-254l-344 548l-202 -152v-396h-200v1000h200v-354l468 354h332z" />
65
- <glyph glyph-name="L" unicode="L"
66
- d="M1000 0h-1000v1000h200v-800h800v-200z" />
67
- <glyph glyph-name="M" unicode="M"
68
- d="M1000 0h-200v480l-200 -480h-200l-200 480v-480h-200v1000h200l300 -720l300 720h200v-1000z" />
69
- <glyph glyph-name="N" unicode="N"
70
- d="M1000 0h-200l-600 692v-692h-200v1000h200l600 -692v692h200v-1000z" />
71
- <glyph glyph-name="O" unicode="O"
72
- d="M1000 500c0 -276 -224 -500 -500 -500s-500 224 -500 500s224 500 500 500s500 -224 500 -500zM800 500c0 164 -136 300 -300 300s-300 -136 -300 -300s136 -300 300 -300s300 136 300 300z" />
73
- <glyph glyph-name="P" unicode="P"
74
- d="M1000 700c0 -166 -134 -300 -300 -300h-500v-400h-200v1000h700c166 0 300 -134 300 -300zM800 700c0 54 -44 100 -100 100h-500v-200h500c56 0 100 46 100 100z" />
75
- <glyph glyph-name="Q" unicode="Q"
76
- d="M1000 144l-140 -140l-82 80c-80 -52 -176 -84 -278 -84c-276 0 -500 224 -500 500s224 500 500 500s500 -224 500 -500c0 -102 -30 -196 -82 -274zM800 500c0 164 -136 300 -300 300s-300 -136 -300 -300s136 -300 300 -300c48 0 92 12 132 32l-48 48l140 140l48 -48
77
- c18 40 28 82 28 128z" />
78
- <glyph glyph-name="R" unicode="R"
79
- d="M1000 0h-218l-170 400h-412v-400h-200v1000h700c166 0 300 -134 300 -300c0 -124 -74 -230 -182 -276zM800 700c0 54 -44 100 -100 100h-500v-200h500c56 0 100 46 100 100z" />
80
- <glyph glyph-name="S" unicode="S"
81
- d="M1000 700h-200c0 44 -36 76 -36 76s-52 24 -64 24h-400c-18 0 -53 -12 -72 -34c-31 -36 -34 -92 -4 -130c18 -24 48 -36 76 -36h400c102 0 169 -51 204 -82c125 -109 124 -296 14 -418c-60 -68 -110 -100 -218 -100h-400c-76 0 -148 24 -210 82c-66 62 -90 148 -90 218
82
- h200c0 -30 6 -54 26 -74s34 -26 74 -26h400c12 0 46 8 66 24c42 34 48 100 12 142c-20 24 -60 34 -78 34h-400c-92 0 -162 46 -204 84c-132 120 -122 316 0 430c38 36 102 86 204 86h400c48 0 140 -10 216 -96h2c42 -48 82 -124 82 -204z" />
83
- <glyph glyph-name="T" unicode="T"
84
- d="M1000 800h-400v-800h-200v800h-400v200h1000v-200z" />
85
- <glyph glyph-name="U" unicode="U"
86
- d="M1000 400c0 -220 -180 -400 -400 -400h-200c-220 0 -400 180 -400 400v600h200v-600c0 -110 90 -200 200 -200h200c110 0 200 90 200 200v600h200v-600z" />
87
- <glyph glyph-name="V" unicode="V"
88
- d="M1000 1000l-400 -1000h-200l-400 1000h216l284 -712l284 712h216z" />
89
- <glyph glyph-name="W" unicode="W"
90
- d="M1000 0h-200l-300 720l-300 -720h-200v1000h200v-480l200 480h200l200 -480v480h200v-1000z" />
91
- <glyph glyph-name="X" unicode="X"
92
- d="M1000 0h-250l-250 332l-250 -332h-250l374 500l-374 500h250l250 -334l250 334h250l-374 -500z" />
93
- <glyph glyph-name="Y" unicode="Y"
94
- d="M1000 1000l-400 -534v-466h-200v466l-400 534h250l250 -334l250 334h250z" />
95
- <glyph glyph-name="Z" unicode="Z"
96
- d="M1000 0h-1000v200l692 600h-692v200h1000v-200l-692 -600h692v-200z" />
97
- <glyph glyph-name="bracketleft" unicode="["
98
- d="M700 0h-300v1000h300v-200h-100v-600h100v-200z" />
99
- <glyph glyph-name="backslash" unicode="\"
100
- d="M1000 140l-140 -140l-860 860l140 140z" />
101
- <glyph glyph-name="bracketright" unicode="]"
102
- d="M600 0h-300v200h100v600h-100v200h300v-1000z" />
103
- <glyph glyph-name="underscore" unicode="_"
104
- d="M1000 0h-1000v200h1000v-200z" />
105
- <glyph glyph-name="nbspace" unicode="&#xa0;"
106
- />
107
- <glyph glyph-name="b" unicode="b" horiz-adv-x="250"
108
- />
109
- <glyph glyph-name="x" unicode="x"
110
- d="M1000 500c0 -276 -224 -500 -500 -500s-500 224 -500 500s224 500 500 500s500 -224 500 -500zM800 500c0 164 -136 300 -300 300s-300 -136 -300 -300s136 -300 300 -300s300 136 300 300z" />
111
- <glyph glyph-name="comma" unicode=","
112
- d="M600 200l-300 -200l100 200v200h200v-200z" />
113
- <glyph glyph-name="quotesingle" unicode="'"
114
- d="M600 1000l-100 -400l-100 400h200z" />
115
- <glyph glyph-name="hyphen" unicode="-"
116
- d="M800 400h-600v200h600v-200z" />
117
- <glyph glyph-name="plus" unicode="+"
118
- d="M600 200h-200v600h200v-600zM800 400h-600v200h600v-200z" />
119
- <glyph glyph-name="a" unicode="a" horiz-adv-x="500"
120
- />
121
- <glyph glyph-name="c" unicode="c" horiz-adv-x="125"
122
- />
123
- <glyph glyph-name="d" unicode="d" horiz-adv-x="100"
124
- />
125
- <glyph glyph-name="p" unicode="p"
126
- d="M1000 500c0 -276 -224 -500 -500 -500s-500 224 -500 500s224 500 500 500s500 -224 500 -500zM800 500c0 164 -136 300 -300 300s-300 -136 -300 -300s136 -300 300 -300s300 136 300 300z" />
127
- <glyph glyph-name="colon" unicode=":"
128
- d="M600 400h-200v200h200v-200zM600 0h-200v200h200v-200z" />
129
- <glyph glyph-name="bar" unicode="|"
130
- d="M600 0h-200v1000h200v-1000z" />
131
- <glyph glyph-name="emdash" unicode="&#x2014;"
132
- d="M1000 600v-200h-1000v200h1000z" />
133
- <glyph glyph-name="e" unicode="e"
134
- d="M1000 800h-1000v200h1000v-200zM1000 400h-1000v200h1000v-200zM1000 0h-1000v200h1000v-200z" />
135
- <glyph glyph-name="f" unicode="f"
136
- d="M200 1000v-1000h-200v1000h200zM600 1000v-1000h-200v1000h200zM1000 1000v-1000h-200v1000h200z" />
137
- </font>
138
- </defs></svg>
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
4
+ <metadata>
5
+ Created by FontForge 20190801 at Wed Mar 14 01:59:04 2007
6
+ By Jimmy Wärting
7
+ Copyright (c) 1990, 1994, 2007 Denis G. Pelli. All rights reserved.
8
+ </metadata>
9
+ <defs>
10
+ <font id="Sloan" horiz-adv-x="1000" >
11
+ <font-face
12
+ font-family="Sloan"
13
+ font-weight="500"
14
+ font-stretch="normal"
15
+ units-per-em="1000"
16
+ panose-1="2 0 6 9 2 0 0 2 0 2"
17
+ ascent="1000"
18
+ descent="0"
19
+ x-height="1000"
20
+ cap-height="1000"
21
+ bbox="0 0 1000 1000"
22
+ underline-thickness="0"
23
+ underline-position="0"
24
+ stemh="200"
25
+ stemv="200"
26
+ unicode-range="U+0020-2014"
27
+ />
28
+ <missing-glyph
29
+ d="M600 0h-200v200h200v-200z" />
30
+ <glyph glyph-name=".notdef"
31
+ d="M600 0h-200v200h200v-200z" />
32
+ <glyph glyph-name=".null" horiz-adv-x="0"
33
+ />
34
+ <glyph glyph-name="CR"
35
+ />
36
+ <glyph glyph-name="space" unicode=" "
37
+ />
38
+ <glyph glyph-name="period" unicode="."
39
+ d="M600 0h-200v200h200v-200z" />
40
+ <glyph glyph-name="slash" unicode="/"
41
+ d="M1000 860l-860 -860l-140 140l860 860z" />
42
+ <glyph glyph-name="A" unicode="A"
43
+ d="M1000 0h-200l-106 264h-388l-106 -264h-200l400 1000h200zM614 464l-114 286l-114 -286h228z" />
44
+ <glyph glyph-name="B" unicode="B"
45
+ d="M800 700c0 54 -44 100 -100 100h-500v-200h500c56 0 100 46 100 100zM800 300c0 54 -44 100 -100 100h-500v-200h500c56 0 100 46 100 100zM0 0v1000h700c166 0 300 -134 300 -300c0 -76 -28 -146 -76 -200c48 -52 76 -118 76 -200c0 -166 -134 -300 -300 -300h-700z
46
+ M700 400h-500h500z" />
47
+ <glyph glyph-name="C" unicode="C"
48
+ d="M990 400c-46 -228 -248 -400 -490 -400c-276 0 -500 224 -500 500s224 500 500 500c242 0 444 -172 490 -400h-208c-42 116 -152 200 -282 200c-164 0 -300 -136 -300 -300s136 -300 300 -300c130 0 240 84 282 200h208z" />
49
+ <glyph glyph-name="D" unicode="D"
50
+ d="M1000 400c0 -220 -180 -400 -400 -400h-600v1000h600c220 0 400 -180 400 -400v-200zM800 400v200c0 110 -90 200 -200 200h-400v-600h400c110 0 200 90 200 200z" />
51
+ <glyph glyph-name="E" unicode="E"
52
+ d="M1000 800h-800v-200h800v-200h-800v-200h800v-200h-1000v1000h1000v-200z" />
53
+ <glyph glyph-name="F" unicode="F"
54
+ d="M1000 800h-800v-200h800v-200h-800v-400h-200v1000h1000v-200z" />
55
+ <glyph glyph-name="G" unicode="G"
56
+ d="M1000 200h-100c-92 -122 -236 -200 -400 -200c-276 0 -500 224 -500 500s224 500 500 500c242 0 444 -172 490 -400h-208c-42 116 -152 200 -282 200c-164 0 -300 -136 -300 -300s136 -300 300 -300c36 0 70 6 100 18v182h180h2h208h10v-200z" />
57
+ <glyph glyph-name="H" unicode="H"
58
+ d="M1000 0h-200v400h-600v-400h-200v1000h200v-400h600v400h200v-1000z" />
59
+ <glyph glyph-name="I" unicode="I"
60
+ d="M1000 0h-1000v200h400v600h-400v200h1000v-200h-400v-600h400v-200z" />
61
+ <glyph glyph-name="J" unicode="J"
62
+ d="M0 400h200c0 -110 90 -200 200 -200h200c110 0 200 90 200 200v600h200v-600c0 -220 -180 -400 -400 -400h-200c-220 0 -400 180 -400 400zM0 400h200h-200z" />
63
+ <glyph glyph-name="K" unicode="K"
64
+ d="M574 678l426 -678h-254l-344 548l-202 -152v-396h-200v1000h200v-354l468 354h332z" />
65
+ <glyph glyph-name="L" unicode="L"
66
+ d="M1000 0h-1000v1000h200v-800h800v-200z" />
67
+ <glyph glyph-name="M" unicode="M"
68
+ d="M1000 0h-200v480l-200 -480h-200l-200 480v-480h-200v1000h200l300 -720l300 720h200v-1000z" />
69
+ <glyph glyph-name="N" unicode="N"
70
+ d="M1000 0h-200l-600 692v-692h-200v1000h200l600 -692v692h200v-1000z" />
71
+ <glyph glyph-name="O" unicode="O"
72
+ d="M1000 500c0 -276 -224 -500 -500 -500s-500 224 -500 500s224 500 500 500s500 -224 500 -500zM800 500c0 164 -136 300 -300 300s-300 -136 -300 -300s136 -300 300 -300s300 136 300 300z" />
73
+ <glyph glyph-name="P" unicode="P"
74
+ d="M1000 700c0 -166 -134 -300 -300 -300h-500v-400h-200v1000h700c166 0 300 -134 300 -300zM800 700c0 54 -44 100 -100 100h-500v-200h500c56 0 100 46 100 100z" />
75
+ <glyph glyph-name="Q" unicode="Q"
76
+ d="M1000 144l-140 -140l-82 80c-80 -52 -176 -84 -278 -84c-276 0 -500 224 -500 500s224 500 500 500s500 -224 500 -500c0 -102 -30 -196 -82 -274zM800 500c0 164 -136 300 -300 300s-300 -136 -300 -300s136 -300 300 -300c48 0 92 12 132 32l-48 48l140 140l48 -48
77
+ c18 40 28 82 28 128z" />
78
+ <glyph glyph-name="R" unicode="R"
79
+ d="M1000 0h-218l-170 400h-412v-400h-200v1000h700c166 0 300 -134 300 -300c0 -124 -74 -230 -182 -276zM800 700c0 54 -44 100 -100 100h-500v-200h500c56 0 100 46 100 100z" />
80
+ <glyph glyph-name="S" unicode="S"
81
+ d="M1000 700h-200c0 44 -36 76 -36 76s-52 24 -64 24h-400c-18 0 -53 -12 -72 -34c-31 -36 -34 -92 -4 -130c18 -24 48 -36 76 -36h400c102 0 169 -51 204 -82c125 -109 124 -296 14 -418c-60 -68 -110 -100 -218 -100h-400c-76 0 -148 24 -210 82c-66 62 -90 148 -90 218
82
+ h200c0 -30 6 -54 26 -74s34 -26 74 -26h400c12 0 46 8 66 24c42 34 48 100 12 142c-20 24 -60 34 -78 34h-400c-92 0 -162 46 -204 84c-132 120 -122 316 0 430c38 36 102 86 204 86h400c48 0 140 -10 216 -96h2c42 -48 82 -124 82 -204z" />
83
+ <glyph glyph-name="T" unicode="T"
84
+ d="M1000 800h-400v-800h-200v800h-400v200h1000v-200z" />
85
+ <glyph glyph-name="U" unicode="U"
86
+ d="M1000 400c0 -220 -180 -400 -400 -400h-200c-220 0 -400 180 -400 400v600h200v-600c0 -110 90 -200 200 -200h200c110 0 200 90 200 200v600h200v-600z" />
87
+ <glyph glyph-name="V" unicode="V"
88
+ d="M1000 1000l-400 -1000h-200l-400 1000h216l284 -712l284 712h216z" />
89
+ <glyph glyph-name="W" unicode="W"
90
+ d="M1000 0h-200l-300 720l-300 -720h-200v1000h200v-480l200 480h200l200 -480v480h200v-1000z" />
91
+ <glyph glyph-name="X" unicode="X"
92
+ d="M1000 0h-250l-250 332l-250 -332h-250l374 500l-374 500h250l250 -334l250 334h250l-374 -500z" />
93
+ <glyph glyph-name="Y" unicode="Y"
94
+ d="M1000 1000l-400 -534v-466h-200v466l-400 534h250l250 -334l250 334h250z" />
95
+ <glyph glyph-name="Z" unicode="Z"
96
+ d="M1000 0h-1000v200l692 600h-692v200h1000v-200l-692 -600h692v-200z" />
97
+ <glyph glyph-name="bracketleft" unicode="["
98
+ d="M700 0h-300v1000h300v-200h-100v-600h100v-200z" />
99
+ <glyph glyph-name="backslash" unicode="\"
100
+ d="M1000 140l-140 -140l-860 860l140 140z" />
101
+ <glyph glyph-name="bracketright" unicode="]"
102
+ d="M600 0h-300v200h100v600h-100v200h300v-1000z" />
103
+ <glyph glyph-name="underscore" unicode="_"
104
+ d="M1000 0h-1000v200h1000v-200z" />
105
+ <glyph glyph-name="nbspace" unicode="&#xa0;"
106
+ />
107
+ <glyph glyph-name="b" unicode="b" horiz-adv-x="250"
108
+ />
109
+ <glyph glyph-name="x" unicode="x"
110
+ d="M1000 500c0 -276 -224 -500 -500 -500s-500 224 -500 500s224 500 500 500s500 -224 500 -500zM800 500c0 164 -136 300 -300 300s-300 -136 -300 -300s136 -300 300 -300s300 136 300 300z" />
111
+ <glyph glyph-name="comma" unicode=","
112
+ d="M600 200l-300 -200l100 200v200h200v-200z" />
113
+ <glyph glyph-name="quotesingle" unicode="'"
114
+ d="M600 1000l-100 -400l-100 400h200z" />
115
+ <glyph glyph-name="hyphen" unicode="-"
116
+ d="M800 400h-600v200h600v-200z" />
117
+ <glyph glyph-name="plus" unicode="+"
118
+ d="M600 200h-200v600h200v-600zM800 400h-600v200h600v-200z" />
119
+ <glyph glyph-name="a" unicode="a" horiz-adv-x="500"
120
+ />
121
+ <glyph glyph-name="c" unicode="c" horiz-adv-x="125"
122
+ />
123
+ <glyph glyph-name="d" unicode="d" horiz-adv-x="100"
124
+ />
125
+ <glyph glyph-name="p" unicode="p"
126
+ d="M1000 500c0 -276 -224 -500 -500 -500s-500 224 -500 500s224 500 500 500s500 -224 500 -500zM800 500c0 164 -136 300 -300 300s-300 -136 -300 -300s136 -300 300 -300s300 136 300 300z" />
127
+ <glyph glyph-name="colon" unicode=":"
128
+ d="M600 400h-200v200h200v-200zM600 0h-200v200h200v-200z" />
129
+ <glyph glyph-name="bar" unicode="|"
130
+ d="M600 0h-200v1000h200v-1000z" />
131
+ <glyph glyph-name="emdash" unicode="&#x2014;"
132
+ d="M1000 600v-200h-1000v200h1000z" />
133
+ <glyph glyph-name="e" unicode="e"
134
+ d="M1000 800h-1000v200h1000v-200zM1000 400h-1000v200h1000v-200zM1000 0h-1000v200h1000v-200z" />
135
+ <glyph glyph-name="f" unicode="f"
136
+ d="M200 1000v-1000h-200v1000h200zM600 1000v-1000h-200v1000h200zM1000 1000v-1000h-200v1000h200z" />
137
+ </font>
138
+ </defs></svg>
package/dist/index.html CHANGED
@@ -1,22 +1,22 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>Virtual Keypad</title>
7
- <meta name="description" content="" />
8
- <meta name="viewport" content="width=device-width, initial-scale=1" />
9
- </head>
10
- <body>
11
- <h1>Try out the virtual keypad!</h1>
12
- <a href="https://www.keypad.website/receiver">
13
- <h3>
14
- Start here, at the receiver.
15
- </h3>
16
- </a>
17
- </body>
18
- <script>
19
- const baseURL = window.location.origin;
20
- window.location.href = baseURL + "/receiver.html";
21
- </script>
22
- </html>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width" />
6
+ <title>Virtual Keypad</title>
7
+ <meta name="description" content="" />
8
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
9
+ </head>
10
+ <body>
11
+ <h1>Try out the virtual keypad!</h1>
12
+ <a href="https://www.keypad.website/receiver">
13
+ <h3>
14
+ Start here, at the receiver.
15
+ </h3>
16
+ </a>
17
+ </body>
18
+ <script>
19
+ const baseURL = window.location.origin;
20
+ window.location.href = baseURL + "/receiver.html";
21
+ </script>
22
+ </html>
package/dist/keypad.html CHANGED
@@ -1,58 +1,58 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>Virtual Keypad</title>
7
- <meta name="description" content="" />
8
- <meta name="viewport" content="width=device-width, initial-scale=1" />
9
- <meta name="apple-mobile-web-app-capable" content="yes" />
10
- <meta name="mobile-web-app-capable" content="yes">
11
- <link
12
- rel="stylesheet"
13
- href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
14
- integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
15
- crossorigin="anonymous"
16
- />
17
- <script
18
- src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
19
- integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
20
- crossorigin="anonymous"
21
- ></script>
22
- <script src="./main.js"></script>
23
- <style>
24
- * {
25
- outline: none;
26
- vertical-align: baseline;
27
- box-sizing: border-box;
28
- text-rendering: optimizeLegibility;
29
- -webkit-font-smoothing: auto;
30
- -moz-osx-font-smoothing: grayscale;
31
- font-kerning: normal;
32
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
33
- Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
34
- color: #333;
35
- }
36
-
37
- html,
38
- body {
39
- margin: 0;
40
- padding: 0;
41
- height: 100vh;
42
- width: 100vw;
43
- font-size: calc(1em + 1vw);
44
- background-color: #eee;
45
- }
46
- /* -------------------------------------------------------------------------- */
47
- /* color: #FF9A00; */
48
- /* color: #666; */
49
- </style>
50
- </head>
51
- <body>
52
- <div id="target"></div>
53
-
54
- <script type="text/javascript">
55
- var keypad = new virtualKeypad.Keypad({ targetElementId: "target" });
56
- </script>
57
- </body>
58
- </html>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width" />
6
+ <title>Virtual Keypad</title>
7
+ <meta name="description" content="" />
8
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
9
+ <meta name="apple-mobile-web-app-capable" content="yes" />
10
+ <meta name="mobile-web-app-capable" content="yes">
11
+ <link
12
+ rel="stylesheet"
13
+ href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
14
+ integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
15
+ crossorigin="anonymous"
16
+ />
17
+ <script
18
+ src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
19
+ integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
20
+ crossorigin="anonymous"
21
+ ></script>
22
+ <script src="./main.js"></script>
23
+ <style>
24
+ * {
25
+ outline: none;
26
+ vertical-align: baseline;
27
+ box-sizing: border-box;
28
+ text-rendering: optimizeLegibility;
29
+ -webkit-font-smoothing: auto;
30
+ -moz-osx-font-smoothing: grayscale;
31
+ font-kerning: normal;
32
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
33
+ Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
34
+ color: #333;
35
+ }
36
+
37
+ html,
38
+ body {
39
+ margin: 0;
40
+ padding: 0;
41
+ height: 100vh;
42
+ width: 100vw;
43
+ font-size: calc(1em + 1vw);
44
+ background-color: #eee;
45
+ }
46
+ /* -------------------------------------------------------------------------- */
47
+ /* color: #FF9A00; */
48
+ /* color: #666; */
49
+ </style>
50
+ </head>
51
+ <body>
52
+ <div id="target"></div>
53
+
54
+ <script type="text/javascript">
55
+ var keypad = new virtualKeypad.Keypad({ targetElementId: "target" });
56
+ </script>
57
+ </body>
58
+ </html>