From 1c70c8941923febf07e263e9c2b918b9b458d21e Mon Sep 17 00:00:00 2001
From: xiaoxuan010 <2592053474@qq.com>
Date: Thu, 26 Dec 2024 16:25:48 +0800
Subject: [PATCH] Format HTML Source Files

---
 public/options/options.html | 464 ++++++++++++++++--------------------
 public/popup.html           |  28 +--
 2 files changed, 214 insertions(+), 278 deletions(-)
diff --git a/public/options/options.html b/public/options/options.html
index f98c6cb5..02f0e857 100644
--- a/public/options/options.html
+++ b/public/options/options.html
@@ -3,9 +3,9 @@
 
 <head>
 	<title>__MSG_Options__ - SponsorBlock</title>
-	<meta charset="utf-8">
+	<meta charset="utf-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
-	<link rel="icon" href="../icons/IconSponsorBlocker32px.png" type="image/png">
+	<link rel="icon" href="../icons/IconSponsorBlocker32px.png" type="image/png" />
 
 	<link href="options.css" rel="stylesheet" />
 
@@ -13,43 +13,26 @@
 </head>
 
 <body class="sponsorBlockPageBody">
-
 	<div id="options-container">
-
 		<div id="menubar" class="center">
-
 			<div id="title" class="titleBar">
 				<img src="../icons/LogoSponsorBlocker256px.png" class="profilepic" alt="SponsorBlock logo" />
-				<div class="title-text">
-					__MSG_fullName__
-				</div>
+				<div class="title-text">__MSG_fullName__</div>
 				<div id="version"></div>
 			</div>
 
 			<div id="navigation">
-				<div class="tab-heading" data-for="behavior">
-					__MSG_optionsTabBehavior__
-				</div>
+				<div class="tab-heading" data-for="behavior">__MSG_optionsTabBehavior__</div>
 
-				<div class="tab-heading" data-for="interface">
-					__MSG_optionsTabInterface__
-				</div>
+				<div class="tab-heading" data-for="interface">__MSG_optionsTabInterface__</div>
 
-				<div class="tab-heading" data-for="keybinds">
-					__MSG_optionsTabKeyBinds__
-				</div>
+				<div class="tab-heading" data-for="keybinds">__MSG_optionsTabKeyBinds__</div>
 
-				<div class="tab-heading" data-for="import">
-					__MSG_optionsTabBackup__
-				</div>
+				<div class="tab-heading" data-for="import">__MSG_optionsTabBackup__</div>
 
-				<div class="tab-heading" data-for="advanced">
-					__MSG_optionsTabAdvanced__
-				</div>
+				<div class="tab-heading" data-for="advanced">__MSG_optionsTabAdvanced__</div>
 
-				<div class="tab-heading" data-for="experiment">
-					__MSG_optionsTabExperiment__
-				</div>
+				<div class="tab-heading" data-for="experiment">__MSG_optionsTabExperiment__</div>
 			</div>
 
 			<div id="createdBy" class="titleBar">
@@ -60,24 +43,19 @@
 				</div>
 				<a href="https://bsbsb.top/donate/" target="_blank" rel="noopener" id="sbDonate">(__MSG_Donate__)</a>
 			</div>
-
 		</div>
 
 		<div id="options">
-
 			<div id="behavior" class="option-group hidden">
-
 				<div id="category-type" data-type="react-CategoryChooserComponent"></div>
 
 				<div data-type="toggle" data-sync="muteSegments">
 					<div class="switch-container">
 						<label class="switch">
-							<input id="muteSegments" type="checkbox" checked>
+							<input id="muteSegments" type="checkbox" checked />
 							<span class="slider round"></span>
 						</label>
-						<label class="switch-label" for="muteSegments">
-							__MSG_muteSegments__
-						</label>
+						<label class="switch-label" for="muteSegments"> __MSG_muteSegments__ </label>
 					</div>
 				</div>
 
@@ -96,31 +74,27 @@
 				<div data-type="toggle" data-sync="fullVideoSegments" class="no-bottom-border">
 					<div class="switch-container">
 						<label class="switch">
-							<input id="fullVideoSegments" type="checkbox" checked>
+							<input id="fullVideoSegments" type="checkbox" checked />
 							<span class="slider round"></span>
 						</label>
-						<label class="switch-label" for="fullVideoSegments">
-							__MSG_fullVideoSegments__
-						</label>
+						<label class="switch-label" for="fullVideoSegments"> __MSG_fullVideoSegments__ </label>
 					</div>
 				</div>
 
 				<div data-type="toggle" data-sync="fullVideoLabelsOnThumbnails" data-dependent-on="fullVideoSegments">
 					<div class="switch-container">
 						<label class="switch">
