keycodes/index.htm at master · komed3/keycodes · GitHub

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
<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="theme-color" content="#31af91" />
        <title>Keyboard Codes — komed3</title>
        <link rel="icon" href="./favicon.ico" type="image/x-icon" sizes="256x256" />
        <link rel="stylesheet" href="./static/style.min.css" />
        <script src="./static/keycodes.min.js" defer></script>
    </head>
    <body>
        <header>
            <img src="./static/logo.webp" alt="Keyboard Codes" loading="lazy" />
            <h1>Keyboard Codes</h1>
            <h2>Press any key …</h2>
        </header>
        <main>
            <section class="key-info">
                <div class="key-main">
                    <span class="key-main-label">Key</span>
                    <span class="key-main-value" id="main-key">–</span>
                </div>
                <table class="key-lock">
                    <tbody>
                        <tr>
                            <th>CapsLock</th>
                            <th>NumLock</th>
                            <th>ScrollLock</th>
                        </tr>
                        <tr>
                            <td><code id="info-capslock">–</code></td>
                            <td><code id="info-numlock">–</code></td>
                            <td><code id="info-scrolllock">–</code></td>
                        </tr>
                    </tbody>
                </table>
                <table class="key-data">
                    <tbody>
                        <tr><th>Key</th><td><code id="info-key">–</code></td></tr>
                        <tr><th>Code</th><td><code id="info-code">–</code></td></tr>
                        <tr><th>KeyCode</th><td><code id="info-keycode">–</code></td></tr>
                        <tr><th>Which</th><td><code id="info-which">–</code></td></tr>
                        <tr><th>Location</th><td><code id="info-location">–</code></td></tr>
                        <tr><th>Modifiers</th><td><code id="info-modifiers">–</code></td></tr>
                        <tr><th>Repeat</th><td><code id="info-repeat">–</code></td></tr>
                        <tr><th>isComposing</th><td><code id="info-composing">–</code></td></tr>
                        <tr><th>TimeStamp</th><td><code id="info-timestamp">–</code></td></tr>
                    </tbody>
                </table>
            </section>
        </main>
        <footer>
            <p>
                <span class="footer-author">Build with ❤ by <a href="https://komed3.de" target="_blank" rel="noopener noreferrer">komed3</a></span>
                <span class="footer-sep">//</span>
                <span class="footer-source">Source: <a href="https://github.com/komed3/keycodes" target="_blank" rel="noopener noreferrer">GitHub</a></span>
            </p>
        </footer>
    </body>
</html>