settings.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE HTML>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Halcyon Share Settings</title>
  8. <link rel="shortcut icon" href="favicon.ico">
  9. <link rel="stylesheet" href="settings.css" media="all">
  10. <script>
  11. if(window.matchMedia("(prefers-color-scheme: dark)").matches)
  12. document.write('<link rel="stylesheet" href="settings_dark.css" media="all">');
  13. </script>
  14. </head>
  15. <body>
  16. <header id="header">
  17. <div class="header_nav_wrap">
  18. <nav class="header_left_box">
  19. <ul class="header_nav_list">
  20. <li id="header_nav_item_home" class="header_nav_item">
  21. <a href="#" id="home_nav">
  22. <img src="icon-96.png" style="width:32px">
  23. </a>
  24. </li>
  25. </ul>
  26. </nav>
  27. <nav class="header_right_box">
  28. <ul class="header_nav_list">
  29. <li class="header_nav_item toot_button_wrap">
  30. <a href="https://www.halcyon.social">
  31. <span>What is Halcyon ›</span>
  32. </a>
  33. </li>
  34. </ul>
  35. </nav>
  36. </div>
  37. </header>
  38. <main id="main">
  39. <div class="article_wrap">
  40. <div class="content first">
  41. <span class="putmessage"></span>
  42. <form id="statusform">
  43. <span class="pageheading">Halcyon Share Settings</span>
  44. <div class="settingsbox">
  45. <label for="instance">Halcyon instance URL</label>
  46. <input type="text" id="instance" placeholder="halcyon.example.com">
  47. </div>
  48. <div class="settingsbox">
  49. <label for="keeptweet">Create split button with Tweet and Toot</label>
  50. <div class="switch">
  51. <input type="checkbox" id="keeptweet">
  52. <div class="switch-btn">
  53. <span></span>
  54. </div>
  55. </div>
  56. </div>
  57. <button type="submit" class="toot_button">
  58. <div class="toot_button_label">
  59. <span>Save and close</span>
  60. </div>
  61. </button>
  62. </form>
  63. </div>
  64. </div>
  65. </main>
  66. <script src="settings.js"></script>
  67. </body>
  68. </html>