Dizho
/
PGR_Update_File
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
PGR Update Project
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.
1 Commit
1 Branch
0 Tags
1.6 MiB
Tree: 932f937422
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '932f937422'
${ noResults }
PGR_Update_File/src/main/resources/templates/fragments/accessibility.html

163 lines
14 KiB
Raw Normal View History

first commit
11 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <base th:href="${baseURL}" />
  8. </head>
  9. <body>
  10. <div th:fragment="accessibility">
  11. <!-- accessibility panel -->
  12. <link rel="stylesheet"
  13. href="https://img1.digitallocker.gov.in/ux4g/UX4G-CDN-accessibility/css/accesibility-style-v2.1.css">
  14. <div class="uwaw uw-light-theme gradient-head uwaw-initial paid_widget" id="uw-main">
  15. <div class="relative second-panel"><h3>Accessibility options by Bonton.</h3>
  16. <div class="uwaw-close" onclick="closeMain()"></div>
  17. </div>
  18. <div class="uwaw-body">
  19. <div class="h-scroll">
  20. <div class="uwaw-features">
  21. <div class="uwaw-features__item reset-feature" id="featureItem_sp">
  22. <button id="speak" class="uwaw-features__item__i"
  23. data-uw-reader-content="Enable the UserWay screen reader"
  24. aria-label="Enable the UserWay screen reader" aria-pressed="false"><span
  25. class="uwaw-features__item__icon"> <span
  26. class="ux4g-icon icon-speaker"> </span> </span> <span
  27. class="uwaw-features__item__name">Text To Speech</span> <span
  28. class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon_sp"
  29. style="display: none"> </span></button>
  30. </div>
  31. <div class="uwaw-features__item reset-feature" id="featureItem">
  32. <button id="btn-s9" class="uwaw-features__item__i"
  33. data-uw-reader-content="Enable the UserWay screen reader"
  34. aria-label="Enable the UserWay screen reader" aria-pressed="false"><span
  35. class="uwaw-features__item__icon"> <span
  36. class="ux4g-icon icon-bigger-text"> </span> </span><span class="uwaw-features__item__name">Bigger Text</span>
  37. <div class="uwaw-features__item__steps reset-steps" id="featureSteps">
  38. <!-- Steps span tags will be dynamically added here --> </div>
  39. <span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon"
  40. style="display: none"> </span></button>
  41. </div>
  42. <div class="uwaw-features__item reset-feature" id="featureItem-st">
  43. <button id="btn-small-text" class="uwaw-features__item__i"
  44. data-uw-reader-content="Enable the UserWay screen reader"
  45. aria-label="Enable the UserWay screen reader" aria-pressed="false"><span
  46. class="uwaw-features__item__icon"> <span
  47. class="ux4g-icon icon-small-text"> </span> </span><span class="uwaw-features__item__name">Small Text</span>
  48. <div class="uwaw-features__item__steps reset-steps" id="featureSteps-st">
  49. <!-- Steps span tags will be dynamically added here --> </div>
  50. <span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-st"
  51. style="display: none"> </span></button>
  52. </div>
  53. <div class="uwaw-features__item reset-feature" id="featureItem-lh">
  54. <button id="btn-s12" class="uwaw-features__item__i"
  55. data-uw-reader-content="Enable the UserWay screen reader"
  56. aria-label="Enable the UserWay screen reader" aria-pressed="false"><span
  57. class="uwaw-features__item__icon"> <span
  58. class="ux4g-icon icon-line-hight"> </span> </span> <span
  59. class="uwaw-features__item__name">Line Height</span>
  60. <div class="uwaw-features__item__steps reset-steps" id="featureSteps-lh">
  61. <!-- Steps span tags will be dynamically added here --> </div>
  62. <span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-lh"
  63. style="display: none"> </span></button>
  64. </div>
  65. <div class="uwaw-features__item reset-feature" id="featureItem-ht">
  66. <button id="btn-s10" onclick="highlightLinks()" class="uwaw-features__item__i"
  67. data-uw-reader-content="Enable the UserWay screen reader"
  68. aria-label="Enable the UserWay screen reader" aria-pressed="false"><span
  69. class="uwaw-features__item__icon"> <span
  70. class="ux4g-icon icon-highlight-links"> </span> </span> <span
  71. class="uwaw-features__item__name">Highlight Links</span> <span
  72. class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-ht"
  73. style="display: none"> </span></button>
  74. </div>
  75. <div class="uwaw-features__item reset-feature" id="featureItem-ts">
  76. <button id="btn-s13" onclick="increaseAndReset()" class="uwaw-features__item__i"
  77. data-uw-reader-content="Enable the UserWay screen reader"
  78. aria-label="Enable the UserWay screen reader" aria-pressed="false"><span
  79. class="uwaw-features__item__icon"> <span
  80. class="ux4g-icon icon-text-spacing"> </span> </span> <span
  81. class="uwaw-features__item__name">Text Spacing</span>
  82. <div class="uwaw-features__item__steps reset-steps" id="featureSteps-ts">
  83. <!-- Steps span tags will be dynamically added here --> </div>
  84. <span class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-ts"
  85. style="display: none"> </span></button>
  86. </div>
  87. <div class="uwaw-features__item reset-feature" id="featureItem-df">
  88. <button id="btn-df" onclick="toggleFontFeature()" class="uwaw-features__item__i"
  89. data-uw-reader-content="Enable the UserWay screen reader"
  90. aria-label="Enable the UserWay screen reader" aria-pressed="false"><span
  91. class="uwaw-features__item__icon"> <span
  92. class="ux4g-icon icon-dyslexia-font"> </span> </span> <span
  93. class="uwaw-features__item__name">Dyslexia Friendly</span> <span
  94. class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-df"
  95. style="display: none"> </span></button>
  96. </div>
  97. <div class="uwaw-features__item reset-feature" id="featureItem-hi">
  98. <button id="btn-s11" onclick="toggleImages()" class="uwaw-features__item__i"
  99. data-uw-reader-content="Enable the UserWay screen reader"
  100. aria-label="Enable the UserWay screen reader" aria-pressed="false"><span
  101. class="uwaw-features__item__icon"> <span
  102. class="ux4g-icon icon-hide-images"> </span> </span> <span
  103. class="uwaw-features__item__name">Hide Images</span> <span
  104. class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-hi"
  105. style="display: none"> </span></button>
  106. </div>
  107. <div class="uwaw-features__item reset-feature" id="featureItem-Cursor">
  108. <button id="btn-cursor" onclick="toggleCursorFeature()" class="uwaw-features__item__i"
  109. data-uw-reader-content="Enable the UserWay screen reader"
  110. aria-label="Enable the UserWay screen reader" aria-pressed="false"><span
  111. class="uwaw-features__item__icon"> <span
  112. class="ux4g-icon icon-cursor"> </span> </span> <span
  113. class="uwaw-features__item__name">Cursor</span> <span
  114. class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-cursor"
  115. style="display: none"> </span></button>
  116. </div>
  117. <div class="uwaw-features__item reset-feature" id="featureItem-ht-dark">
  118. <button id="dark-btn" class="uwaw-features__item__i"
  119. data-uw-reader-content="Enable the UserWay screen reader"
  120. aria-label="Enable the UserWay screen reader" aria-pressed="false"><span
  121. class="uwaw-features__item__name"> <span class="light_dark_icon"> <input
  122. type="checkbox" class="light_mode uwaw-featugres__item__i" id="checkbox"/> <label
  123. for="checkbox" class="checkbox-label"> <!-- <i class="fas fa-moon-stars"></i> --> <i
  124. class="fas fa-moon-stars"> <span
  125. class="ux4g-icon icon-moon"></span> </i> <i
  126. class="fas fa-sun"> <span class="ux4g-icon icon-sun"></span> </i> <span
  127. class="ball"></span> </label> </span> <span
  128. class="uwaw-features__item__name">Light-Dark</span> </span> <span
  129. class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-ht-dark"
  130. style="display: none; pointer-events: none"> </span></button>
  131. </div> <!-- Invert Colors Widget -->
  132. <div class="uwaw-features__item reset-feature" id="featureItem-ic">
  133. <button id="btn-invert" class="uwaw-features__item__i"
  134. data-uw-reader-content="Enable the UserWay screen reader"
  135. aria-label="Enable the UserWay screen reader" aria-pressed="false"><span
  136. class="uwaw-features__item__icon"> <span
  137. class="ux4g-icon icon-invert"> </span> </span> <span
  138. class="uwaw-features__item__name">Invert Colors</span> <span
  139. class="tick-active uwaw-features__item__enabled reset-tick" id="tickIcon-ic"
  140. style="display: none"> </span></button>
  141. </div>
  142. </div>
  143. </div> <!-- Reset Button --> </div>
  144. <div class="reset-panel"> <!-- copyright accessibility bar -->
  145. <div class="copyrights-accessibility">
  146. <button class="btn-reset-all" id="reset-all" onclick="resetAll()"><span class="reset-icon"> </span> <span
  147. class="reset-btn-text">Reset All Settings</span></button>
  148. <a href="https://www.ux4g.gov.in" target="_blank" class="copyright-text" contenteditable="false"
  149. style="cursor: pointer;"> <span
  150. class="uwaw-features__item__name ux4g-copy ux4g-copyright">Created by Bonton</span> </a></div>
  151. </div>
  152. </div>
  153. <button id="uw-widget-custom-trigger" class="uw-widget-custom-trigger" aria-label="Accessibility Widget"
  154. data-uw-trigger="true" aria-haspopup="dialog" style="margin-bottom: 50px;"><img
  155. src="data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_1506)'%3E%3Cpath d='M16 7C15.3078 7 14.6311 6.79473 14.0555 6.41015C13.4799 6.02556 13.0313 5.47894 12.7664 4.83939C12.5015 4.19985 12.4322 3.49612 12.5673 2.81719C12.7023 2.13825 13.0356 1.51461 13.5251 1.02513C14.0146 0.535644 14.6383 0.202301 15.3172 0.0672531C15.9961 -0.0677952 16.6999 0.00151652 17.3394 0.266423C17.9789 0.53133 18.5256 0.979934 18.9101 1.55551C19.2947 2.13108 19.5 2.80777 19.5 3.5C19.499 4.42796 19.1299 5.31762 18.4738 5.97378C17.8176 6.62994 16.928 6.99901 16 7Z' fill='white'/%3E%3Cpath d='M27 7.05L26.9719 7.0575L26.9456 7.06563C26.8831 7.08313 26.8206 7.10188 26.7581 7.12125C25.595 7.4625 19.95 9.05375 15.9731 9.05375C12.2775 9.05375 7.14313 7.67875 5.50063 7.21188C5.33716 7.14867 5.17022 7.09483 5.00063 7.05063C3.81313 6.73813 3.00063 7.94438 3.00063 9.04688C3.00063 10.1388 3.98188 10.6588 4.9725 11.0319V11.0494L10.9238 12.9081C11.5319 13.1413 11.6944 13.3794 11.7738 13.5856C12.0319 14.2475 11.8256 15.5581 11.7525 16.0156L11.39 18.8281L9.37813 29.84C9.37188 29.87 9.36625 29.9006 9.36125 29.9319L9.34688 30.0112C9.20188 31.0206 9.94313 32 11.3469 32C12.5719 32 13.1125 31.1544 13.3469 30.0037C13.5813 28.8531 15.0969 20.1556 15.9719 20.1556C16.8469 20.1556 18.6494 30.0037 18.6494 30.0037C18.8838 31.1544 19.4244 32 20.6494 32C22.0569 32 22.7981 31.0162 22.6494 30.0037C22.6363 29.9175 22.6206 29.8325 22.6019 29.75L20.5625 18.8294L20.2006 16.0169C19.9387 14.3788 20.1494 13.8375 20.2206 13.7106C20.2225 13.7076 20.2242 13.7045 20.2256 13.7013C20.2931 13.5763 20.6006 13.2963 21.3181 13.0269L26.8981 11.0763C26.9324 11.0671 26.9662 11.0563 26.9994 11.0438C27.9994 10.6688 28.9994 10.15 28.9994 9.04813C28.9994 7.94625 28.1875 6.73813 27 7.05Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_1506'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"><span>Accessibility Options</span>
  156. </button><!-- accessibility panel end-->
  158. <script src="https://img1.digitallocker.gov.in/ux4g/UX4G-CDN-accessibility/js/weights-v1.js"></script>
  159. <script>
  160. document.getElementById('uw-widget-custom-trigger2').addEventListener('click', function() { openMain(); });
  161. </script>
  162. </div>
  163. </body>
  164. </html>