-							<input id="fullVideoLabelsOnThumbnails" type="checkbox" checked>
+							<input id="fullVideoLabelsOnThumbnails" type="checkbox" checked />
 							<span class="slider round"></span>
 						</label>
-						<label class="switch-label" for="fullVideoLabelsOnThumbnails">
-							__MSG_fullVideoLabelsOnThumbnails__
-						</label>
+						<label class="switch-label" for="fullVideoLabelsOnThumbnails"> __MSG_fullVideoLabelsOnThumbnails__ </label>
 					</div>
 				</div>
 
 				<div data-type="number-change" data-sync="minDuration">
 					<label class="number-container">
 						<span class="optionLabel">__MSG_minDuration__</span>
-						<input type="number" step="0.1" min="0">
+						<input type="number" step="0.1" min="0" />
 					</label>
 
 					<div class="small-description">__MSG_minDurationDescription__</div>
@@ -129,12 +103,10 @@
 				<div data-type="toggle" data-sync="manualSkipOnFullVideo">
 					<div class="switch-container">
 						<label class="switch">
-							<input id="manualSkipOnFullVideo" type="checkbox" checked>
+							<input id="manualSkipOnFullVideo" type="checkbox" checked />
 							<span class="slider round"></span>
 						</label>
-						<label class="switch-label" for="manualSkipOnFullVideo">
-							__MSG_enableManualSkipOnFullVideo__
-						</label>
+						<label class="switch-label" for="manualSkipOnFullVideo"> __MSG_enableManualSkipOnFullVideo__ </label>
 					</div>
 
 					<div class="small-description">__MSG_whatManualSkipOnFullVideo__</div>
@@ -143,12 +115,10 @@
 				<div data-type="toggle" data-sync="forceChannelCheck">
 					<div class="switch-container">
 						<label class="switch">
-							<input id="forceChannelCheck" type="checkbox" checked>
+							<input id="forceChannelCheck" type="checkbox" checked />
 							<span class="slider round"></span>
 						</label>
-						<label class="switch-label" for="forceChannelCheck">
-							__MSG_forceChannelCheck__
-						</label>
+						<label class="switch-label" for="forceChannelCheck"> __MSG_forceChannelCheck__ </label>
 					</div>
 
 					<div class="small-description">__MSG_whatForceChannelCheck__</div>
@@ -157,12 +127,10 @@
 				<div data-type="toggle" data-sync="refetchWhenNotFound">
 					<div class="switch-container">
 						<label class="switch">
-							<input id="refetchWhenNotFound" type="checkbox" checked>
+							<input id="refetchWhenNotFound" type="checkbox" checked />
 							<span class="slider round"></span>
 						</label>
-						<label class="switch-label" for="refetchWhenNotFound">
-							__MSG_enableRefetchWhenNotFound__
-						</label>
+						<label class="switch-label" for="refetchWhenNotFound"> __MSG_enableRefetchWhenNotFound__ </label>
 					</div>
 
 					<div class="small-description">__MSG_whatRefetchWhenNotFound__</div>
@@ -171,7 +139,7 @@
 				<div data-type="toggle" data-sync="showCategoryWithoutPermission">
 					<div class="switch-container">
 						<label class="switch">
-							<input id="showCategoryWithoutPermission" type="checkbox" checked>
+							<input id="showCategoryWithoutPermission" type="checkbox" checked />
 							<span class="slider round"></span>
 						</label>
 						<label class="switch-label" for="showCategoryWithoutPermission">
@@ -181,18 +149,16 @@
 
 					<div class="small-description">__MSG_whatShowCategoryWithoutPermission__</div>
 				</div>
-
 			</div>
 
 			<div id="interface" class="option-group hidden">
-
 				<div class="section">
 					<h3>__MSG_optionSectionSkipNotice__</h3>
 
 					<div data-type="number-change" data-sync="skipNoticeDuration">
 						<label class="number-container">
 							<span class="optionLabel">__MSG_skipNoticeDuration__</span>
-							<input type="number" step="1" min="1">
+							<input type="number" step="1" min="1" />
 						</label>
 
 						<div class="small-description">__MSG_skipNoticeDurationDescription__</div>
@@ -201,23 +167,21 @@ <h3>__MSG_optionSectionSkipNotice__</h3>
 					<div data-type="toggle" data-toggle-type="switch" data-sync="advanceSkipNotice">
 						<div class="switch-container">
 							<label class="switch">
-								<input id="advanceSkipNotice" type="checkbox" checked>
+								<input id="advanceSkipNotice" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="advanceSkipNotice">
-								__MSG_advanceSkipNotice__
-							</label>
+							<label class="switch-label" for="advanceSkipNotice"> __MSG_advanceSkipNotice__ </label>
 						</div>
-					
+
 						<div data-type="number-change" data-sync="skipNoticeDurationBefore" data-dependent-on="advanceSkipNotice">
 							<br />
 
 							<label class="number-container">
 								<span class="optionLabel">__MSG_skipNoticeDurationBefore__</span>
