aboutsummaryrefslogtreecommitdiffhomepage
path: root/settings.html
diff options
context:
space:
mode:
Diffstat (limited to 'settings.html')
-rw-r--r--settings.html61
1 files changed, 61 insertions, 0 deletions
diff --git a/settings.html b/settings.html
new file mode 100644
index 0000000..c4eaced
--- /dev/null
+++ b/settings.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+
+<html theme="light">
+
+<head>
+ <title>YouTube Frame Timer</title>
+ <meta charset="utf-8">
+ <meta name="keywords" content="Speedrun, Retime">
+ <meta name="description" content="A speedrun retime tool">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="style.css" type="text/css" media="screen">
+</head>
+
+<body>
+ <a href="index.html" id="back">
+ <!--
+ Source: https://www.svgrepo.com/svg/18507/back-button
+ License: CC0 - Creative Commons (No rights reserved)
+ -->
+ <svg viewBox="0 0 219.151 219.151">
+ <path d="M109.576,219.151c60.419,0,109.573-49.156,109.573-109.576C219.149,
+ 49.156,169.995,0,109.576,0S0.002,49.156,0.002,109.575C0.002,
+ 169.995,49.157,219.151,109.576,219.151z M109.576,15c52.148,0,
+ 94.573,42.426,94.574,94.575c0,52.149-42.425,94.575-94.574,
+ 94.576c-52.148-0.001-94.573-42.427-94.573-94.577C15.003,57.427,
+ 57.428,15,109.576,15z"/>
+ <path d="M94.861,156.507c2.929,2.928,7.678,2.927,10.606,0c2.93-2.93,
+ 2.93-7.678-0.001-10.608l-28.82-28.819l83.457-0.008c4.142-0.001,
+ 7.499-3.358,7.499-7.502c-0.001-4.142-3.358-7.498-7.5-7.498l-83.46,
+ 0.008l28.827-28.825c2.929-2.929,2.929-7.679,0-10.607c
+ -1.465-1.464-3.384-2.197-5.304-2.197c-1.919,0-3.838,0.733-5.303,
+ 2.196l-41.629,41.628c-1.407,1.406-2.197,3.313-2.197,5.303c0.001,
+ 1.99,0.791,3.896,2.198,5.305L94.861,156.507z"/>
+ </svg>
+ </a>
+ <h1>Page Settings</h1>
+ <h3 class="options">Dark Theme</h3>
+ <label class="switch">
+ <input type="checkbox" id="page_theme" onclick="change_theme()">
+ <span class="slider" id="slider"></span>
+ </label>
+ <br>
+ <br>
+ <h3 class="options">Remove Titles</h3>
+ <label class="switch">
+ <input type="checkbox" id="page_titles" onclick="remove_titles()">
+ <span class="slider" id="slider"></span>
+ </label>
+ <br>
+ <br>
+ <h3 class="options">Remove Text</h3>
+ <label class="switch">
+ <input type="checkbox" id="page_text" onclick="remove_text()">
+ <span class="slider" id="slider"></span>
+ </label>
+
+ <!-- This needs to come after the switches switch -->
+ <script src="settings.js"></script>
+</body>
+
+</html>