mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-02-05 05:17:51 +08:00
added a contact section to the about page, gave support its own section
This commit is contained in:
Jack
parent
62f3f055d5
commit
372d17c5a9
5 changed files with 106 additions and 23 deletions
|
|
@ -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",
|
||||
|
|
|
|||
7
src/js/elements/about-page.js
Normal file
7
src/js/elements/about-page.js
Normal file
|
|
@ -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();
|
||||
});
|
||||
|
|
@ -20,3 +20,4 @@ import "./custom-theme-popup";
|
|||
import "./import-settings-popup";
|
||||
import "./input-controller";
|
||||
import "./ready";
|
||||
import "./about-page";
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -1598,33 +1598,88 @@
|
|||
<h1>bug report or feature request</h1>
|
||||
<p>
|
||||
If you encounter a bug, or have a feature request - join the
|
||||
<a href="https://discord.gg/yENzqcB" target="_blank">Discord</a>
|
||||
server,
|
||||
<a href="https://www.reddit.com/users/Miodec" target="_blank">
|
||||
send me a message on Reddit
|
||||
</a>
|
||||
or
|
||||
<a
|
||||
href="https://github.com/Miodec/monkeytype/issues"
|
||||
target="_blank"
|
||||
>
|
||||
create an issue on GitHub.
|
||||
</a>
|
||||
Discord server, send me an email, a direct message on Twitter or
|
||||
create an issue on GitHub.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h1>support</h1>
|
||||
<div class="title">support</div>
|
||||
<p>
|
||||
If you wish to support this project, help pay for hosting and
|
||||
fuel my caffeine addiction, you can
|
||||
<a class="aboutEnableAds">enable ads,</a>
|
||||
join the
|
||||
<a href="https://www.patreon.com/monkeytype">Patreon,</a>
|
||||
donate via
|
||||
<a href="https://www.paypal.me/jackbartnik">PayPal</a>
|
||||
or buy a
|
||||
<a href="https://monkeytype.store">tshirt.</a>
|
||||
Thanks to everyone who has supported this project. It would not
|
||||
be possible without you and your continued support.
|
||||
</p>
|
||||
<div class="supportButtons">
|
||||
<a class="button ads">
|
||||
<div class="fas fas fa-ad"></div>
|
||||
Ads
|
||||
</a>
|
||||
<a
|
||||
class="button"
|
||||
href="https://ko-fi.com/monkeytype"
|
||||
target="_blank"
|
||||
>
|
||||
<div class="fas fa-donate"></div>
|
||||
Ko-Fi
|
||||
</a>
|
||||
<a
|
||||
class="button"
|
||||
href="https://www.patreon.com/monkeytype"
|
||||
target="_blank"
|
||||
>
|
||||
<div class="fab fa-patreon"></div>
|
||||
Patreon
|
||||
</a>
|
||||
<a
|
||||
class="button"
|
||||
href="https://monkeytype.store"
|
||||
target="_blank"
|
||||
>
|
||||
<div class="fas fa-tshirt"></div>
|
||||
Merch
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="title">contact</div>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<div class="contactButtons">
|
||||
<a
|
||||
class="button"
|
||||
href="mailto:jack@monkeytype.com"
|
||||
target="_blank"
|
||||
>
|
||||
<div class="fas fa-envelope"></div>
|
||||
Mail
|
||||
</a>
|
||||
<a
|
||||
class="button"
|
||||
href="https://twitter.com/monkeytypegame"
|
||||
target="_blank"
|
||||
>
|
||||
<div class="fab fa-twitter"></div>
|
||||
Twitter
|
||||
</a>
|
||||
<a
|
||||
class="button"
|
||||
href="https://discord.gg/monkeytype"
|
||||
target="_blank"
|
||||
>
|
||||
<div class="fab fa-discord"></div>
|
||||
Discord
|
||||
</a>
|
||||
<a
|
||||
class="button"
|
||||
href="https://github.com/Miodec/monkeytype"
|
||||
target="_blank"
|
||||
>
|
||||
<div class="fab fa-github"></div>
|
||||
Github
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="title">credits</div>
|
||||
|
|
@ -2706,7 +2761,9 @@
|
|||
<div class="section repeatedPace" section="">
|
||||
<h1>repeated pace</h1>
|
||||
<div class="text">
|
||||
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.
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<div class="button off" tabindex="0" onclick="this.blur();">
|
||||
|
|
|
|||
Loading…
Reference in a new issue