mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2024-09-20 13:03:45 +02:00
f99a3f5088
- Fix css when using html5 - Add encoding scheme to html - Remove font-size change on title on hover. It's jarring seeing the whole page move when trying to move your mouse to the options. - Remove center tags - Remove unnecessary styles - Fix some minor grammar
263 lines
6 KiB
HTML
263 lines
6 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<title>Options - SponsorBlock</title>
|
|
<meta charset="utf-8">
|
|
|
|
<link href="options.css" rel="stylesheet"/>
|
|
|
|
<script src="../utils.js"></script>
|
|
<script src="../SB.js"></script>
|
|
<script src="options.js"></script>
|
|
</head>
|
|
|
|
<body class="sponsorBlockPageBody">
|
|
|
|
<div id="title">
|
|
<img src="../icons/LogoSponsorBlocker256px.png" height="80" class="profilepic"/>
|
|
SponsorBlock
|
|
</div>
|
|
|
|
<div class="center">
|
|
<p class="createdBy">__MSG_createdBy__ <a href="https://ajay.app">Ajay Ramachandran</a> <img src="../icons/newprofilepic.jpg" height="30" class="profilepiccircle"/></p>
|
|
|
|
<h1>__MSG_Options__</h1>
|
|
|
|
<div id="options" class="hidden">
|
|
|
|
<div id="support-invidious" option-type="toggle" sync-option="supportInvidious">
|
|
<label class="switch-container" label-name="__MSG_supportInvidious__">
|
|
<label class="switch">
|
|
<input type="checkbox">
|
|
<span class="slider round"></span>
|
|
</label>
|
|
</label>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="small-description">__MSG_supportInvidiousDescription__</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div option-type="text-change" sync-option="invidiousInstances">
|
|
<div class="option-button trigger-button">
|
|
__MSG_addInvidiousInstance__
|
|
</div>
|
|
|
|
<br/>
|
|
|
|
<div class="small-description">__MSG_addInvidiousInstanceDescription__</div>
|
|
|
|
<div class="option-hidden-section hidden">
|
|
<br/>
|
|
|
|
<input class="option-text-box" type="text">
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="option-button text-change-set inline">
|
|
__MSG_add__
|
|
</div>
|
|
|
|
<div class="option-button invidious-instance-reset inline">
|
|
__MSG_resetInvidiousInstance__
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<span class="small-description">__MSG_currentInstances__</span>
|
|
<span class="small-description" option-type="display" sync-option="invidiousInstances"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div option-type="toggle" toggle-type="reverse" sync-option="disableAutoSkip">
|
|
<label class="switch-container" label-name="__MSG_autoSkip__">
|
|
<label class="switch">
|
|
<input type="checkbox" checked>
|
|
<span class="slider round"></span>
|
|
</label>
|
|
</label>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="small-description">__MSG_autoSkipDescription__</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div option-type="keybind-change" sync-option="startSponsorKeybind">
|
|
<div class="option-button trigger-button">
|
|
__MSG_setStartSponsorShortcut__
|
|
</div>
|
|
|
|
<div class="option-hidden-section hidden">
|
|
<br/>
|
|
|
|
<div class="medium-description keybind-status">
|
|
__MSG_keybindDescription__
|
|
</div>
|
|
|
|
<span class="medium-description bold keybind-status-key">
|
|
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div option-type="keybind-change" sync-option="submitKeybind">
|
|
<div class="option-button trigger-button">
|
|
__MSG_setSubmitKeybind__
|
|
</div>
|
|
|
|
<div class="option-hidden-section hidden">
|
|
<br/>
|
|
|
|
<div class="medium-description keybind-status">
|
|
__MSG_keybindDescription__
|
|
</div>
|
|
|
|
<span class="medium-description bold keybind-status-key">
|
|
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div option-type="toggle" toggle-type="reverse" sync-option="hideVideoPlayerControls">
|
|
<label class="switch-container" label-name="__MSG_showButtons__">
|
|
<label class="switch">
|
|
<input type="checkbox" checked>
|
|
<span class="slider round"></span>
|
|
</label>
|
|
</label>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="small-description">__MSG_hideButtonsDescription__</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div option-type="toggle" toggle-type="reverse" sync-option="hideInfoButtonPlayerControls">
|
|
<label class="switch-container" label-name="__MSG_showInfoButton__">
|
|
<label class="switch">
|
|
<input type="checkbox" checked>
|
|
<span class="slider round"></span>
|
|
</label>
|
|
</label>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="small-description">__MSG_whatInfoButton__</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div option-type="toggle" toggle-type="reverse" sync-option="hideDeleteButtonPlayerControls">
|
|
<label class="switch-container" label-name="__MSG_showDeleteButton__">
|
|
<label class="switch">
|
|
<input type="checkbox" checked>
|
|
<span class="slider round"></span>
|
|
</label>
|
|
</label>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="small-description">__MSG_whatDeleteButton__</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div option-type="toggle" sync-option="autoUpvote">
|
|
<label class="switch-container" label-name="__MSG_enableAutoUpvote__">
|
|
<label class="switch">
|
|
<input type="checkbox" checked>
|
|
<span class="slider round"></span>
|
|
</label>
|
|
</label>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="small-description">__MSG_whatAutoUpvote__</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div option-type="toggle" sync-option="trackViewCount">
|
|
<label class="switch-container" label-name="__MSG_enableViewTracking__">
|
|
<label class="switch">
|
|
<input type="checkbox" checked>
|
|
<span class="slider round"></span>
|
|
</label>
|
|
</label>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="small-description">__MSG_whatViewTracking__</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div option-type="text-change" sync-option="userID" confirm-message="userIDChangeWarning">
|
|
<div class="option-button trigger-button">
|
|
__MSG_changeUserID__
|
|
</div>
|
|
|
|
<br/>
|
|
|
|
<div class="small-description">__MSG_whatChangeUserID__</div>
|
|
|
|
<div class="option-hidden-section hidden">
|
|
<br/>
|
|
|
|
<input class="option-text-box" type="text">
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="option-button text-change-set">
|
|
__MSG_setUserID__
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div option-type="toggle" toggle-type="reverse" sync-option="dontShowNotice">
|
|
<label class="switch-container" label-name="__MSG_showSkipNotice__">
|
|
<label class="switch">
|
|
<input type="checkbox" checked>
|
|
<span class="slider round"></span>
|
|
</label>
|
|
</label>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|