aboutsummaryrefslogtreecommitdiffhomepage
path: root/index.html
diff options
context:
space:
mode:
authorMango0x45 <thomasvoss@live.com> 2021-05-14 13:39:56 +0200
committerMango0x45 <thomasvoss@live.com> 2021-05-14 13:39:56 +0200
commit9a545eb6633b293822771f6ae5c6530780513142 (patch)
treef674ca55ea8499950455fc5c981347846acd73e1 /index.html
parent3ae7d94e4b851b41c89f0e08932d62352e06bedc (diff)
Add a settings page and make Jerrin happy
Diffstat (limited to 'index.html')
-rw-r--r--index.html45
1 files changed, 34 insertions, 11 deletions
diff --git a/index.html b/index.html
index 2c7d192..cfaefdc 100644
--- a/index.html
+++ b/index.html
@@ -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>