diff options
author | Mango0x45 <thomasvoss@live.com> | 2021-05-14 13:39:56 +0200 |
---|---|---|
committer | Mango0x45 <thomasvoss@live.com> | 2021-05-14 13:39:56 +0200 |
commit | 9a545eb6633b293822771f6ae5c6530780513142 (patch) | |
tree | f674ca55ea8499950455fc5c981347846acd73e1 /index.html | |
parent | 3ae7d94e4b851b41c89f0e08932d62352e06bedc (diff) |
Add a settings page and make Jerrin happy
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 45 |
1 files changed, 34 insertions, 11 deletions
@@ -1,6 +1,6 @@ <!DOCTYPE html> -<html theme="light"> +<html> <head> <title>YouTube Frame Timer</title> @@ -12,19 +12,39 @@ </head> <body> - <label class="switch"> - <input type="checkbox" id="page_theme" onclick="change_theme()"> - <span class="slider" id="slider"></span> - </label> - <!-- This needs to come after the above switch --> - <script src="main.js"></script> - + <a href="settings.html" id="settings"> + <!-- + Source: https://freesvg.org/options-icon-24168 + License: Public Domain + --> + <svg viewBox="0 0 100 100"> + <path d="m50.011 0c-2.8839 0-5.7139 0.25936-8.4642 0.7281l-1.3424 14.221c + -2.8444 0.79287-5.5365 1.9015-8.0546 3.322l-10.99-9.0785c-4.6419 + 3.286-8.7054 7.3259-11.991 11.968l9.1012 10.99c-1.4188 2.5151-2.552 + 5.214-3.3447 8.0546l-14.197 1.35c-0.46893 2.75-0.728 5.58-0.728 + 8.49 0 2.8897 0.25747 5.7085 0.7281 8.4641l14.198 1.3425c0.79274 + 2.8406 1.926 5.5395 3.3447 8.0546l-9.0785 10.99c3.2796 4.6294 + 7.3161 8.6885 11.945 11.968l11.013-9.1013c2.5197 1.4217 5.2082 + 2.5515 8.0546 3.3447l1.3424 14.221c2.7503 0.4688 5.5803 0.7054 + 8.4642 0.7054 2.8838 0 5.6911-0.2366 8.4414-0.7054l1.3424-14.221c + 2.8465-0.7932 5.5349-1.923 8.0546-3.3447l11.013 9.1013c + 4.6293-3.2797 8.6658-7.3388 11.945-11.968l-9.0785-10.99c + 1.4188-2.5151 2.552-5.214 3.3447-8.0546l14.198-1.3425c0.47063-2.7556 + 0.7281-5.5744 0.7281-8.4641 0-2.8848-0.25907-5.7131-0.7281-8.4642l + -14.198-1.3424c-0.79274-2.8406-1.926-5.5395-3.3447-8.0546l + 9.1012-10.99c-3.2855-4.6423-7.349-8.6821-11.991-11.968l-10.99 + 9.0785c-2.5181-1.4205-5.2102-2.5291-8.0546-3.322l-1.3424-14.221c + -2.7503-0.46874-5.5576-0.7281-8.4414-0.7281zm0 30.967c10.516 0 + 19.022 8.528 19.022 19.044s-8.5053 19.044-19.022 19.044c-10.516 + 0-19.044-8.528-19.044-19.044s8.528-19.044 19.044-19.044z"/> + </svg> + </a> <h1>Speedrun Retimer without Ads</h1> - <a href="https://github.com/Mango0x45/no-ad-retimer" target="_blank"> + <a href="https://github.com/Mango0x45/no-ad-retimer" target="_blank" class="toggleable"> Source code (GitHub) </a> <h3>Video Framerate</h3> - <p> + <p class="toggleable"> Right click the YouTube video and select “Stats for nerds.” The third line is “Current / Optimal Res” - find the two numbers after the @ and enter them for framerate. @@ -34,7 +54,7 @@ <input type="text" id="framerate" size="3" value="30" onchange='check_fps(event)'> </p> <h3>Video Endpoints</h3> - <p> + <p class="toggleable"> Find the starting point (you can use the <code>,</code> and <code>.</code> keys to find the exact frame). Right click the video and select “Copy debug info” and paste it for starting frame. Repeat for ending frame. @@ -56,6 +76,9 @@ <button id="mod_message_button" disabled onclick="copy_mod_message()"> Copy Mod Message to Clipboard </button> + + <script src="main.js"></script> + <script src="settings.js"></script> </body> </html> |