-								<input type="number" step="1" min="1">
+								<input type="number" step="1" min="1" />
 							</label>
-							<span > + 1 </span>
-					
+							<span> + 1 </span>
+
 							<div class="small-description">__MSG_skipNoticeDurationBeforeDescription__</div>
 						</div>
 					</div>
@@ -225,12 +189,10 @@ <h3>__MSG_optionSectionSkipNotice__</h3>
 					<div data-type="toggle" data-toggle-type="reverse" data-sync="dontShowNotice">
 						<div class="switch-container">
 							<label class="switch">
-								<input id="dontShowNotice" type="checkbox" checked>
+								<input id="dontShowNotice" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="dontShowNotice">
-								__MSG_showSkipNotice__
-							</label>
+							<label class="switch-label" for="dontShowNotice"> __MSG_showSkipNotice__ </label>
 						</div>
 
 						<div data-type="selector" data-sync="noticeVisibilityMode" data-dependent-on="dontShowNotice">
@@ -251,159 +213,172 @@ <h3>__MSG_optionSectionSkipNotice__</h3>
 					<div data-type="toggle" data-sync="showCategoryGuidelines">
 						<div class="switch-container">
 							<label class="switch">
-								<input id="showCategoryGuidelines" type="checkbox" checked>
+								<input id="showCategoryGuidelines" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="showCategoryGuidelines">
-								__MSG_showCategoryGuidelines__
-							</label>
+							<label class="switch-label" for="showCategoryGuidelines"> __MSG_showCategoryGuidelines__ </label>
 						</div>
 					</div>
-
 				</div>
 
 				<div class="section">
 					<h3>__MSG_optionSectionPlayerAndButtons__</h3>
 
 					<div data-type="toggle" data-sync="showNewIcon">
-						<div class="switch-container" style="position: relative;">
+						<div class="switch-container" style="position: relative">
 							<label class="switch">
-								<input id="showNewIcon" type="checkbox" checked>
+								<input id="showNewIcon" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="showNewIcon">
-								__MSG_showNewIcon__
-							</label>
-							<div class="switch-label" data-dependent-on="showNewIcon" style="position: absolute;">
-								<img class="playerButtonImage" src="../icons/PlayerStartIconSponsorBlocker.svg">
+							<label class="switch-label" for="showNewIcon"> __MSG_showNewIcon__ </label>
+							<div class="switch-label" data-dependent-on="showNewIcon" style="position: absolute">
+								<img class="playerButtonImage" src="../icons/PlayerStartIconSponsorBlocker.svg" />
 							</div>
-							<div class="switch-label" data-dependent-on="showNewIcon" data-dependent-on-inverted="true" style="position: absolute;">
-								<img class="playerButtonImage" src="../icons/oldIcon/PlayerStartIconSponsorBlocker.svg">
+							<div
+								class="switch-label"
+								data-dependent-on="showNewIcon"
+								data-dependent-on-inverted="true"
+								style="position: absolute"
+							>
+								<img class="playerButtonImage" src="../icons/oldIcon/PlayerStartIconSponsorBlocker.svg" />
 							</div>
 						</div>
 					</div>
 
 					<div data-type="toggle" data-toggle-type="reverse" data-sync="hideVideoPlayerControls">
-						<div class="switch-container" style="position: relative;">
+						<div class="switch-container" style="position: relative">
 							<label class="switch">
-								<input id="hideVideoPlayerControls" type="checkbox" checked>
+								<input id="hideVideoPlayerControls" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="hideVideoPlayerControls">
-								__MSG_showButtons__
-							</label>
-							<div class="switch-label" data-dependent-on="showNewIcon" style="position: absolute;">
-								<img class="playerButtonImage" src="../icons/PlayerStartIconSponsorBlocker.svg">
+							<label class="switch-label" for="hideVideoPlayerControls"> __MSG_showButtons__ </label>
+							<div class="switch-label" data-dependent-on="showNewIcon" style="position: absolute">
+								<img class="playerButtonImage" src="../icons/PlayerStartIconSponsorBlocker.svg" />
 							</div>
-							<div class="switch-label" data-dependent-on="showNewIcon" data-dependent-on-inverted="true" style="position: absolute;">
-								<img class="playerButtonImage" src="../icons/oldIcon/PlayerStartIconSponsorBlocker.svg">
+							<div
+								class="switch-label"
+								data-dependent-on="showNewIcon"
+								data-dependent-on-inverted="true"
+								style="position: absolute"
+							>
+								<img class="playerButtonImage" src="../icons/oldIcon/PlayerStartIconSponsorBlocker.svg" />
 							</div>
 						</div>
 
 						<div class="small-description">__MSG_hideButtonsDescription__</div>
 					</div>
 
