From 372d17c5a95ff02ee4b7aebd4b7244970bddf5ad Mon Sep 17 00:00:00 2001 From: Jack Date: Thu, 3 Jun 2021 17:36:13 +0100 Subject: [PATCH] added a contact section to the about page, gave support its own section --- gulpfile.js | 1 + src/js/elements/about-page.js | 7 +++ src/js/global-dependencies.js | 1 + src/sass/style.scss | 17 ++++++ static/index.html | 103 ++++++++++++++++++++++++++-------- 5 files changed, 106 insertions(+), 23 deletions(-) create mode 100644 src/js/elements/about-page.js diff --git a/gulpfile.js b/gulpfile.js index 6826f1e3b..380e78564 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -122,6 +122,7 @@ const refactoredSrc = [ "./src/js/elements/account-button.js", "./src/js/elements/loader.js", "./src/js/elements/sign-out-button.js", + "./src/js/elements/about-page.js", "./src/js/popups/custom-text-popup.js", "./src/js/popups/quote-search-popup.js", diff --git a/src/js/elements/about-page.js b/src/js/elements/about-page.js new file mode 100644 index 000000000..c5bc267d2 --- /dev/null +++ b/src/js/elements/about-page.js @@ -0,0 +1,7 @@ +import * as CommandlineLists from "./commandline-lists.js"; +import * as Commandline from "./commandline.js"; + +$(".supportButtons .button.ads").click((e) => { + CommandlineLists.pushCurrent(CommandlineLists.commandsEnableAds); + Commandline.show(); +}); diff --git a/src/js/global-dependencies.js b/src/js/global-dependencies.js index 33b54783f..2cfa1e584 100644 --- a/src/js/global-dependencies.js +++ b/src/js/global-dependencies.js @@ -20,3 +20,4 @@ import "./custom-theme-popup"; import "./import-settings-popup"; import "./input-controller"; import "./ready"; +import "./about-page"; diff --git a/src/sass/style.scss b/src/sass/style.scss index c169e42ff..a70426824 100644 --- a/src/sass/style.scss +++ b/src/sass/style.scss @@ -2656,6 +2656,23 @@ key { margin: 1rem 0; } + .contactButtons, + .supportButtons { + margin-top: 1rem; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + gap: 1rem; + .button { + text-decoration: none; + font-size: 1.5rem; + padding: 2rem 0; + .fas, + .fab { + margin-right: 1rem; + } + } + } + .supporters, .contributors { display: grid; diff --git a/static/index.html b/static/index.html index 348059ea7..bbc0b6900 100644 --- a/static/index.html +++ b/static/index.html @@ -1598,33 +1598,88 @@

bug report or feature request

If you encounter a bug, or have a feature request - join the - Discord - server, - - send me a message on Reddit - - or - - create an issue on GitHub. - + Discord server, send me an email, a direct message on Twitter or + create an issue on GitHub.

-

support

+
support

- If you wish to support this project, help pay for hosting and - fuel my caffeine addiction, you can - enable ads, - join the - Patreon, - donate via - PayPal - or buy a - tshirt. + Thanks to everyone who has supported this project. It would not + be possible without you and your continued support.

+
+ +
+ Ads + + +
+ Ko-Fi + + +
+ Patreon + + +
+ Merch + +
+
+
+
contact
+

+ If you encounter a bug, have a feature request or just want to + say hi - here are the different ways you can contact me + directly. +

+
+ +
+ Mail + + +
+ Twitter + + +
+ Discord + + +
+ Github + +
credits
@@ -2706,7 +2761,9 @@

repeated pace

- When repeating a test, a pace caret will automatically be enabled for one test with the speed of your previous test. It does not override the pace caret if it's already enabled. + When repeating a test, a pace caret will automatically be + enabled for one test with the speed of your previous test. It + does not override the pace caret if it's already enabled.