reformatted with prettier

This commit is contained in:
David Martin 2020-08-11 16:05:38 -05:00
parent a06873df19
commit b4bc68c5c2
3 changed files with 325 additions and 97 deletions

View file

@ -1,4 +1,5 @@
{
"tabWidth": 2,
"useTabs": false
"useTabs": false,
"htmlWhitespaceSensitivity": "ignore"
}

View file

@ -67,13 +67,14 @@
<div id="customTextPopup" action="">
<textarea class="textarea" placeholder="Custom text"></textarea>
<div class="inputs">
<label class="check"
><input type="checkbox" />
<label class="check">
<input type="checkbox" />
<div class="customTextRandomCheckbox"></div>
Random<span
>Randomise the above words, and control how many words are
generated.</span
>
Random
<span>
Randomise the above words, and control how many words are
generated.
</span>
</label>
<label class="wordcount">
Word count
@ -140,7 +141,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -149,7 +154,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -158,7 +167,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -167,7 +180,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -176,7 +193,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -185,7 +206,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -194,7 +219,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -203,7 +232,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -212,7 +245,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -221,7 +258,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -230,7 +271,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -239,7 +284,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -248,7 +297,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -257,7 +310,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -266,7 +323,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -275,7 +336,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -284,7 +349,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -293,7 +362,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -302,7 +375,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -311,7 +388,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
</tbody>
<tfoot>
@ -322,7 +403,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
</tfoot>
</table>
@ -356,7 +441,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -365,7 +454,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -374,7 +467,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -383,7 +480,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -392,7 +493,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -401,7 +506,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -410,7 +519,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -419,7 +532,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -428,7 +545,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -437,7 +558,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -446,7 +571,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -455,7 +584,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -464,7 +597,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -473,7 +610,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -482,7 +623,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -491,7 +636,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -500,7 +649,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -509,7 +662,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -518,7 +675,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
<tr>
<td>-</td>
@ -527,7 +688,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
</tbody>
<tfoot>
@ -538,7 +703,11 @@
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br />-</td>
<td>
-
<br />
-
</td>
</tr>
</tfoot>
</table>
@ -716,13 +885,15 @@
style="grid-column: 3/4; grid-row: 1/2;"
tabindex="0"
>
<i class="fas fa-sign-out-alt"></i>sign out
<i class="fas fa-sign-out-alt"></i>
sign out
</div>
</div>
<div id="middle">
<div class="page pageTest active">
<div id="capsWarning" class="hidden">
<i class="fas fa-lock"></i>Caps Lock
<i class="fas fa-lock"></i>
Caps Lock
</div>
<div id="testModesNotice"></div>
<div id="caret" class="default"></div>
@ -1053,10 +1224,16 @@
<div class="section">
<h1>keybinds</h1>
<p>
You can use <key>tab</key> and <key>enter</key> (or just
<key>tab</key> if you have quick tab mode enabled) to restart the
typing test. Open the command line by pressing <key>esc</key> -
there you can access all the functionality you need without
You can use
<key>tab</key>
and
<key>enter</key>
(or just
<key>tab</key>
if you have quick tab mode enabled) to restart the typing test.
Open the command line by pressing
<key>esc</key>
- there you can access all the functionality you need without
touching your mouse.
</p>
</div>
@ -1097,36 +1274,40 @@
<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 server</a
>, send me a message on Reddit or create an issue on
<a href="https://github.com/Miodec/monkey-type" target="_blank"
>GitHub</a
>.
<a href="https://discord.gg/yENzqcB" target="_blank">
Discord server
</a>
, send me a message on Reddit or create an issue on
<a href="https://github.com/Miodec/monkey-type" target="_blank">
GitHub
</a>
.
</p>
</div>
<div class="section">
<h1>credits</h1>
<p>
<a href="https://www.reddit.com/user/montydrei" target="_blank"
>montydrei</a
>
<a href="https://www.reddit.com/user/montydrei" target="_blank">
montydrei
</a>
- name suggestion
</p>
<p>
<a
href="https://www.reddit.com/r/MechanicalKeyboards/comments/gc6wx3/experimenting_with_a_completely_new_type_of/"
target="_blank"
>Everyone</a
>
Everyone
</a>
who provided valuable feedback on the original reddit post for the
prototype of this website
</p>
<p>
<a
href="https://github.com/Miodec/monkey-type/graphs/contributors"
>Contributors</a
>
Contributors
</a>
on GitHub that have helped with implementing various features,
adding themes and more.
</p>
@ -1136,16 +1317,19 @@
<p>
If you wish to support this project, help pay for hosting and fuel
my caffeine addiction, you can donate
<a href="https://www.paypal.me/jackbartnik" target="_blank"
>here</a
>.
<a href="https://www.paypal.me/jackbartnik" target="_blank">
here
</a>
.
</p>
</div>
</div>
<div class="page pageSettings hidden">
<div class="tip">
tip: You can also change all these settings quickly using the
command line (<key>esc</key>)
command line (
<key>esc</key>
)
</div>
<div class="sectionGroupTitle" group="behaviour">
@ -1191,9 +1375,10 @@
<div class="section quickTab">
<h1>quick tab mode</h1>
<div class="text">
Press <key>tab</key> to quickly restart the test, or to quickly
jump to the test page. This function disables tab navigation on
the website.
Press
<key>tab</key>
to quickly restart the test, or to quickly jump to the test
page. This function disables tab navigation on the website.
</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">
@ -1346,7 +1531,8 @@
<div class="howto hidden">
To pair your accounts, direct message 'George' (our bot) on
Discord with the message '!verify
<span class="howtocode">-</span>'.
<span class="howtocode">-</span>
'.
</div>
</div>
<div class="buttons">
@ -1356,7 +1542,8 @@
</div>
<div class="info hidden">
<div>
<i class="fas fa-check"></i> Your accounts are paired!
<i class="fas fa-check"></i>
Your accounts are paired!
</div>
</div>
<div class="code hidden">
@ -1927,7 +2114,10 @@
autocomplete="new-password"
/>
<input type="password" placeholder="verify password" />
<div class="button"><i class="fas fa-user-plus"></i>Sign Up</div>
<div class="button">
<i class="fas fa-user-plus"></i>
Sign Up
</div>
</form>
</div>
<div class="login side">
@ -1937,14 +2127,15 @@
<input type="text" placeholder="email" />
<input type="password" placeholder="password" />
<div>
<label id="rememberMe"
><input type="checkbox" checked />
<label id="rememberMe">
<input type="checkbox" checked />
<div class="customCheckbox"></div>
Remember me
</label>
</div>
<div class="button">
<i class="fas fa-sign-in-alt"></i>Sign In
<i class="fas fa-sign-in-alt"></i>
Sign In
</div>
</form>
</div>
@ -2052,7 +2243,9 @@
</div>
<div class="triplegroup stats">
<div class="text" style="margin-bottom: 2rem;">
estimated total<br />time spent typing
estimated total
<br />
time spent typing
</div>
<div class="group timeTotal" style="margin-bottom: 2rem;">
<div class="title">overall</div>
@ -2072,7 +2265,11 @@
<div class="val">-</div>
</div>
<div class="group averageWpm10">
<div class="title">average wpm<br />(last 10 tests)</div>
<div class="title">
average wpm
<br />
(last 10 tests)
</div>
<div class="val">-</div>
</div>
@ -2086,7 +2283,11 @@
<div class="val">-</div>
</div>
<div class="group averageRaw10">
<div class="title">average raw wpm<br />(last 10 tests)</div>
<div class="title">
average raw wpm
<br />
(last 10 tests)
</div>
<div class="val">-</div>
</div>
@ -2099,7 +2300,11 @@
<div class="val">-</div>
</div>
<div class="group avgRestart">
<div class="title">avg restarts<br />per completed test</div>
<div class="title">
avg restarts
<br />
per completed test
</div>
<div class="val">-</div>
</div>
<div></div>
@ -2108,7 +2313,11 @@
<div class="val">-</div>
</div>
<div class="group avgAcc10">
<div class="title">avg accuracy<br />(last 10 tests)</div>
<div class="title">
avg accuracy
<br />
(last 10 tests)
</div>
<div class="val">-</div>
</div>
<div></div>
@ -2117,7 +2326,11 @@
<div class="val">-</div>
</div>
<div class="group avgCons10">
<div class="title">avg consistency<br />(last 10 tests)</div>
<div class="title">
avg consistency
<br />
(last 10 tests)
</div>
<div class="val">-</div>
</div>
<!-- <div class="group favouriteTest">
@ -2133,8 +2346,16 @@
<td>wpm</td>
<td>raw</td>
<td>accuracy</td>
<td>correct<br />chars</td>
<td>incorrect<br />chars</td>
<td>
correct
<br />
chars
</td>
<td>
incorrect
<br />
chars
</td>
<td>consistency</td>
<td>mode</td>
<!-- <td>punctuation</td> -->
@ -2155,8 +2376,13 @@
<div id="bottom">
<div class="keyTips">
<key>tab</key> and <key>enter</key> - restart test<br />
<key>esc</key> - command line
<key>tab</key>
and
<key>enter</key>
- restart test
<br />
<key>esc</key>
- command line
</div>
<div>
Crafted with &lt;3 by
@ -2164,20 +2390,21 @@
tabindex="0"
href="https://www.reddit.com/message/compose?to=Miodec"
target="_blank"
>Miodec</a
>
Miodec
</a>
</div>
<div>
Contribute on
<a href="https://github.com/Miodec/monkey-type" target="_blank"
>GitHub</a
>
<a href="https://github.com/Miodec/monkey-type" target="_blank">
GitHub
</a>
</div>
<div>
Support by
<a href="https://www.paypal.me/jackbartnik" target="_blank"
>donating</a
>
<a href="https://www.paypal.me/jackbartnik" target="_blank">
donating
</a>
</div>
<div class="version">version</div>
</div>

View file

@ -145,7 +145,7 @@ function copyResultToClipboard() {
}
function activateFunbox(funbox, mode) {
if (funbox === "none") {
if (funbox === "none" || funbox !== "earthquake") {
$("#funBoxTheme").attr("href", ``);
activeFunBox = "none";
}