-					<div data-type="toggle" data-toggle-type="reverse" data-sync="hideDeleteButtonPlayerControls"
-						data-dependent-on="hideVideoPlayerControls">
-						<div class="switch-container" style="position: relative;">
+					<div
+						data-type="toggle"
+						data-toggle-type="reverse"
+						data-sync="hideDeleteButtonPlayerControls"
+						data-dependent-on="hideVideoPlayerControls"
+					>
+						<div class="switch-container" style="position: relative">
 							<label class="switch">
-								<input id="hideDeleteButtonPlayerControls" type="checkbox" checked>
+								<input id="hideDeleteButtonPlayerControls" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="hideDeleteButtonPlayerControls">
-								__MSG_showDeleteButton__
-							</label>
-							<div class="switch-label" data-dependent-on="showNewIcon" style="position: absolute;">
-								<img class="playerButtonImage" src="../icons/PlayerDeleteIconSponsorBlocker.svg">
+							<label class="switch-label" for="hideDeleteButtonPlayerControls"> __MSG_showDeleteButton__ </label>
+							<div class="switch-label" data-dependent-on="showNewIcon" style="position: absolute">
+								<img class="playerButtonImage" src="../icons/PlayerDeleteIconSponsorBlocker.svg" />
 							</div>
-							<div class="switch-label" data-dependent-on="showNewIcon" data-dependent-on-inverted="true"
-								style="position: absolute;">
-								<img class="playerButtonImage"
-									src="../icons/oldIcon/PlayerDeleteIconSponsorBlocker.svg">
+							<div
+								class="switch-label"
+								data-dependent-on="showNewIcon"
+								data-dependent-on-inverted="true"
+								style="position: absolute"
+							>
+								<img class="playerButtonImage" src="../icons/oldIcon/PlayerDeleteIconSponsorBlocker.svg" />
 							</div>
 						</div>
 					</div>
 
-					<div data-type="toggle" data-toggle-type="reverse" data-sync="hideUploadButtonPlayerControls"
-						data-dependent-on="hideVideoPlayerControls">
-						<div class="switch-container" style="position: relative;">
+					<div
+						data-type="toggle"
+						data-toggle-type="reverse"
+						data-sync="hideUploadButtonPlayerControls"
+						data-dependent-on="hideVideoPlayerControls"
+					>
+						<div class="switch-container" style="position: relative">
 							<label class="switch">
-								<input id="hideUploadButtonPlayerControls" type="checkbox" checked>
+								<input id="hideUploadButtonPlayerControls" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="hideUploadButtonPlayerControls">
-								__MSG_showUploadButton__
-							</label>
-							<div class="switch-label" data-dependent-on="showNewIcon" style="position: absolute;">
-								<img class="playerButtonImage" src="../icons/PlayerUploadIconSponsorBlocker.svg">
+							<label class="switch-label" for="hideUploadButtonPlayerControls"> __MSG_showUploadButton__ </label>
+							<div class="switch-label" data-dependent-on="showNewIcon" style="position: absolute">
+								<img class="playerButtonImage" src="../icons/PlayerUploadIconSponsorBlocker.svg" />
 							</div>
-							<div class="switch-label" data-dependent-on="showNewIcon" data-dependent-on-inverted="true"
-								style="position: absolute;">
-								<img class="playerButtonImage"
-									src="../icons/oldIcon/PlayerUploadIconSponsorBlocker.svg">
+							<div
+								class="switch-label"
+								data-dependent-on="showNewIcon"
+								data-dependent-on-inverted="true"
+								style="position: absolute"
+							>
+								<img class="playerButtonImage" src="../icons/oldIcon/PlayerUploadIconSponsorBlocker.svg" />
 							</div>
 						</div>
 					</div>
 
 					<div data-type="toggle" data-toggle-type="reverse" data-sync="hideSkipButtonPlayerControls">
-						<div class="switch-container" style="position: relative;">
+						<div class="switch-container" style="position: relative">
 							<label class="switch">
-								<input id="hideSkipButtonPlayerControls" type="checkbox" checked>
+								<input id="hideSkipButtonPlayerControls" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="hideSkipButtonPlayerControls">
-								__MSG_showSkipButton__
-							</label>
-							<div class="switch-label" data-dependent-on="showNewIcon" style="position: absolute;">
-								<img class="playerButtonImage" src="../icons/skip.svg">
+							<label class="switch-label" for="hideSkipButtonPlayerControls"> __MSG_showSkipButton__ </label>
+							<div class="switch-label" data-dependent-on="showNewIcon" style="position: absolute">
+								<img class="playerButtonImage" src="../icons/skip.svg" />
 							</div>
