diff options
| author | s1n <[email protected]> | 2019-10-28 22:40:38 -0700 |
|---|---|---|
| committer | s1n <[email protected]> | 2019-10-28 22:40:38 -0700 |
| commit | 6e0719fb6afe6e4d5a321052993fa3b82e640ed3 (patch) | |
| tree | ca4fed0ef94b0b78b849c2e61ed371167e32c1eb | |
| parent | home on navbar reverts stylesheet (diff) | |
| download | s1n.pw-admin-6e0719fb6afe6e4d5a321052993fa3b82e640ed3.tar.xz s1n.pw-admin-6e0719fb6afe6e4d5a321052993fa3b82e640ed3.zip | |
add keycodes
| -rw-r--r-- | directory/demos/index.html | 11 | ||||
| -rw-r--r-- | keycodes/index.html | 127 |
2 files changed, 138 insertions, 0 deletions
diff --git a/directory/demos/index.html b/directory/demos/index.html index 7d2fdbb..16b04ba 100644 --- a/directory/demos/index.html +++ b/directory/demos/index.html @@ -90,6 +90,17 @@ <td><a href="/pc-radio-via-ip/">PC Radio via IP</a></td> <td align="right">44K</td> </tr> + <tr> + <td valign="top"><a href="/keycodes/"> + <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" alt="[SND]" width="24" + height="24"> + <title>Demo</title> + + </svg> + </a></td> + <td><a href="/keycodes/">Keycodes</a></td> + <td align="right">NaN</td> + </tr> </div> <!-- Loading Animation --> diff --git a/keycodes/index.html b/keycodes/index.html new file mode 100644 index 0000000..dc5923e --- /dev/null +++ b/keycodes/index.html @@ -0,0 +1,127 @@ +<!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> + <!-- External Links --> + <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 --> + <!-- Why am I so dumb, I just found out why the css wasn't working on the 404 with a trailing slash on Stack Overflow, lol, then I + went through ALL of the files checking if I had any more "./" instead of absolute path and turns out this is the only file I didn't go through...--> + <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="/404/css/main.css"> + <!-- Invisible Links --> + <script src="/js/loader-animation.js"></script> + <script src="/js/refresh-on-media.js"></script> + </head> + + <body> + <!-- Visable Links --> + <script src="/js/background-sparkles.js"></script> + + <!-- Navigation Bar --> + <div class="navigation-bar"> + <nav class="nav"> + <a href="/" 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="/doge" class="nav-item" active-color="red">Doge</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} + `; + + }); + </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="/">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> |