index.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!doctype html>
  2. <html lang='en-us'>
  3. <head>
  4. <meta charset='utf-8'/>
  5. <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
  6. <link rel="stylesheet" href="/lib/simple-keyboard-3.7.2.css" />
  7. <link rel="stylesheet" href="/lib/keyboard.css" />
  8. <script src='lib/matoya.js'></script>
  9. <script src='lib/weblib.js'></script>
  10. <script src='lib/parsec.js'></script>
  11. </head>
  12. <body>
  13. <script>
  14. (async function () {
  15. const wasm = 'parsecd';
  16. const userEnv = PARSEC_ENV;
  17. const html = document.querySelector('html');
  18. html.style.width = '100%';
  19. html.style.height = '100%';
  20. html.style.margin = 0;
  21. const body = document.querySelector('body');
  22. body.style.width = '100%';
  23. body.style.height = '100%';
  24. body.style.background = 'black';
  25. body.style.overflow = 'hidden';
  26. body.style.margin = 0;
  27. if (!await MTY_Start(wasm, body, userEnv)) {
  28. body.style.fontFamily = 'sans-serif';
  29. body.style.fontSize = '30px';
  30. body.style.background = 'black';
  31. body.style.color = 'white';
  32. body.style.textAlign = 'center';
  33. body.style.padding = '10% 30px 0 30px';
  34. document.body.innerHTML =
  35. '<div>Your browser does not support the Parsec web app. The web app requires WebGL and WebAssembly 64-bit support.</div>' +
  36. '<div style="margin-top:30px">Check the <a href="https://parsec.app/downloads">Downloads</a> page for our native app.</div>';
  37. }
  38. window.history.replaceState(null, document.title, '/');
  39. })();
  40. console.log('%cSTOP! ✋ This area is intended for developers. Pasting something here could give strangers access to your Parsec account.', 'font-size: 18px; font-weight: 700;');
  41. </script>
  42. <div class="virtual-keyboard-window">
  43. <div class="window-top">Virtual Keyboard
  44. <button class="btn-close">
  45. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32">
  46. <path
  47. d="M24 9.4L22.6 8L16 14.6L9.4 8L8 9.4l6.6 6.6L8 22.6L9.4 24l6.6-6.6l6.6 6.6l1.4-1.4l-6.6-6.6L24 9.4z"
  48. fill="currentColor"></path>
  49. </svg>
  50. </button>
  51. </div>
  52. <div class="window-content">
  53. <div class="simple-keyboard"></div>
  54. </div>
  55. </div>
  56. <div class="keyboard-toggle">
  57. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
  58. <g fill="none">
  59. <path
  60. d="M19.745 5a2.25 2.25 0 0 1 2.25 2.25v9.505a2.25 2.25 0 0 1-2.25 2.25H4.25A2.25 2.25 0 0 1 2 16.755V7.25A2.25 2.25 0 0 1 4.25 5h15.495zm-2.495 9.5H6.75l-.102.007a.75.75 0 0 0 0 1.486L6.75 16h10.5l.102-.007a.75.75 0 0 0 0-1.486l-.102-.007zM16.5 11a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm-2.995 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm-3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm-3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2zM6 8a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm2.995 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2zm3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2z"
  61. fill="currentColor"></path>
  62. </g>
  63. </svg>
  64. </div>
  65. <script src="/lib/jquery-3.7.0.min.js"></script>
  66. <script src="/lib/jquery-ui.min.js"></script>
  67. <script src="/lib/jquery.ui.touch-punch.min.js"></script>
  68. <script src="/lib/simple-keyboard-3.7.2.js"></script>
  69. <script src="/lib/keycode.js"></script>
  70. <script src="/lib/keyboard.js"></script>
  71. </body>
  72. </html>