-							<div class="switch-label" data-dependent-on="showNewIcon" data-dependent-on-inverted="true" style="position: absolute;">
-								<img class="playerButtonImage" src="../icons/oldIcon/skipIcon.svg">
+							<div
+								class="switch-label"
+								data-dependent-on="showNewIcon"
+								data-dependent-on-inverted="true"
+								style="position: absolute"
+							>
+								<img class="playerButtonImage" src="../icons/oldIcon/skipIcon.svg" />
 							</div>
 						</div>
 					</div>
 
 					<div data-type="toggle" data-toggle-type="reverse" data-sync="hideInfoButtonPlayerControls">
-						<div class="switch-container" style="position: relative;">
+						<div class="switch-container" style="position: relative">
 							<label class="switch">
-								<input id="hideInfoButtonPlayerControls" type="checkbox" checked>
+								<input id="hideInfoButtonPlayerControls" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="hideInfoButtonPlayerControls">
-								__MSG_showInfoButton__
-							</label>
-							<div class="switch-label" data-dependent-on="showNewIcon" style="position: absolute;">
-								<img class="playerButtonImage" src="../icons/PlayerInfoIconSponsorBlocker.svg">
+							<label class="switch-label" for="hideInfoButtonPlayerControls"> __MSG_showInfoButton__ </label>
+							<div class="switch-label" data-dependent-on="showNewIcon" style="position: absolute">
+								<img class="playerButtonImage" src="../icons/PlayerInfoIconSponsorBlocker.svg" />
 							</div>
-							<div class="switch-label" data-dependent-on="showNewIcon" data-dependent-on-inverted="true"
-								style="position: absolute;">
-								<img class="playerButtonImage" src="../icons/oldIcon/PlayerInfoIconSponsorBlocker.svg">
+							<div
+								class="switch-label"
+								data-dependent-on="showNewIcon"
+								data-dependent-on-inverted="true"
+								style="position: absolute"
+							>
+								<img class="playerButtonImage" src="../icons/oldIcon/PlayerInfoIconSponsorBlocker.svg" />
 							</div>
 						</div>
 					</div>
 
-					<div data-type="toggle" data-sync="autoHideInfoButton"
-						data-dependent-on="hideInfoButtonPlayerControls">
+					<div data-type="toggle" data-sync="autoHideInfoButton" data-dependent-on="hideInfoButtonPlayerControls">
 						<div class="switch-container">
 							<label class="switch">
-								<input id="autoHideInfoButton" type="checkbox" checked>
+								<input id="autoHideInfoButton" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="autoHideInfoButton">
-								__MSG_autoHideInfoButton__
-							</label>
+							<label class="switch-label" for="autoHideInfoButton"> __MSG_autoHideInfoButton__ </label>
 						</div>
 					</div>
 
 					<div data-type="toggle" data-sync="showTimeWithSkips">
 						<div class="switch-container">
 							<label class="switch">
-								<input id="showTimeWithSkips" type="checkbox" checked>
+								<input id="showTimeWithSkips" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="showTimeWithSkips">
-								__MSG_showTimeWithSkips__
-							</label>
+							<label class="switch-label" for="showTimeWithSkips"> __MSG_showTimeWithSkips__ </label>
 						</div>
 						<div class="small-description">__MSG_showTimeWithSkipsDescription__</div>
 					</div>
@@ -411,15 +386,12 @@ <h3>__MSG_optionSectionPlayerAndButtons__</h3>
 					<div data-type="toggle" data-sync="allowScrollingToEdit">
 						<div class="switch-container">
 							<label class="switch">
-								<input id="allowScrollingToEdit" type="checkbox" checked>
+								<input id="allowScrollingToEdit" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="allowScrollingToEdit">
-								__MSG_allowScrollingToEdit__
-							</label>
+							<label class="switch-label" for="allowScrollingToEdit"> __MSG_allowScrollingToEdit__ </label>
 						</div>
 					</div>
-
 				</div>
 
 				<div class="section">
@@ -428,27 +400,22 @@ <h3>__MSG_optionSectionPortVideo__</h3>
 					<div data-type="toggle" data-sync="showPortVideoButton">
 						<div class="switch-container">
 							<label class="switch">
-								<input id="showPortVideoButton" type="checkbox" checked>
+								<input id="showPortVideoButton" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="showPortVideoButton">
-								__MSG_showPortVideoButton__
-							</label>
+							<label class="switch-label" for="showPortVideoButton"> __MSG_showPortVideoButton__ </label>
 						</div>
 					</div>
 
 					<div data-type="toggle" data-sync="showPreviewYoutubeButton">
 						<div class="switch-container">
 							<label class="switch">
-								<input id="showPreviewYoutubeButton" type="checkbox" checked>
+								<input id="showPreviewYoutubeButton" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="showPreviewYoutubeButton">
-								__MSG_showPreviewYoutubeButton__
-							</label>
+							<label class="switch-label" for="showPreviewYoutubeButton"> __MSG_showPreviewYoutubeButton__ </label>
 						</div>
 					</div>
