index.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>vget: Vimeo video ripper</title>
  6. <meta name="description" content="vget">
  7. <meta name="author" content="6a">
  8. <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
  9. <link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
  10. <link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
  11. <link rel="manifest" href="./site.webmanifest">
  12. <link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5">
  13. <meta name="msapplication-TileColor" content="#2b5797">
  14. <meta name="theme-color" content="#ffffff">
  15. <link rel="stylesheet" href="style.css">
  16. </head>
  17. <body>
  18. <div class="app">
  19. <p class="noselect">enter the full video path</p>
  20. <h4>example: https://vimeo.com/channels/staffpicks/212731897</h4>
  21. <div id="input-wrapper" class="input-section">
  22. <input id="input-field" type="text" class="" spellcheck="false">
  23. <select id="selector">
  24. <option value="1920">1080P</option>
  25. <option value="1280">720P</option>
  26. <option value="960">540P</option>
  27. <option value="640">360P</option>
  28. </select>
  29. <button id="button" disabled><img class="go-button" src="./img/play-button.svg" alt=""></button>
  30. </div>
  31. <div class="link-box">
  32. <a target="_blank" href="" class="inactive" id="result-url-anchor">
  33. <h5 id="result-url-txt">www</h5>
  34. </a>
  35. <a target="_blank" href="" class="inactive" id="result-poster-anchor">
  36. <h5 id="result-poster-txt">www</h5>
  37. </a>
  38. </div>
  39. <h4 id="tip" class="inactive">tip: click on the links to view them, or right click -> save as to download.</h4>
  40. </div>
  41. <script src="code.js"></script>
  42. </body>
  43. </html>