diff options
| author | 8cy <[email protected]> | 2020-06-02 10:24:13 -0700 |
|---|---|---|
| committer | 8cy <[email protected]> | 2020-06-02 10:24:13 -0700 |
| commit | 2321b2a0acaa0cba14dc38633cd46adee838294c (patch) | |
| tree | e556c69fc7fdb3d7afa7a1a4fd6b381112db126f /tools/keycodes/index.html | |
| download | kyzer.co-admin-2321b2a0acaa0cba14dc38633cd46adee838294c.tar.xz kyzer.co-admin-2321b2a0acaa0cba14dc38633cd46adee838294c.zip | |
Initial commit
Diffstat (limited to 'tools/keycodes/index.html')
| -rw-r--r-- | tools/keycodes/index.html | 176 |
1 files changed, 176 insertions, 0 deletions
diff --git a/tools/keycodes/index.html b/tools/keycodes/index.html new file mode 100644 index 0000000..21029ba --- /dev/null +++ b/tools/keycodes/index.html @@ -0,0 +1,176 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <title>s1nical - Keycodes</title> + <link rel="icon" type="image/jpg" href="/favicon.jpg" sizes="128x128"> + <!-- Site metadata --> + <meta name="description" content="Keycodes"> + <meta property="og:description" content="Keycodes"> + <meta property="og:title" content="s1nical - Keycodes"> + <meta property="twitter:card" content="summary"> + <meta property="twitter:site" content="@9inny"> + <meta property="og:image" content=""> + <meta property="og:url" content="https://kyzer.co/keycodes"> + <link rel="apple-touch-icon" sizes="128x128" href="/favicon.jpg"> + <link rel="icon" type="image/jpg" href="/favicon.jpg" sizes="128x128"> + <link rel="canonical" href="https://kyzer.co/keycodes"> + <link rel="author" href="humans.txt" /> + <!-- Schema.org Stuff --> + <script type="application/ld+json"> + { + "name": "s1nical", + "alternateName": "s1n", + "description": "Keycodes", + "headline": "Keycodes", + "url": "https://kyzer.co/keycodes", + "image": "", + "sameAs": [ + "https://twitter.com/9inny", + "https://github.com/8cy", + "https://www.reddit.com/user/s1nical/" + ], + "publisher": { + "@type": "Organization", + "logo": { + "@type": "ImageObject", + "url": "" + } + }, + "@type": "WebSite", + "@context": "http://schema.org" + } + </script> + <!-- External Libraries --> + <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.3.1/trianglify.min.js"></script> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> + <script src="https://code.jquery.com/jquery-1.10.2.js"></script> + <!-- CSS Links --> + <link rel="stylesheet" href="/about/css/main.css"> + <link rel="stylesheet" href="/about/css/navigation-bar.css"> + <link rel="stylesheet" href="/about/css/loader-animation.css"> + <link rel="stylesheet" href="/about/css/blog-slider.css"> + <link rel="stylesheet" href="/css/404.css"> + <!-- Invisible Scripts --> + <script src="/js/loader-animation.js"></script> + <script src="/js/refresh-on-media.js"></script> +</head> + + <body> + <!-- Visable Scripts --> + <script src="/js/background-sparkles.js"></script> + + <!-- Navigation Bar --> + <div class="navigation-bar"> + <nav class="nav"> + <a href="/home/" class="nav-item" active-color="orange">Home</a> + <!-- Had `is-active` after it but removed it due to not highlighting. --> + <a href="/about/" class="nav-item" active-color="green">About</a> <!-- About --> + <!--<a href="https://p.s1n.pw/" class="nav-item" active-color="blue">Portfolio</a> <!-- Testimonials --> + <a href="https://kyzer.co/status" class="nav-item" active-color="red">Status</a> <!-- Blog --> + <!--<a href="/cars/" class="nav-item" active-color="rebeccapurple">Cars</a> <!-- Contact --> + <!--<a href="https://nani.s1n.pw" class="nav-item" active-color="rebeccapurple">Nani?!</a>--> + <span class="nav-indicator"></span> + </nav> + </div> + + <style> + .keycodes-parent { + height: 100%; + text-align: center; + line-height: 1.4; + font-size: 25px; + } + + pre { + text-align: left; + } + </style> + + <script> + document.addEventListener("keydown", function(event) { + + console.log(event); + + document.getElementById("keycodes").innerHTML = ` + <!-- + <b>which: ${event.which}</b> + <br> --> + <b>keyCode:</b> ${event.keyCode} + <br> + <b>shiftKey:</b> ${event.shiftKey} + </br> + <b>altKey:</b> ${event.altKey} + <br> + <b>ctrlKey:</b> ${event.ctrlKey} + <br> + <b>metaKey:</b> ${event.metaKey} + <br> + <b>key:</b> ${event.key} + `; + + }); + + $(window).on('keydown', function () { + if (event.keyCode == 123, 112, 114, 116) + return false; + else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) + return false; + else if (event.ctrlKey && event.keyCode == 73) + return false; + else if (event.ctrlKey && event.shiftKey && event.keyCode == 74) + return false; + else if (event.ctrlKey && event.keyCode == 74) + return false; + }); + </script> + + <div class="bio"> + <div class="links"> + <div class="blog-slider"> + <div class="content" style="text-align: center;"> + <div class="keycodes-parent"> + <span id="keycodes"> + <b>keyCode:</b> NaN<br> + <b>shiftKey:</b> NaN<br> + <b>altKey:</b> NaN<br> + <b>ctrlKey:</b> NaN<br> + <b>metaKey:</b> NaN<br> + <b>key:</b> NaN + </span> + </div> + <a class="mobile" href="/home/">Back home</a> + <h1 class="mobile"> + <!-- Filler --> + </h1> + </div> + </div> + </div> + </div> + + <!-- Loading Animation --> + <div class="loader-wrapper"> + <div class="loader"> + <row> + <span></span> + <span></span> + <span></span> + </row> + <row> + <span></span> + <span></span> + <span></span> + </row> + <row> + <span></span> + <span></span> + <span></span> + </row> + </div> + </div> + </body> + +</html> |