aboutsummaryrefslogtreecommitdiffhomepage
path: root/public/options
diff options
context:
space:
mode:
authorAjay <[email protected]>2023-06-21 19:55:17 -0400
committerAjay <[email protected]>2023-06-21 19:55:17 -0400
commitd4f668559c737018f8ee4ab40c9d152827f0c528 (patch)
treec468b0dd60b23947bdb3e61c03fe3d1b1dfa10a0 /public/options
parent6b2b26faf589c3530f61b29ce68fec8aa30f684c (diff)
downloadSponsorBlock-d4f668559c737018f8ee4ab40c9d152827f0c528.tar.gz
SponsorBlock-d4f668559c737018f8ee4ab40c9d152827f0c528.zip
Add link in options to dearrow
Diffstat (limited to 'public/options')
-rw-r--r--public/options/options.css18
-rw-r--r--public/options/options.html25
2 files changed, 42 insertions, 1 deletions
diff --git a/public/options/options.css b/public/options/options.css
index 0ec58be6..827fb825 100644
--- a/public/options/options.css
+++ b/public/options/options.css
@@ -38,7 +38,7 @@
--white: black;
}
-.medium-description, .switch-container, .optionLabel, .categoryTableElement {
+.medium-description, .switch-container, .optionLabel, .categoryTableElement, .promotion-description {
color: var(--white);
}
@@ -701,4 +701,20 @@ svg {
.no-bottom-border {
border: none !important;
padding: 20px 0px 0px 0px !important;
+}
+
+#deArrowPromotion {
+ width: fit-content;
+}
+
+.dearrow-link {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-decoration: none;
+}
+
+.dearrow-link > img {
+ width: 40px;
+ margin-right: 4px;
} \ No newline at end of file
diff --git a/public/options/options.html b/public/options/options.html
index 825e8b75..c27cea6c 100644
--- a/public/options/options.html
+++ b/public/options/options.html
@@ -65,6 +65,19 @@
</div>
+ <div id="deArrowPromotion" class="hidden">
+ <a class="dearrow-link"
+ href="https://dearrow.ajay.app"
+ target="_blank"
+ rel="noreferrer">
+ <img src="/icons/dearrow.svg"/>
+
+ <span class="promotion-description">
+ __MSG_DeArrowPromotionMessage__
+ </span>
+ </a>
+ </div>
+
<div data-type="toggle" data-sync="muteSegments">
<div class="switch-container">
<label class="switch">
@@ -342,6 +355,18 @@
</div>
</div>
+ <div data-type="toggle" data-toggle-type="reverse" data-sync="showNewFeaturePopups">
+ <div class="switch-container">
+ <label class="switch">
+ <input id="showNewFeaturePopups" type="checkbox" checked>
+ <span class="slider round"></span>
+ </label>
+ <label class="switch-label" for="showNewFeaturePopups">
+ __MSG_hideNewFeatureUpdates__
+ </label>
+ </div>
+ </div>
+
<div data-type="toggle" data-toggle-type="reverse" data-sync="showDonationLink" data-no-safari="true">
<div class="switch-container">
<label class="switch">