index.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Manual testing of Darkmode widget</title>
  5. <style>
  6. .container {
  7. max-width: 560px;
  8. padding: 64px;
  9. margin: auto;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <main>
  15. <div class="container">
  16. <h1>Darkmode manual test</h1>
  17. <p>
  18. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tempor nec feugiat nisl pretium. In iaculis nunc sed augue lacus viverra vitae congue eu. At tellus at urna condimentum mattis pellentesque id nibh. Pretium aenean pharetra magna ac placerat vestibulum. Integer enim neque volutpat ac tincidunt vitae semper. Dictum sit amet justo donec enim diam vulputate ut. Ut tellus elementum sagittis vitae et leo duis. Vitae sapien pellentesque habitant morbi. Pellentesque diam volutpat commodo sed egestas egestas fringilla. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed.
  19. </p>
  20. <p>
  21. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tempor nec feugiat nisl pretium. In iaculis nunc sed augue lacus viverra vitae congue eu. At tellus at urna condimentum mattis pellentesque id nibh. Pretium aenean pharetra magna ac placerat vestibulum. Integer enim neque volutpat ac tincidunt vitae semper. Dictum sit amet justo donec enim diam vulputate ut. Ut tellus elementum sagittis vitae et leo duis. Vitae sapien pellentesque habitant morbi. Pellentesque diam volutpat commodo sed egestas egestas fringilla. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed.
  22. </p>
  23. <p>
  24. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa tempor nec feugiat nisl pretium. In iaculis nunc sed augue lacus viverra vitae congue eu. At tellus at urna condimentum mattis pellentesque id nibh. Pretium aenean pharetra magna ac placerat vestibulum. Integer enim neque volutpat ac tincidunt vitae semper. Dictum sit amet justo donec enim diam vulputate ut. Ut tellus elementum sagittis vitae et leo duis. Vitae sapien pellentesque habitant morbi. Pellentesque diam volutpat commodo sed egestas egestas fringilla. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed.
  25. </p>
  26. </div>
  27. </main>
  28. <script src="../lib/darkmode-js.js"></script>
  29. <script>
  30. new Darkmode({
  31. bottom: '32px',
  32. right: '32px',
  33. time: '0.5s',
  34. label: '🌓'
  35. }).showWidget();
  36. </script>
  37. </body>
  38. </html>