Files
remove-youtube-suggestions/src/options.html
T
2022-09-29 18:39:01 -04:00

150 lines
8.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Remove Youtube Suggestions</title>
<link rel="icon" href="images/128.png">
<link rel="stylesheet" type="text/css" href="css/options/general.css">
<link rel="stylesheet" type="text/css" href="css/options/header.css">
<link rel="stylesheet" type="text/css" href="css/options/options.css">
<link rel="stylesheet" type="text/css" href="css/options/body.css">
<link rel="stylesheet" type="text/css" href="css/options/footer.css">
</head>
<body>
<div id="timer_container">
<div>Menu Timer</div>
<div></div>
</div>
<div id='settings-menu' class='hidden'>
<div id='settings-enable'>Enable</div>
<div id='settings-disable'>Disable</div>
<hr>
<a href='https://www.youtube.com/feed/history' title="Too many cat video suggestions? Try removing cat videos from your watch history." target="_blank">Manage History</a>
<a href='https://myactivity.google.com/product/youtube' title="Too many cat video suggestions? Try removing cat videos from your watch history." target="_blank">Manage History — Advanced</a>
<hr>
<a href='https://github.com/lawrencehook/remove-youtube-suggestions' target='_blank'>View Source Code</a>
<a href='https://docs.google.com/forms/d/1AzQQxTWgG6M5N87jinvXKQkGS6Mehzg19XV4mjteTK0' target='_blank'>Give Feedback</a>
<a href='https://www.paypal.com/donate/?cmd=_donations&business=FF9K9YD6K6SWG&Z3JncnB0=' target='_blank'>❤️ Donate</a>
</div>
<div id='header'>
<div id='header-left'>
<a href='https://lawrencehook.com/rys' target='_blank'>
<img id='header-logo' src="images/rys.svg">
</a>
<div id='header-text'>Remove Youtube Suggestions</div>
</div>
<div id='header-right'>
<a title='On/Off' id='global_enable'>
<svg id="header-toggle" class='global_enable header-toggle' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<path d=" M 244.802 61.643 C 234.168 50.875 224.661 42.297 210.837 35.523 C 202.151 31.261 191.669 34.934 187.47 43.717 C 183.243 52.501 186.889 63.072 195.566 67.334 C 205.86 72.375 212.776 77.95 220.72 85.992 C 259.717 125.427 259.717 189.586 220.72 229.011 C 201.83 248.125 176.694 258.624 149.984 258.624 C 123.266 258.624 98.138 248.116 79.247 229.011 C 40.251 189.586 40.251 125.427 79.247 85.992 C 87.218 77.941 95.099 72.384 104.885 67.352 C 113.15 63.081 116.608 52.519 112.597 43.726 C 108.584 34.952 99.952 31.341 91.482 35.487 C 78.051 42.082 65.844 50.875 55.184 61.643 C 2.901 114.498 2.901 200.488 55.184 253.352 C 81.33 279.775 115.662 293 149.994 293 C 184.334 293 218.666 279.784 244.803 253.352 C 297.104 200.506 297.104 114.507 244.802 61.643 Z M 149.984 174 C 159.849 174 167.855 165.993 167.855 156.129 L 167.882 24.871 C 167.882 15.007 159.876 7 150.011 7 C 140.145 7 132.139 15.007 132.139 24.871 L 132.139 78.486 L 132.112 156.128 C 132.112 166.002 140.118 174 149.984 174 Z " fill="#000000"/>
</svg>
</a>
<div id='dark_mode'>
<a title='Dark Mode'>
<svg id='header-light' class='dark_mode' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<circle fill="#FFFFFF" cx="12" cy="12" r="5"/>
<path fill="#FFFFFF" d="M21,13H20a1,1,0,0,1,0-2h1a1,1,0,0,1,0,2Z"/>
<path fill="#FFFFFF" d="M4,13H3a1,1,0,0,1,0-2H4a1,1,0,0,1,0,2Z"/>
<path fill="#FFFFFF" d="M17.66,7.34A1,1,0,0,1,17,7.05a1,1,0,0,1,0-1.41l.71-.71a1,1,0,1,1,1.41,1.41l-.71.71A1,1,0,0,1,17.66,7.34Z"/>
<path fill="#FFFFFF" d="M5.64,19.36a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.41L5.64,17a1,1,0,0,1,1.41,1.41l-.71.71A1,1,0,0,1,5.64,19.36Z"/>
<path fill="#FFFFFF" d="M12,5a1,1,0,0,1-1-1V3a1,1,0,0,1,2,0V4A1,1,0,0,1,12,5Z"/>
<path fill="#FFFFFF" d="M12,22a1,1,0,0,1-1-1V20a1,1,0,0,1,2,0v1A1,1,0,0,1,12,22Z"/>
<path fill="#FFFFFF" d="M6.34,7.34a1,1,0,0,1-.7-.29l-.71-.71A1,1,0,0,1,6.34,4.93l.71.71a1,1,0,0,1,0,1.41A1,1,0,0,1,6.34,7.34Z"/>
<path fill="#FFFFFF" d="M18.36,19.36a1,1,0,0,1-.7-.29L17,18.36A1,1,0,0,1,18.36,17l.71.71a1,1,0,0,1,0,1.41A1,1,0,0,1,18.36,19.36Z"/>
</svg>
</a>
<a title='Light Mode'>
<svg id='header-dark' class='dark_mode' viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill="#464646" d="M20.21,15.32A8.56,8.56,0,1,1,11.29,3.5a.5.5,0,0,1,.51.28.49.49,0,0,1-.09.57A6.46,6.46,0,0,0,9.8,9a6.57,6.57,0,0,0,9.71,5.72.52.52,0,0,1,.58.07A.52.52,0,0,1,20.21,15.32Z"/>
</svg>
</a>
</div>
<svg id='header-settings' viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="32" r="7" fill="black"/>
<circle cx="52" cy="32" r="7" fill="black"/>
<circle cx="32" cy="32" r="7" fill="black"/>
</svg>
</div>
</div>
<div id='search_bar'>
<input type=search placeholder='Search' autofocus tabindex="0"></input>
</div>
<div id="disabled_message">
Remove YouTube Suggestions is turned off.
</div>
<div id="primary_options" tabindex="-1">
<div id='template_section' class='section_container removed'>
<div class='section_label'></div>
</div>
<div id='template_option' class='option removed' tabindex="0">
<svg class='option_toggle' viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path class='option-toggle-outer-path' fill="gray" d="M 11, 3 H 5 C 2.239, 3, 0, 5.239, 0, 8 s 2.239, 5, 5, 5 h 6 c 2.761, 0, 5 -2.239, 5 -5 S 13.761, 3, 11, 3 z"/>
<circle class='option-toggle-circle' fill="white" cx="5" cy="8" r="3"/>
</svg>
<div class='option_label noselect'></div>
<div class='option_label_short noselect removed'></div>
</div>
</div>
<hr id='footer_hr'>
<div id='footer'>
<a id='donate_button' href='https://www.paypal.com/donate/?cmd=_donations&business=FF9K9YD6K6SWG&Z3JncnB0=' title='Support (Paypal)' target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 490.4 490.4">
<path class='footer-path' d="M59.7,86.8c22.6-22.6,52.7-35.1,84.7-35.1s62.2,12.5,84.9,35.2l7.4,7.4c2.3,2.3,5.4,3.6,8.7,3.6l0,0c3.2,0,6.4-1.3,8.7-3.6l7.2-7.2c22.7-22.7,52.8-35.2,84.9-35.2c32,0,62.1,12.5,84.7,35.1c22.7,22.7,35.1,52.8,35.1,84.8s-12.5,62.1-35.2,84.8L251,436.4c-2.9,2.9-8.2,2.9-11.2,0l-180-180c-22.7-22.7-35.2-52.8-35.2-84.8C24.6,139.6,37.1,109.5,59.7,86.8z" fill="white" stroke="black" stroke-width="30"/>
</svg>
</a>
<a id='info_button' href='https://lawrencehook.com/rys/' title='Info' target="_blank">
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path class='footer-path' d="M16,12a2,2,0,1,1,2-2A2,2,0,0,1,16,12Zm0-2Z"/>
<path class='footer-path' d="M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z"/>
<path class='footer-path' d="M16,24a2,2,0,0,1-2-2V16a2,2,0,0,1,4,0v6A2,2,0,0,1,16,24Zm0-8v0Z"/>
</svg>
</a>
<a id='bug_button' href='https://docs.google.com/forms/d/1AzQQxTWgG6M5N87jinvXKQkGS6Mehzg19XV4mjteTK0' title='Report a Bug / Feature Request' target="_blank">
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<path class='footer-path' d="M6.188,52.173A2,2,0,0,0,5,54v8H9V55.3l6.992-3.108a17.968,17.968,0,0,0,32.016,0L55,55.3V62h4V54a2,2,0,0,0-1.188-1.827l-8.39-3.729a17.858,17.858,0,0,0,.511-3.115l7.879-3.5A2,2,0,0,0,59,40V32H55v6.7l-5,2.223V30.3l7.812-3.472A2,2,0,0,0,59,25V17H55v6.7l-5.325,2.367A6.006,6.006,0,0,0,44,22H42V18a7.941,7.941,0,0,0-.99-3.847l3.239-2.591A2,2,0,0,0,45,10V5H41V9.039l-2.747,2.2A7.939,7.939,0,0,0,34,10H30a7.939,7.939,0,0,0-4.253,1.237L23,9.039V5H19v5a2,2,0,0,0,.751,1.562l3.239,2.591A7.941,7.941,0,0,0,22,18v4H20a6.006,6.006,0,0,0-5.675,4.067L9,23.7V17H5v8a2,2,0,0,0,1.188,1.827L14,30.3V40.923L9,38.7V32H5v8a2,2,0,0,0,1.188,1.827l7.879,3.5a17.858,17.858,0,0,0,.511,3.115ZM18,44V34H30V57.84A14.009,14.009,0,0,1,18,44ZM34,57.84V34H46V44A14.009,14.009,0,0,1,34,57.84ZM26,18a4,4,0,0,1,4-4h4a4,4,0,0,1,4,4v4H26Zm-6,8H44a2,2,0,0,1,2,2v2H18V28A2,2,0,0,1,20,26Z"/>
</svg>
</a>
<a id='reload_button' title='Refresh Page'>
<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<path class='footer-path' d="M35.3 12.7c-2.89-2.9-6.88-4.7-11.3-4.7-8.84 0-15.98 7.16-15.98 16s7.14 16 15.98 16c7.45 0 13.69-5.1 15.46-12h-4.16c-1.65 4.66-6.07 8-11.3 8-6.63 0-12-5.37-12-12s5.37-12 12-12c3.31 0 6.28 1.38 8.45 3.55l-6.45 6.45h14v-14l-4.7 4.7z"/>
</svg>
</a>
</div>
<script src="js/options/reload.js"></script>
<script src="js/options/main.js"></script>
<script src="js/options/settings.js"></script>
</body>
</html>