-
 				</div>
 
 				<div class="section">
@@ -457,45 +424,36 @@ <h3>__MSG_optionSectionExtensionRelated__</h3>
 					<div data-type="toggle" data-sync="cleanPopup" data-no-safari="true">
 						<div class="switch-container">
 							<label class="switch">
-								<input id="cleanPopup" type="checkbox" checked>
+								<input id="cleanPopup" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="cleanPopup">
-								__MSG_cleanPopup__
-							</label>
+							<label class="switch-label" for="cleanPopup"> __MSG_cleanPopup__ </label>
 						</div>
 					</div>
 
 					<div data-type="toggle" data-sync="darkMode">
 						<div class="switch-container">
 							<label class="switch">
-								<input id="darkMode" type="checkbox" checked>
+								<input id="darkMode" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="darkMode">
-								__MSG_darkModeOptionsPage__
-							</label>
+							<label class="switch-label" for="darkMode"> __MSG_darkModeOptionsPage__ </label>
 						</div>
 					</div>
 
-					<div data-type="toggle" data-toggle-type="reverse" data-sync="showDonationLink"
-						data-no-safari="true">
+					<div data-type="toggle" data-toggle-type="reverse" data-sync="showDonationLink" data-no-safari="true">
 						<div class="switch-container">
 							<label class="switch">
-								<input id="showDonationLink" type="checkbox" checked>
+								<input id="showDonationLink" type="checkbox" checked />
 								<span class="slider round"></span>
 							</label>
-							<label class="switch-label" for="showDonationLink">
-								__MSG_hideDonationLink__
-							</label>
+							<label class="switch-label" for="showDonationLink"> __MSG_hideDonationLink__ </label>
 						</div>
 					</div>
 				</div>
-
 			</div>
 
 			<div id="keybinds" class="option-group hidden">
-
 				<div data-type="keybind-change" data-sync="skipKeybind">
 					<label class="optionLabel">__MSG_setSkipShortcut__:</label>
 					<div class="inline"></div>
@@ -540,24 +498,18 @@ <h3>__MSG_optionSectionExtensionRelated__</h3>
 					<label class="optionLabel">__MSG_previousFrameKeybind__:</label>
 					<div class="inline"></div>
 				</div>
-
 			</div>
 
 			<div id="import" class="option-group hidden">
-
 				<div data-type="private-text-change" data-sync="userID" data-confirm-message="userIDChangeWarning">
-					<div class="option-button trigger-button">
-						__MSG_changeUserID__
-					</div>
+					<div class="option-button trigger-button">__MSG_changeUserID__</div>
 
 					<div class="small-description">__MSG_whatChangeUserID__</div>
 
 					<div class="option-hidden-section hidden spacing indent">
-						<input class="option-text-box" type="text">
+						<input class="option-text-box" type="text" />
 
-						<div class="option-button text-change-set inline low-profile">
-							__MSG_setUserID__
-						</div>
+						<div class="option-button text-change-set inline low-profile">__MSG_setUserID__</div>
 					</div>
 				</div>
 
@@ -567,102 +519,88 @@ <h3>__MSG_optionSectionExtensionRelated__</h3>
 					<h2>__MSG_exportOptions__</h2>
 
 					<div>
-						<div class="option-button trigger-button inline">
-							__MSG_exportOptionsCopy__
-						</div>
-						<div class="option-button download-button inline">
-							__MSG_exportOptionsDownload__
-						</div>
-						<label for="importOptions" class="option-button inline">
-							__MSG_exportOptionsUpload__
-						</label>
+						<div class="option-button trigger-button inline">__MSG_exportOptionsCopy__</div>
+						<div class="option-button download-button inline">__MSG_exportOptionsDownload__</div>
+						<label for="importOptions" class="option-button inline"> __MSG_exportOptionsUpload__ </label>
 						<input id="importOptions" type="file" class="upload-button hidden" />
 					</div>
 
 					<div class="small-description">__MSG_whatExportOptions__</div>
 
 					<div class="option-hidden-section hidden spacing indent">
-						<textarea class="option-text-box" rows="10" style="width:80%"></textarea>
+						<textarea class="option-text-box" rows="10" style="width: 80%"></textarea>
 
-						<div class="option-button text-change-set">
-							__MSG_setOptions__
-						</div>
+						<div class="option-button text-change-set">__MSG_setOptions__</div>
 					</div>
 				</div>
 
-				<div data-type="private-text-change" data-sync-type="local" data-sync="*"
-					data-confirm-message="exportOptionsWarning">
+				<div
+					data-type="private-text-change"
+					data-sync-type="local"
+					data-sync="*"
+					data-confirm-message="exportOptionsWarning"
+				>
 					<h2>__MSG_exportOtherData__</h2>
 
 					<div>
