diff options
Diffstat (limited to 'settings.html')
| -rw-r--r-- | settings.html | 61 |
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> |