monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-10-17 19:15:59 +08:00
Code Issues Projects Releases Packages Wiki Activity

formatting

Browse source
This commit is contained in:
Jack 2020-10-15 22:37:32 +01:00
parent 775bd01dbb
commit d42963e413
1 changed files with 91 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

143
public/index.html
View file

@ -29,16 +29,10 @@
property="og:description"
content="A minimalistic, customisable typing website. Test yourself in various modes, track your progress and improve your typing speed."
/>
<meta
property="og:image"
content="https://monkeytype.com/mtsocial.png"
/>
<meta property="og:image" content="https://monkeytype.com/mtsocial.png" />
<meta name="theme-color" content="#e2b714" id="metaThemeColor" />
<meta name="twitter:title" content="Monkeytype" />
<meta
name="twitter:image"
content="https://monkeytype.com/mtsocial.png"
/>
<meta name="twitter:image" content="https://monkeytype.com/mtsocial.png" />
<meta name="twitter:card" content="summary_large_image" />
</head>
@ -749,7 +743,7 @@
<div class="suggestions"></div>
</div>
<div id="commandInput" class="hidden">
<input type="text" class="input" placeholder="input"></input>
<input type="text" class="input" placeholder="input" />
</div>
</div>
<div id="timerWrapper">
@ -762,7 +756,12 @@
<div class="bottom">monkeytype</div>
</div>
<div id="menu">
<div class="icon-button view-start" tabindex="2" href="/" onclick="this.blur();">
<div
class="icon-button view-start"
tabindex="2"
href="/"
onclick="this.blur();"
>
<div class="icon">
<i class="fas fa-fw fa-keyboard"></i>
</div>
@ -832,12 +831,7 @@
</div>
<div class="config">
<div
style="
display: grid;
grid-auto-flow: column;
"
>
<div style="display: grid; grid-auto-flow: column;">
<div class="group punctuationMode">
<!-- <div class="title">time</div> -->
<div class="buttons">
@ -928,7 +922,6 @@
</div>
<div id="middle">
<div class="page pageTest active">
<div id="typingTest">
<div id="capsWarning" class="hidden">
<i class="fas fa-lock"></i>
@ -936,14 +929,17 @@
</div>
<div id="testModesNotice"></div>
<div id="caret" class="default size15"></div>
<div id="paceCaret"class="default size15 hidden"></div>
<div id="paceCaret" class="default size15 hidden"></div>
<input id="wordsInput" class="" tabindex="0" autocomplete="off" />
<div id="timerNumber"><div>60</div></div>
<div id="miniTimerAndLiveWpm">
<div class="time hidden">1:00</div>
<div class="wpm">60</div>
</div>
<div class="outOfFocusWarning"><i class="fas fa-mouse-pointer"></i> Click the words to focus</div>
<div class="outOfFocusWarning">
<i class="fas fa-mouse-pointer"></i>
Click the words to focus
</div>
<div id="wordsWrapper">
<div id="words" class="size15"></div>
</div>
@ -1157,10 +1153,10 @@
<div class="group wpm">
<div class="top">
wpm
<div class="crown hidden" aria-label="" data-balloon-pos="up">
<i class="fas fa-crown"></i>
</div>
<div class="crown hidden" aria-label="" data-balloon-pos="up">
<i class="fas fa-crown"></i>
</div>
</div>
<div class="bottom" aria-label="" data-balloon-pos="up">-</div>
</div>
<div class="group acc">
@ -1191,7 +1187,14 @@
</div>
<div class="group key">
<div class="top">characters</div>
<div class="bottom" aria-label="Correct, incorrect, extra and missed" data-balloon-break="" data-balloon-pos="up">-</div>
<div
class="bottom"
aria-label="Correct, incorrect, extra and missed"
data-balloon-break=""
data-balloon-pos="up"
>
-
</div>
</div>
<!-- </div> -->
@ -1363,8 +1366,9 @@
</a>
, send me a message on Reddit or create an issue on
<a href="https://github.com/Miodec/monkeytype" target="_blank">
GitHub.
GitHub
</a>
.
</p>
</div>
<div class="section">
@ -1456,7 +1460,11 @@
time you achieve a new personal best in a 60 second test.
</div>
<div class="buttons">
<a class="button" href="https://discord.com/api/oauth2/authorize?client_id=757704816532258856&redirect_uri=https%3A%2F%2Fmonkeytype.com%2Fverify&response_type=token&scope=identify" style="text-decoration: none;">
<a
class="button"
href="https://discord.com/api/oauth2/authorize?client_id=757704816532258856&redirect_uri=https%3A%2F%2Fmonkeytype.com%2Fverify&response_type=token&scope=identify"
style="text-decoration: none;"
>
Verify with Discord
</a>
</div>
@ -1465,7 +1473,12 @@
<i class="fas fa-check"></i>
Your accounts are paired!
</div>
<div id="unlinkDiscordButton" class="text-button" aria-label="Unlink" data-balloon-pos="up">
<div
id="unlinkDiscordButton"
class="text-button"
aria-label="Unlink"
data-balloon-pos="up"
>
<i class="fas fa-unlink" aria-hidden="true"></i>
</div>
</div>
@ -1531,8 +1544,6 @@
</div>
</div>
<div class="section blindMode">
<h1>blind mode</h1>
<div class="text">
@ -1598,7 +1609,11 @@
<div class="section singleListCommandLine">
<h1>single list command line</h1>
<div class="text">
When enabled, it will show the command line with all commands in a single list instead of submenu arrangements. Selecting 'manual' will expose all commands only after typing <key>></key>.
When enabled, it will show the command line with all commands in
a single list instead of submenu arrangements. Selecting
'manual' will expose all commands only after typing
<key>></key>
.
</div>
<div class="buttons">
<div
@ -1617,7 +1632,6 @@
>
on
</div>
</div>
</div>
<div class="section language">
@ -1936,7 +1950,14 @@
>
custom
</div>
<input type="number" step="1" class="customPaceCaretSpeed" placeholder="wpm" min="0" value="">
<input
type="number"
step="1"
class="customPaceCaretSpeed"
placeholder="wpm"
min="0"
value=""
/>
</div>
</div>
<div class="section paceCaretStyle" section="">
@ -2150,7 +2171,8 @@
<div class="section startGraphsAtZero">
<h1>start graphs at zero</h1>
<div class="text">
Force graph axis to always start at zero, no matter what the data is. Turning this off may exaggerate the value changes.
Force graph axis to always start at zero, no matter what the
data is. Turning this off may exaggerate the value changes.
</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">
@ -2573,7 +2595,8 @@
<div class="section showOutOfFocusWarning">
<h1>out of focus warning</h1>
<div class="text">
Shows an out of focus reminder after 1 second of being 'out of focus' (not being able to type).
Shows an out of focus reminder after 1 second of being 'out of
focus' (not being able to type).
</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">
@ -2618,12 +2641,9 @@
<div class="register side">
<div class="title">register</div>
<form action="" autocomplete="off">
<input type="text" placeholder="username" />
<input type="text" placeholder="username" />
<input type="text" placeholder="email" />
<input
type="password"
placeholder="password"
/>
<input type="password" placeholder="password" />
<input type="password" placeholder="verify password" />
<div class="button">
<i class="fas fa-user-plus"></i>
@ -2635,8 +2655,12 @@
<div class="title">login</div>
<div id="forgotPasswordButton">Forgot password?</div>
<form action="">
<input type="text" placeholder="email" autocomplete="email"/>
<input type="password" placeholder="password" autocomplete="password"/>
<input type="text" placeholder="email" autocomplete="email" />
<input
type="password"
placeholder="password"
autocomplete="password"
/>
<div>
<label id="rememberMe">
<input type="checkbox" checked />
@ -2680,9 +2704,7 @@
</div>
<div class="group">
<div class="title">personal bests</div>
<div style="display: grid;
grid-auto-flow: column;
gap: 1rem;">
<div style="display: grid; grid-auto-flow: column; gap: 1rem;">
<div class="titleAndTable timePbTable">
<table width="100%">
<thead>
@ -2783,7 +2805,10 @@
</div>
</div>
</div>
<div class="buttonsAndTitle testDate" style="grid-column: 1/3;margin-top: 1rem">
<div
class="buttonsAndTitle testDate"
style="grid-column: 1/3; margin-top: 1rem;"
>
<!-- <div class="title">date</div> -->
<div class="buttons filterGroup" group="date">
<div class="button" filter="last_day">last day</div>
@ -2793,7 +2818,7 @@
</div>
</div>
</div>
<div class="group filterButtons" style="display:none">
<div class="group filterButtons" style="display: none;">
<div class="buttonsAndTitle" style="grid-column: 1/3;">
<div class="title">advanced filters</div>
<div class="buttons">
@ -2876,7 +2901,10 @@
<canvas id="resultHistoryChart"></canvas>
</div>
<div class="below"></div>
<div class="toggleAccuracyOnChart button"><i class="fas fa-bullseye"></i>Toggle Accuracy</div>
<div class="toggleAccuracyOnChart button">
<i class="fas fa-bullseye"></i>
Toggle Accuracy
</div>
</div>
<div class="group dailyActivityChart">
<div class="chart" style="height: 200px;">
@ -2929,7 +2957,13 @@
<div class="group testsCompleted">
<div class="title">
tests completed
<span data-balloon-length="xlarge" aria-label="Due to the increasing number of results in the database, you can now only see your last 1000 results in detail. Total time spent typing, started and completed tests stats will still be up to date at the top of the page, above the filters." data-balloon-pos="up"><i class="fas fa-question-circle"></i></span>
<span
data-balloon-length="xlarge"
aria-label="Due to the increasing number of results in the database, you can now only see your last 1000 results in detail. Total time spent typing, started and completed tests stats will still be up to date at the top of the page, above the filters."
data-balloon-pos="up"
>
<i class="fas fa-question-circle"></i>
</span>
</div>
<div class="val">-</div>
</div>
@ -3031,9 +3065,9 @@
<div>
<i class="fas fa-fw fa-code"></i>
Contribute on
<a
href="https://github.com/Miodec/monkeytype"
target="_blank">GitHub</a>
<a href="https://github.com/Miodec/monkeytype" target="_blank">
GitHub
</a>
</div>
<div>
<i class="fas fa-fw fa-donate"></i>
@ -3052,7 +3086,9 @@
</div>
<div>
<i class="fab fa-discord"></i>
<a href="https://www.discord.gg/monkeytype" class="discordLink">discord.gg/monkeytype</a>
<a href="https://www.discord.gg/monkeytype" class="discordLink">
discord.gg/monkeytype
</a>
</div>
<div>
<i class="fas fa-code-branch"></i>
@ -3075,7 +3111,10 @@
<!-- Initialize Firebase -->
<script src="/__/firebase/init.js"></script>
<script src="https://kit.fontawesome.com/f3f87d89b4.js" crossorigin="anonymous"></script>
<script
src="https://kit.fontawesome.com/f3f87d89b4.js"
crossorigin="anonymous"
></script>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/jquery.color.min.js"></script>
<script src="js/easing.js"></script>