diff --git a/manifest/manifest.json b/manifest/manifest.json index 52e7f8516e..c364a6cd96 100644 --- a/manifest/manifest.json +++ b/manifest/manifest.json @@ -1,7 +1,7 @@ { "name": "__MSG_fullName__", "short_name": "SponsorBlock", - "version": "5.13.2", + "version": "5.13.3", "default_locale": "en", "description": "__MSG_Description__", "homepage_url": "https://sponsor.ajay.app", diff --git a/public/_locales b/public/_locales index 1314fb8089..dadf89c0eb 160000 --- a/public/_locales +++ b/public/_locales @@ -1 +1 @@ -Subproject commit 1314fb8089148b5586996b5bad9c4b0695d74100 +Subproject commit dadf89c0eb194b394966102f94a4e739c8e877e6 diff --git a/public/help/images/popup.png b/public/help/images/popup.png index 683ad1835f..68fb336f02 100644 Binary files a/public/help/images/popup.png and b/public/help/images/popup.png differ diff --git a/public/help/images/submission menu.png b/public/help/images/submission menu.png new file mode 100644 index 0000000000..ddc6733c3b Binary files /dev/null and b/public/help/images/submission menu.png differ diff --git a/public/help/images/votebuttons.gif b/public/help/images/votebuttons.gif new file mode 100644 index 0000000000..109352ac4c Binary files /dev/null and b/public/help/images/votebuttons.gif differ diff --git a/public/help/index.html b/public/help/index.html index d2e848f448..66e1c3bdee 100644 --- a/public/help/index.html +++ b/public/help/index.html @@ -21,128 +21,128 @@

- + Created By Ajay Ramachandran - (Donate)

-

- __MSG_helpPageThanksForInstalling__ By using this extension, you agree to the Privacy Policy and Terms of Use. -

- -

- Come contribute, make some suggestions and help out on Discord or on Matrix. -

- - - -

__MSG_helpPageReviewOptions__

- -

- __MSG_helpPageFeatureDisclaimer__ -

- - - -

__MSG_helpPageHowSkippingWorks__

- -

- - - - - __MSG_helpPageHowSkippingWorks1__ + +

+
+

+ __MSG_helpPageThanksForInstalling__ By using this extension, you agree to the Privacy Policy and Terms of Use. +

-
-
- - __MSG_helpPageHowSkippingWorks2__ -

- -
- -

__MSG_Submitting__

- -

- - - __MSG_helpPageSubmitting1__ - -
-
- - __MSG_helpPageSubmitting2__ -

- -

__MSG_Editing__

- -

- - - - - __MSG_helpPageEditing1__ - -

- -

__MSG_helpPageTooSlow__

- -

- __MSG_helpPageTooSlow1__ -

- -

__MSG_helpPageCopyOfDatabase__

- -

- __MSG_helpPageCopyOfDatabase1__ https://sponsor.ajay.app/database. __MSG_helpPageCopyOfDatabase2__ -

- -

__MSG_helpPageNews__

- -

- See https://sponsor.ajay.app/news. -

- -

__MSG_helpPageSourceCode__

+

+ Come contribute, make some suggestions and help out on Discord or on Matrix. +

+ + + + +
+
+

__MSG_helpPageHowSkippingWorks__

+ +

+ __MSG_helpPageHowSkippingWorks2__ +

+ +
+ +

+ __MSG_helpPageHowSkippingWorks1__ +

+ +
-

Client:

- - +

__MSG_Submitting__

+ +

+ __MSG_helpPageSubmitting1__ +

-

Server:

- - +
-

__MSG_Credits__

+

+ __MSG_helpPageSubmitting2__ +

-

- Thanks to all SponsorBlock contributors, - SponsorBlockServer contributors and - SponsorBlockSite contributors such - as NDev, Joe Dowd, - Michael Chang and more. -

+
-

The awesome Invidious API is used to grab the time the video was published.

+

+ __MSG_guidelines__ +
+ __MSG_AdviceForSubmitting__ +

-

Some icons made by Gregor Cresnar from www.flaticon.com and are licensed by CC 3.0 BY

+

__MSG_helpPageCopyOfDatabase__

-

Some icons made by Freepik from www.flaticon.com and are licensed by CC 3.0 BY

- -

Open Source Licenses

- -
- +

+ __MSG_helpPageCopyOfDatabase1__ https://sponsor.ajay.app/database. __MSG_helpPageCopyOfDatabase2__ +

+ +

Client:

+ + + +

Server:

+ + + +

__MSG_Credits__

+ +

+ Thanks to all SponsorBlock contributors, + SponsorBlockServer contributors and + SponsorBlockSite contributors such + as NDev, Joe Dowd, + Michael Chang and more. +

+ +

+ Logo by Munadi Kiehl +

+ +

Some icons made by Gregor Cresnar from www.flaticon.com and are licensed by CC 3.0 BY

+ +

Some icons made by Freepik from www.flaticon.com and are licensed by CC 3.0 BY

+ +

Open Source Licenses

+
+
+ +
+

__MSG_helpPageReviewOptions__

+ +

+ __MSG_helpPageFeatureDisclaimer__ +

+ + +
+ diff --git a/public/help/styles.css b/public/help/styles.css index 9c4720d00e..6ffa767cd3 100644 --- a/public/help/styles.css +++ b/public/help/styles.css @@ -29,7 +29,11 @@ html { } .bigText { - font-size: 50px; + font-size: 30px; +} + +.smallText { + font-size: 14px; } body { @@ -46,7 +50,6 @@ body { } .container { - max-width: 60%; margin: auto; } @@ -168,7 +171,7 @@ p,li,code,a { .optionsFrame { width: 100%; - height: 500px; + height: 100%; } .previewImage { @@ -194,14 +197,59 @@ img { h1,h2,h3,h4,h5,h6 { color: var(--title); text-align: center; + + font-size: 25px; + margin: 5px 0px; } svg { text-decoration: none; } -#sbDonate { - font-size: 10px; +.donate-ask { + background-color: rgb(26, 26, 26, 0.95); + border-radius: 15px; + + text-align: center; + padding: 10px; + + margin: 0.7em 0px; +} + +.donate-ask .donate-text { + margin-top: 10px; + margin-bottom: 10px; + + display: flex; + align-items: center; + justify-content: center; +} + +.donate-ask .donate-text img { + height: 2rem; + border-radius: 100%; + + margin-right: 15px; +} + +.donate-ask a { + text-decoration: none; + color: #eee; + border-radius: 15px; + background-color: rgb(58, 58, 58, 0.9); + padding: 10px; + + transition: background-color 0.3s ease; + + display: block; + width: fit-content; + margin: auto; + margin-top: 10px; + margin-bottom: 10px; +} + +.donate-ask a:hover { + background-color: rgba(70, 70, 70, 0.9); } @media screen and (orientation:portrait) { @@ -351,4 +399,50 @@ svg { .hidden { display: none; +} + +.help-page-flex-container { + display: flex; + flex-direction: row; + gap: 20px; + margin-left: 20px; + margin-right: 20px; +} + +.left-sidebar { + display: flex; + flex-direction: column; + + flex: 1 1 50%; +} + +.box2 { + flex: 1 1 50%; +} + +/* Mobile */ +@media only screen and (max-width: 600px) { + .box1 { + order: 1; + } + + .box2 { + order: 2; + } + + .box3 { + order: 3; + } + + .left-sidebar { + display: contents; + } + + .help-page-flex-container { + flex-direction: column; + } + + .optionsFrame { + height: 500px; + } } \ No newline at end of file diff --git a/src/help.ts b/src/help.ts index 67296473f3..6c70e2c751 100644 --- a/src/help.ts +++ b/src/help.ts @@ -47,6 +47,6 @@ async function init() { } if (!showDonationLink()) { - document.getElementById("sbDonate").style.display = "none"; + document.getElementById("donate-component").style.display = "none"; } } \ No newline at end of file