main-blocked.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <!-- ***************************************************************************
  6. ηMatrix - a browser extension to black/white list requests.
  7. Copyright (C) 2019-2020 Alessio Vanni
  8. Modified 2022 by Jesus E.
  9. This program is free software: you can redistribute it and/or modify
  10. it under the terms of the GNU General Public License as published by
  11. the Free Software Foundation, either version 3 of the License, or
  12. (at your option) any later version.
  13. This program is distributed in the hope that it will be useful,
  14. but WITHOUT ANY WARRANTY; without even the implied warranty of
  15. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  16. GNU General Public License for more details.
  17. You should have received a copy of the GNU General Public License
  18. along with this program. If not, see {http://www.gnu.org/licenses/}.
  19. Home: https://c.hgit.ga/software/ematrix.git
  20. uMatrix Home: https://github.com/gorhill/uMatrix
  21. -->
  22. <meta name="viewport" content="width=device-width, initial-scale=1">
  23. <title>ηMatrix – Blocked</title>
  24. <link rel="stylesheet" href="css/common.css" type="text/css">
  25. <style>
  26. body {
  27. font-family: sans-serif;
  28. font-size: large;
  29. text-align: center;
  30. }
  31. body > div {
  32. margin: 1.5em 0;
  33. }
  34. body > div > p {
  35. margin: 4px 0;
  36. }
  37. body > div > p:first-child {
  38. margin: 1.5em 0 0 0;
  39. }
  40. .code {
  41. background-color: rgba(0, 0, 0, 0.1);
  42. display: inline-block;
  43. font-family: monospace;
  44. font-size: large;
  45. line-height: 1.2;
  46. padding: 2px 4px;
  47. word-break: break-all;
  48. }
  49. button {
  50. cursor: pointer;
  51. margin: 0 1em 0.25em 1em;
  52. padding: 0.25em 0.5em;
  53. font-size: inherit;
  54. }
  55. #theURL {
  56. margin: 0.25em 0;
  57. padding: 0;
  58. }
  59. #theURL > * {
  60. margin: 0;
  61. }
  62. #theURL > p {
  63. position: relative;
  64. z-index: 10;
  65. }
  66. #theURL > p > span {
  67. background-color: transparent;
  68. top: 100%;
  69. box-sizing: border-box;
  70. cursor: pointer;
  71. opacity: 0.5;
  72. padding: 0.2em;
  73. position: absolute;
  74. transform: translate(0, -50%);
  75. }
  76. body[dir="ltr"] #theURL > p > span {
  77. right: 0;
  78. }
  79. body[dir="rtl"] #theURL > p > span {
  80. left: 0;
  81. }
  82. #theURL > p:hover > span {
  83. opacity: 1;
  84. }
  85. #theURL > p > span:before {
  86. content: '\f010';
  87. }
  88. #theURL.collapsed > p > span:before {
  89. content: '\f00e';
  90. }
  91. #parsed {
  92. background-color: #f8f8f8;
  93. border: 1px solid rgba(0, 0, 0, 0.1);
  94. border-top: none;
  95. color: gray;
  96. font-size: small;
  97. overflow-x: hidden;
  98. padding: 4px;
  99. text-align: initial;
  100. text-overflow: ellipsis;
  101. }
  102. #theURL.collapsed > #parsed {
  103. display: none;
  104. }
  105. #parsed ul, #parsed li {
  106. list-style-type: none;
  107. }
  108. #parsed li {
  109. white-space: nowrap;
  110. }
  111. #parsed span {
  112. display: inline-block;
  113. }
  114. #parsed span:first-of-type {
  115. font-weight: bold;
  116. }
  117. #warningSign {
  118. margin: 1em, 0;
  119. opacity: 1;
  120. pointer-events: none;
  121. width: 100%;
  122. }
  123. #warningSign > span {
  124. color: #f2a500;
  125. font-size: 180px;
  126. }
  127. </style>
  128. </head>
  129. <body>
  130. <div id="warningSign"><span class="fa">&#xf071;</span></div>
  131. <div>
  132. <p data-i18n="mainBlockedPrompt1"></p>
  133. <div id="theURL" class="collapsed">
  134. <p class="what code"></p>
  135. <ul id="parsed"></ul>
  136. </div>
  137. </div>
  138. <!-- <div>
  139. <p data-i18n="mainBlockedPrompt2"></p>
  140. <p id="why" class="code"></p>
  141. </div>
  142. -->
  143. <div>
  144. <p>
  145. <button id="back" data-i18n="mainBlockedBack" type="button"></button>
  146. <button id="bye" data-i18n="mainBlockedClose" type="button"></button>
  147. </p>
  148. </div>
  149. <script src="js/vapi-common.js"></script>
  150. <script src="js/vapi-client.js"></script>
  151. <script src="js/udom.js"></script>
  152. <script src="js/i18n.js"></script>
  153. <script src="js/main-blocked.js"></script>
  154. </body>
  155. </html>