popup.html 4.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta content="text/html; charset=utf-8" />
  5. <title>Return YouTube Dislike</title>
  6. <link rel="stylesheet" href="popup.css" />
  7. <link rel="preconnect" href="https://fonts.googleapis.com" />
  8. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  9. <link
  10. href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap"
  11. rel="stylesheet"
  12. />
  13. </head>
  14. <body>
  15. <center>
  16. <svg width="48" viewBox="0 0 24 24">
  17. <path
  18. d="M14.9 3H6c-.9 0-1.6.5-1.9 1.2l-3 7c-.1.3-.1.5-.1.7v2c0 1.1.9 2 2 2h6.3l-.9 4.5c-.1.5 0 1 .4 1.4l1.1 1.1 6.5-6.6c.4-.4.6-.9.6-1.4V5c-.1-1.1-1-2-2.1-2zm7.4 12.8h-2.9c-.4 0-.7-.3-.7-.7V3.9c0-.4.3-.7.7-.7h2.9c.4 0 .7.3.7.7V15c0 .4-.3.8-.7.8z"
  19. fill="red"
  20. />
  21. <path d="m8 12.5 5.1-2.9L8 6.7v5.8z" fill="#fff" />
  22. </svg>
  23. <h1>Return YouTube Dislike</h1>
  24. <img id="server-status" src="./icons/server.svg" alt="" />
  25. <p>API Status: <span id="status"></span></p>
  26. <p>by Dmitrii Selivanov & Community</p>
  27. <p id="ext-version"></p>
  28. <svg width="48" viewBox="0 0 24 24"><path d="M14.9 3H6c-.9 0-1.6.5-1.9 1.2l-3 7c-.1.3-.1.5-.1.7v2c0 1.1.9 2 2 2h6.3l-.9 4.5c-.1.5 0 1 .4 1.4l1.1 1.1 6.5-6.6c.4-.4.6-.9.6-1.4V5c-.1-1.1-1-2-2.1-2zm7.4 12.8h-2.9c-.4 0-.7-.3-.7-.7V3.9c0-.4.3-.7.7-.7h2.9c.4 0 .7.3.7.7V15c0 .4-.3.8-.7.8z" fill="red"/><path d="m8 12.5 5.1-2.9L8 6.7v5.8z" fill="#fff"/></svg>
  29. <h1 style="margin-bottom: 0;">Return YouTube Dislike</h1>
  30. <p style="color: var(--lightGrey); margin-top: .25rem;">by Dmitrii Selivanov & Community</p>
  31. <button id="link_website">Website</button>
  32. <button id="link_github">GitHub</button>
  33. <button id="link_discord">Discord</button>
  34. <br /><br />
  35. <button id="link_faq">FAQ</button>
  36. <button id="link_donate">Donate</button>
  37. <br />
  38. <br />
  39. <button id="advancedToggle">Show Settings</button>
  40. <br />
  41. <br>
  42. </center>
  43. <button id="advancedToggle">
  44. <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><rect fill="none" height="24" width="24"/><path d="M19.5,12c0-0.23-0.01-0.45-0.03-0.68l1.86-1.41c0.4-0.3,0.51-0.86,0.26-1.3l-1.87-3.23c-0.25-0.44-0.79-0.62-1.25-0.42 l-2.15,0.91c-0.37-0.26-0.76-0.49-1.17-0.68l-0.29-2.31C14.8,2.38,14.37,2,13.87,2h-3.73C9.63,2,9.2,2.38,9.14,2.88L8.85,5.19 c-0.41,0.19-0.8,0.42-1.17,0.68L5.53,4.96c-0.46-0.2-1-0.02-1.25,0.42L2.41,8.62c-0.25,0.44-0.14,0.99,0.26,1.3l1.86,1.41 C4.51,11.55,4.5,11.77,4.5,12s0.01,0.45,0.03,0.68l-1.86,1.41c-0.4,0.3-0.51,0.86-0.26,1.3l1.87,3.23c0.25,0.44,0.79,0.62,1.25,0.42 l2.15-0.91c0.37,0.26,0.76,0.49,1.17,0.68l0.29,2.31C9.2,21.62,9.63,22,10.13,22h3.73c0.5,0,0.93-0.38,0.99-0.88l0.29-2.31 c0.41-0.19,0.8-0.42,1.17-0.68l2.15,0.91c0.46,0.2,1,0.02,1.25-0.42l1.87-3.23c0.25-0.44,0.14-0.99-0.26-1.3l-1.86-1.41 C19.49,12.45,19.5,12.23,19.5,12z M12.04,15.5c-1.93,0-3.5-1.57-3.5-3.5s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.97,15.5,12.04,15.5z"/></svg>
  45. </button>
  46. <fieldset id="advancedSettings">
  47. <legend id="advancedLegend">Settings</legend>
  48. <label class="switch">
  49. <input type="checkbox" id="disable_vote_submission" />
  50. <span class="slider" />
  51. <span class="switchLabel">Disable like/dislike submission</span>
  52. </label>
  53. <br />
  54. <span class="switchLabel">Green/Red Ratio Bar</span> </label
  55. ><br />
  56. <!-- <label class="switch">
  57. <input type="checkbox" id="disable_api_unlisted" />
  58. <span class="slider" />
  59. <span class="switchLabel">Lorem ipsum dolor sit amet</span> </label
  60. ><br /> -->
  61. <span class="switchLabel">5-star Rating Bar</span> </label
  62. ><br />
  63. <label class="switch">
  64. <input type="checkbox" id="disable_api_unlisted" />
  65. <span class="slider" />
  66. <span class="switchLabel">Lights Off</span> </label
  67. ><br />
  68. </fieldset>
  69. </body>
  70. <script src="popup.js"></script>
  71. </html>