-						<div class="option-button trigger-button inline">
-							__MSG_exportOptionsCopy__
-						</div>
-						<div class="option-button download-button inline">
-							__MSG_exportOptionsDownload__
-						</div>
-						<label for="importLocalOptions" class="option-button inline">
-							__MSG_exportOptionsUpload__
-						</label>
+						<div class="option-button trigger-button inline">__MSG_exportOptionsCopy__</div>
+						<div class="option-button download-button inline">__MSG_exportOptionsDownload__</div>
+						<label for="importLocalOptions" class="option-button inline"> __MSG_exportOptionsUpload__ </label>
 						<input id="importLocalOptions" type="file" class="upload-button hidden" />
 					</div>
 
 					<div class="option-hidden-section hidden spacing indent">
-						<textarea class="option-text-box" rows="10" style="width:80%"></textarea>
+						<textarea class="option-text-box" rows="10" style="width: 80%"></textarea>
 
-						<div class="option-button text-change-set">
-							__MSG_setOptions__
-						</div>
+						<div class="option-button text-change-set">__MSG_setOptions__</div>
 					</div>
 				</div>
 
 				<div data-type="button-press" data-sync="resetToDefault" data-confirm-message="confirmResetToDefault">
-					<div class="option-button trigger-button">
-						__MSG_resetToDefault__
-					</div>
+					<div class="option-button trigger-button">__MSG_resetToDefault__</div>
 				</div>
-
 			</div>
 
 			<div id="advanced" class="option-group hidden">
-
 				<div data-type="toggle" data-sync="trackViewCount">
 					<div class="switch-container">
 						<label class="switch">
-							<input id="trackViewCount" type="checkbox" checked>
+							<input id="trackViewCount" type="checkbox" checked />
 							<span class="slider round"></span>
 						</label>
-						<label class="switch-label" for="trackViewCount">
-							__MSG_enableViewTracking__
-						</label>
+						<label class="switch-label" for="trackViewCount"> __MSG_enableViewTracking__ </label>
 					</div>
 
 					<div class="small-description">__MSG_whatViewTracking__</div>
 				</div>
 
-				<div data-type="toggle" data-sync="trackViewCountInPrivate" data-dependent-on="trackViewCount"
-					data-private-only="true">
+				<div
+					data-type="toggle"
+					data-sync="trackViewCountInPrivate"
+					data-dependent-on="trackViewCount"
+					data-private-only="true"
+				>
 					<div class="switch-container">
 						<label class="switch">
-							<input id="trackViewCountInPrivate" type="checkbox" checked>
+							<input id="trackViewCountInPrivate" type="checkbox" checked />
 							<span class="slider round"></span>
 						</label>
-						<label class="switch-label" for="trackViewCountInPrivate">
-							__MSG_enableViewTrackingInPrivate__
-						</label>
+						<label class="switch-label" for="trackViewCountInPrivate"> __MSG_enableViewTrackingInPrivate__ </label>
 					</div>
 				</div>
 
-				<div data-type="toggle" data-sync="trackDownvotes" data-confirm-on="false"
-					data-confirm-message="trackDownvotesWarning">
+				<div
+					data-type="toggle"
+					data-sync="trackDownvotes"
+					data-confirm-on="false"
+					data-confirm-message="trackDownvotesWarning"
+				>
 					<div class="switch-container">
 						<label class="switch">
-							<input id="trackDownvotes" type="checkbox" checked>
+							<input id="trackDownvotes" type="checkbox" checked />
 							<span class="slider round"></span>
 						</label>
-						<label class="switch-label" for="trackDownvotes">
-							__MSG_enableTrackDownvotes__
-						</label>
+						<label class="switch-label" for="trackDownvotes"> __MSG_enableTrackDownvotes__ </label>
 					</div>
 
 					<div class="small-description">__MSG_whatTrackDownvotes__</div>
@@ -671,41 +609,42 @@ <h2>__MSG_exportOtherData__</h2>
 				<div data-type="toggle" data-sync="trackDownvotesInPrivate" data-confirm-on="false">
 					<div class="switch-container">
 						<label class="switch">
-							<input id="trackDownvotesInPrivate" type="checkbox" checked>
+							<input id="trackDownvotesInPrivate" type="checkbox" checked />
 							<span class="slider round"></span>
 						</label>
-						<label class="switch-label" for="trackDownvotesInPrivate">
-							__MSG_enableTrackDownvotesInPrivate__
-						</label>
+						<label class="switch-label" for="trackDownvotesInPrivate"> __MSG_enableTrackDownvotesInPrivate__ </label>
 					</div>
 				</div>
 
