diff --git a/public/_locales b/public/_locales index 1314fb80..aeee576b 160000 --- a/public/_locales +++ b/public/_locales @@ -1 +1 @@ -Subproject commit 1314fb8089148b5586996b5bad9c4b0695d74100 +Subproject commit aeee576b7e92a3756815bcd3c6076becac30ff13 diff --git a/public/help/images/popup.png b/public/help/images/popup.png index 683ad183..68fb336f 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 00000000..ddc6733c 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 00000000..109352ac 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 d2e848f4..3b05e31b 100644 --- a/public/help/index.html +++ b/public/help/index.html @@ -21,128 +21,124 @@

- + 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__

- -

Client:

- - - -

Server:

- - - -

__MSG_Credits__

- -

- 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.

- -

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

+

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

+ + + + +
+
+

__MSG_helpPageHowSkippingWorks__

-

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

+

+ __MSG_helpPageHowSkippingWorks2__ +

-

Open Source Licenses

+
+ +

+ __MSG_helpPageHowSkippingWorks1__ +

+ +
-
+

__MSG_Submitting__

+ +

+ __MSG_helpPageSubmitting1__ +

+
+ +

+ __MSG_helpPageSubmitting2__ +

+ +
+ +

+ __MSG_guidelines__ +
+ __MSG_AdviceForSubmitting__ +

+ +

__MSG_helpPageCopyOfDatabase__

+ +

+ __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. +

+ +

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 9c4720d0..6ffa767c 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 67296473..6c70e2c7 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