You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

72 lines
1.5 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. <link rel="stylesheet" href="css/common.css" type="text/css">
  6. <style>
  7. body {
  8. font-family: sans-serif;
  9. font-size: large;
  10. text-align: center;
  11. }
  12. body > div {
  13. margin: 1.5em 0;
  14. }
  15. body > div > p {
  16. margin: 4px 0;
  17. }
  18. body > div > p:first-child {
  19. margin: 1.5em 0 0 0;
  20. }
  21. .code {
  22. background-color: rgba(0, 0, 0, 0.1);
  23. display: inline-block;
  24. font-family: monospace;
  25. font-size: large;
  26. line-height: 1;
  27. padding: 2px 4px;
  28. word-break: break-all;
  29. }
  30. button {
  31. cursor: pointer;
  32. margin: 0 1em 0.25em 1em;
  33. padding: 0.25em 0.5em;
  34. font-size: inherit;
  35. }
  36. #warningSign {
  37. margin: 1e, 0;
  38. opacity: 1;
  39. pointer-events: none;
  40. width: 100%;
  41. }
  42. #warningSign > span {
  43. color: #f2a500;
  44. font-size: 180px;
  45. }
  46. </style>
  47. </head>
  48. <body>
  49. <div id="warningSign"><span class="fa">&#xf071;</span></div>
  50. <div>
  51. <p data-i18n="mainBlockedPrompt1"></p>
  52. <p class="what code"></p>
  53. </div>
  54. <!-- <div>
  55. <p data-i18n="mainBlockedPrompt2"></p>
  56. <p id="why" class="code"></p>
  57. </div>
  58. -->
  59. <div>
  60. <p><button id="back" data-i18n="mainBlockedBack" type="button"></button>
  61. <button id="bye" data-i18n="mainBlockedClose" type="button"></button></p>
  62. </div>
  63. <script src="js/vapi-common.js"></script>
  64. <script src="js/vapi-client.js"></script>
  65. <script src="js/udom.js"></script>
  66. <script src="js/i18n.js"></script>
  67. <script src="js/main-blocked.js"></script>
  68. </body>
  69. </html>