-				<div data-type="button-press" data-sync="copyDebugInformation"
-					data-confirm-message="copyDebugInformation">
-					<div class="option-button trigger-button">
-						__MSG_copyDebugInformation__
-					</div>
+				<div data-type="button-press" data-sync="copyDebugInformation" data-confirm-message="copyDebugInformation">
+					<div class="option-button trigger-button">__MSG_copyDebugInformation__</div>
 
 					<div class="small-description">__MSG_copyDebugInformationOptions__</div>
 				</div>
 
-				<div data-type="toggle" data-sync="testingServer" data-confirm-message="testingServerWarning"
-					data-no-safari="true">
+				<div
+					data-type="toggle"
+					data-sync="testingServer"
+					data-confirm-message="testingServerWarning"
+					data-no-safari="true"
+				>
 					<div class="switch-container">
 						<label class="switch">
-							<input id="testingServer" type="checkbox">
+							<input id="testingServer" type="checkbox" />
 							<span class="slider round"></span>
 						</label>
-						<label class="switch-label" for="testingServer">
-							__MSG_enableTestingServer__
-						</label>
+						<label class="switch-label" for="testingServer"> __MSG_enableTestingServer__ </label>
 					</div>
 
 					<div class="small-description">__MSG_whatEnableTestingServer__</div>
 				</div>
 
-				<div data-type="text-change" data-sync="serverAddress" data-dependent-on="testingServer"
-					data-dependent-on-inverted="true">
+				<div
+					data-type="text-change"
+					data-sync="serverAddress"
+					data-dependent-on="testingServer"
+					data-dependent-on-inverted="true"
+				>
 					<label class="optionLabel inline">
 						<span class="optionLabel">__MSG_customServerAddress__:</span>
 
@@ -723,16 +662,13 @@ <h2>__MSG_exportOtherData__</h2>
 			</div>
 
 			<div id="experiment" class="option-group hidden">
-
 				<div data-type="toggle" data-toggle-type="reverse" data-sync="showNewFeaturePopups">
 					<div class="switch-container">
 						<label class="switch">
-							<input id="showNewFeaturePopups" type="checkbox" checked>
+							<input id="showNewFeaturePopups" type="checkbox" checked />
 							<span class="slider round"></span>
 						</label>
-						<label class="switch-label" for="showNewFeaturePopups">
-							__MSG_hideNewFeatureUpdates__
-						</label>
+						<label class="switch-label" for="showNewFeaturePopups"> __MSG_hideNewFeatureUpdates__ </label>
 					</div>
 				</div>
 
@@ -779,17 +715,19 @@ <h2>__MSG_exportOtherData__</h2>
 				<div data-type="text-change" data-sync="danmakuOffsetMatchingRegexPattern">
 					<div class="input-container">
 						<label for="danmakuOffsetMatchingRegexPattern">__MSG_danmakuOffsetMatchingRegexPattern__</label>
-						<input id="danmakuOffsetMatchingRegexPattern" class="option-text-box" type="text"
+						<input
+							id="danmakuOffsetMatchingRegexPattern"
+							class="option-text-box"
+							type="text"
 							placeholder="__MSG_danmakuOffsetMatchingRegexPatternPlaceholder__"
-							title="__MSG_danmakuRegexTitle__" />
+							title="__MSG_danmakuRegexTitle__"
+						/>
 						<button class="text-change-set">__MSG_save__</button>
 						<button class="text-change-reset">__MSG_reset__</button>
 					</div>
 					<div class="small-description">__MSG_danmakuOffsetRegexPatternDescription__</div>
 				</div>
-
 			</div>
-
 		</div>
 	</div>
-</body>
\ No newline at end of file
+</body>
diff --git a/public/popup.html b/public/popup.html
index 00cefbc2..9efceca9 100644
--- a/public/popup.html
+++ b/public/popup.html
@@ -1,19 +1,17 @@
 <!DOCTYPE html>
 <html id="sponsorBlockPopupHTML">
+	<head>
+		<meta charset="utf-8" />
+		<title>__MSG_openPopup__</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link id="sponsorBlockStyleSheet" href="popup.css" rel="stylesheet" />
+		<link id="sponsorBlockStyleSheetShared" href="shared.css" rel="stylesheet" />
+	</head>
 
-<head>
-  <meta charset="utf-8" />
-  <title>__MSG_openPopup__</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <link id="sponsorBlockStyleSheet" href="popup.css" rel="stylesheet" />
-  <link id="sponsorBlockStyleSheetShared" href="shared.css" rel="stylesheet" />
-</head>
+	<body id="sponsorBlockPopupBody">
+		<div id="app"></div>
 
-<body id="sponsorBlockPopupBody">
-  <div id="app"></div>
-
-  <!-- Scripts that need to load after the html -->
-  <script src="./js/popup.js" async></script>
-</body>
-
-</html>
\ No newline at end of file
+		<!-- Scripts that need to load after the html -->
+		<script src="./js/popup.js" async></script>
+	</body>
+</html>
