monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-21 07:46:15 +08:00
Code Issues Packages Projects Releases Wiki Activity
monkeytype/public/index.html

1717 lines
67 KiB
HTML
Raw Normal View History

update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Monkey Type</title>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<link rel="stylesheet" href="css/fa.css">
changed the result list to include icons added the ability to edit result tags made sure tag filters save when refreshed
2020-06-24 07:55:15 +08:00
<link rel="stylesheet" href="css/balloon.css">
only showing out of sync error when its needed
2020-08-10 04:01:57 +08:00
<link rel="stylesheet" href="css/style.css?v=51">
changed the default config added word set section in the about
2020-05-29 01:00:46 +08:00
<link rel="stylesheet" href="themes/serika_dark.css" id="currentTheme">
added funbox
2020-07-31 08:33:17 +08:00
<link rel="stylesheet" href="" id="funBoxTheme">
added og tags
2020-06-06 03:35:24 +08:00
<link id="favicon" rel="shortcut icon" href="fav.png">
<link rel="shortcut icon" href="fav.png">
<meta name="name" content="Monkey Type">
switched to a large social image
2020-06-06 09:42:43 +08:00
<meta name="image" content="https://monkey-type.com/mtsocial_large.png">
added some meta tages
2020-05-24 20:10:59 +08:00
<meta name="description" content="A super customisable, minimalistic typing test.">
implemented quote mode
2020-07-03 07:01:46 +08:00
<meta name="keywords"
content="typing, test, typing-test, typing test, monkey-type, monkeytype, monkey type, monkey-types, monkey types, types, monkey, type, miodec, wpm, words per minute, typing website, minimalistic, custom typing test, customizable, customisable, themes, random words, smooth caret, smooth, new, new typing site, new typing website">
added some meta tages
2020-05-24 20:10:59 +08:00
<meta name="author" content="Miodec">
fixed more quote characters ._.
2020-06-06 05:11:32 +08:00
<meta property="og:title" content="Monkey Type">
<meta property="og:url" content="https://monkey-type.com/">
<meta property="og:type" content="website">
<meta property="og:description" content="A super customisable, minimalistic typing test.">
switched to a large social image
2020-06-06 09:42:43 +08:00
<meta property="og:image" content="https://monkey-type.com/mtsocial_large.png">
updating meta theme color on theme change
2020-08-01 21:58:00 +08:00
<meta name="theme-color" content="#e2b714" id="metaThemeColor">
added twitter meta tags
2020-06-06 21:57:17 +08:00
<meta name="twitter:title" content="Monkey Type">
<meta name="twitter:image" content="https://monkey-type.com/mtsocial_large.png">
<meta name="twitter:card" content="summary_large_image">
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</head>
implemented quote mode
2020-07-03 07:01:46 +08:00
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<body>
added background loading indicator
2020-06-13 00:30:20 +08:00
<div id="backgroundLoader" style="display:none"></div>
implemented quote mode
2020-07-03 07:01:46 +08:00
<div class="nameChangeMessage"
style="background-color: var(--main-color);padding: 0.5rem;text-align: center;color: var(--bg-color);display:none;">
made sure name is valid when registering added a message tot he user when he needs to change his display name
2020-06-06 23:48:22 +08:00
Important information about your account. Please click this message.
</div>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<div class="notification">Signed in</div>
added an option to share custom themes
2020-07-14 05:47:28 +08:00
<div id="customThemeShareWrapper" class="hidden">
<div id="customThemeShare" action="">
<input type="text">
<div class="button">ok</div>
</div>
</div>
added a custom text popup that allows to randomise words with a certain number of words
2020-07-25 22:16:40 +08:00
<div id="customTextPopupWrapper" class="hidden">
<div id="customTextPopup" action="">
<textarea class="textarea" placeholder="Custom text"></textarea>
<div class="inputs">
<label class="check"><input type="checkbox">
updated description
2020-08-03 01:26:42 +08:00
<div class="customTextRandomCheckbox"></div>Random<span>Randomise the above words, and control how
only showing word count when random is enabled, added random description
2020-08-03 01:26:15 +08:00
many words are generated.</span>
added a custom text popup that allows to randomise words with a certain number of words
2020-07-25 22:16:40 +08:00
</label>
only showing word count when random is enabled, added random description
2020-08-03 01:26:15 +08:00
<label class="wordcount">
added a custom text popup that allows to randomise words with a certain number of words
2020-07-25 22:16:40 +08:00
Word count
only showing word count when random is enabled, added random description
2020-08-03 01:26:15 +08:00
<input type="number" value="1" min="1" max="10000">
added a custom text popup that allows to randomise words with a certain number of words
2020-07-25 22:16:40 +08:00
</label>
</div>
<div class="button">ok</div>
</div>
</div>
added custom word and time popup
2020-07-31 03:16:07 +08:00
<div id="customMode2PopupWrapper" class="hidden">
<div id="customMode2Popup" mode="">
<div class="title">Test length</div>
<input type="number" value="1" min="1" max="10000">
<div class="button">ok</div>
</div>
</div>
added popup for adding tags
2020-06-12 02:19:39 +08:00
<div id="tagsWrapper" class="hidden">
added functions to edit and remove tags
2020-06-12 02:38:24 +08:00
<div id="tagsEdit" action="" tagid="">
added popup for adding tags
2020-06-12 02:19:39 +08:00
<div class="title"></div>
<input type="text">
<div class="button"><i class="fas fa-plus"></i></div>
</div>
</div>
changed the result list to include icons added the ability to edit result tags made sure tag filters save when refreshed
2020-06-24 07:55:15 +08:00
<div id="resultEditTagsPanelWrapper" class="hidden">
<div id="resultEditTagsPanel" resultid="">
<div class="buttons">
fixed a bug where asdf would be visible instead of the actual tags refreshing the tags list when edited or added new ones
2020-06-25 04:19:14 +08:00
changed the result list to include icons added the ability to edit result tags made sure tag filters save when refreshed
2020-06-24 07:55:15 +08:00
</div>
<div class="button confirmButton"><i class="fas fa-check"></i></div>
</div>
</div>
leaderboard now pull data from db
2020-07-04 03:10:40 +08:00
<div id="leaderboardsWrapper" class="hidden">
added leaderboards skeleton
2020-07-04 02:30:05 +08:00
<div id="leaderboards">
<div class="mainTitle">
Leaderboards
</div>
<div class="buttons">
now only using time 15 and 60 leaderboards
2020-07-08 07:28:40 +08:00
<div class="buttonGroup">
<div class="button active" board="time_15">time 15</div>
<div class="button" board="time_60">time 60</div>
added leaderboards skeleton
2020-07-04 02:30:05 +08:00
</div>
</div>
<div class="tables">
<div class="titleAndTable">
<div class="title">
leaderboard now pull data from db
2020-07-04 03:10:40 +08:00
Global
added leaderboards skeleton
2020-07-04 02:30:05 +08:00
</div>
changed the way leaderboards scrol
2020-07-04 09:44:21 +08:00
<div class="globalTableWrapper">
<table class="global">
<thead>
<tr>
<td>#</td>
<td>name</td>
<td>wpm</td>
<td>raw</td>
<td>acc</td>
<td>test</td>
<td>date</td>
</tr>
</thead>
<tbody>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
</tbody>
added sticky headers and footers to the lb table
2020-07-17 07:18:58 +08:00
<tfoot>
<tr>
<td>-</td>
<td>You</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
</tfoot>
changed the way leaderboards scrol
2020-07-04 09:44:21 +08:00
</table>
</div>
added leaderboards skeleton
2020-07-04 02:30:05 +08:00
</div>
<div class="titleAndTable">
<div class="title">
leaderboard now pull data from db
2020-07-04 03:10:40 +08:00
Daily
added leaderboards skeleton
2020-07-04 02:30:05 +08:00
</div>
added a subtitle that says when the lb will reset
2020-07-06 00:02:02 +08:00
<div class="subtitle">
-
</div>
changed the way leaderboards scrol
2020-07-04 09:44:21 +08:00
<div class="dailyTableWrapper">
<table class="daily">
<thead>
<tr>
<td>#</td>
<td>name</td>
<td>wpm</td>
<td>raw</td>
<td>acc</td>
<td>test</td>
<td>date</td>
</tr>
</thead>
<tbody>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
</tbody>
added sticky headers and footers to the lb table
2020-07-17 07:18:58 +08:00
<tfoot>
<tr>
<td>-</td>
<td>You</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-<br>-</td>
</tr>
</tfoot>
changed the way leaderboards scrol
2020-07-04 09:44:21 +08:00
</table>
</div>
added leaderboards skeleton
2020-07-04 02:30:05 +08:00
</div>
</div>
</div>
</div>
- added version to the bottom of the page - added version history popup - fixed a bug where livewpm still would be drawn on top
2020-05-17 19:40:41 +08:00
<div id="versionHistoryWrapper" class="hidden">
<div id="versionHistory">
<div class="tip">Click anywhere to dismiss</div>
<div class="releases">
<div class="release">
<div class="title">v1</div>
<div class="date">010101</div>
<div class="body">test</div>
</div>
<div class="release">
<div class="title">v2</div>
<div class="date">010101</div>
<div class="body">test</div>
</div>
</div>
</div>
</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<div id="commandLineWrapper" class="hidden">
<div id="commandLine">
updated command line placeholder to indicate that you can search
2020-08-03 04:52:13 +08:00
<input type="text" class="input" placeholder="Type to search">
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<div class="separator hidden"></div>
<div class="listTitle">Title</div>
<div class="suggestions">
</div>
</div>
added email sending to the command line email sending is no longer using a function, just simply pushes to the database
2020-05-13 23:34:20 +08:00
<div id="commandInput" class="hidden">
<textarea type="text" class="input" placeholder="input"></textarea>
<div class="shiftEnter">Shift + Enter to send</div>
</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
<div id="timerWrapper">
<div id="timer"></div>
</div>
<div id="centerContent" class="hidden">
<div id="top">
<div class="logo">
<div class="top">monkey-see</div>
removed uneeded </sup> on line 566
2020-08-11 02:03:46 +08:00
<div class="bottom">monkey-type</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
<div id="menu">
refactored css to use one button class instead of copy and pasting the same style
2020-07-03 01:39:24 +08:00
<div class="icon-button" tabindex="2" href="/" onclick="this.blur();">
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<div class="icon">
<i class="fas fa-fw fa-keyboard"></i>
</div>
</div>
added leaderboards skeleton
2020-07-04 02:30:05 +08:00
<div class="icon-button leaderboards" tabindex="2" onclick="this.blur();">
<div class="icon">
leaderboard now pull data from db
2020-07-04 03:10:40 +08:00
<i class="fas fa-fw fa-crown"></i>
added leaderboards skeleton
2020-07-04 02:30:05 +08:00
</div>
</div>
refactored css to use one button class instead of copy and pasting the same style
2020-07-03 01:39:24 +08:00
<div class="icon-button" tabindex="2" href="/about" onclick="this.blur();">
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<div class="icon">
<i class="fas fa-fw fa-info"></i>
</div>
</div>
implemented quote mode
2020-07-03 07:01:46 +08:00
<a class="icon-button discord" tabindex="2" href="https://discord.gg/yENzqcB" onclick="this.blur();"
target="_blank" style="text-decoration: none;">
<div class="icon">
<i class="fab fa-discord"></i>
</div>
</a>
refactored css to use one button class instead of copy and pasting the same style
2020-07-03 01:39:24 +08:00
<div class="icon-button" tabindex="2" href="/settings" onclick="this.blur();">
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<div class="icon">
<i class="fas fa-fw fa-cog"></i>
</div>
</div>
refactored css to use one button class instead of copy and pasting the same style
2020-07-03 01:39:24 +08:00
<div class="icon-button hidden account" tabindex="2" href="/account" onclick="this.blur();">
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<div class="icon">
<i class="fas fa-fw fa-user"></i>
</div>
made sure name is valid when registering added a message tot he user when he needs to change his display name
2020-06-06 23:48:22 +08:00
<div class="text"></div>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
</div>
refactored css to use one button class instead of copy and pasting the same style
2020-07-03 01:39:24 +08:00
<div class="icon-button login" tabindex="2" href="/login" onclick="this.blur();">
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<div class="icon">
updated not logged in icon
2020-07-14 05:53:31 +08:00
<i class="far fa-fw fa-user"></i>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
</div>
</div>
added account page graphs
2020-05-10 09:04:05 +08:00
added media queries to support small widths
2020-07-17 05:54:33 +08:00
<div class="config">
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<div class="group punctuationMode">
<!-- <div class="title">time</div> -->
<div class="buttons">
refactored css to use one button class instead of copy and pasting the same style
2020-07-03 01:39:24 +08:00
<div class="text-button toggleButton" tabindex="2">punctuation</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
</div>
<div class="group mode">
<!-- <div class="title">mode</div> -->
<div class="buttons">
refactored css to use one button class instead of copy and pasting the same style
2020-07-03 01:39:24 +08:00
<div class="text-button active" mode="time" tabindex="2">time</div>
<div class="text-button" mode="words" tabindex="2">words</div>
implemented quote mode
2020-07-03 07:01:46 +08:00
<div class="text-button" mode="quote" tabindex="2">quote</div>
refactored css to use one button class instead of copy and pasting the same style
2020-07-03 01:39:24 +08:00
<div class="text-button" mode="custom" tabindex="2">custom</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
</div>
changed the default config added word set section in the about
2020-05-29 01:00:46 +08:00
<div class="group wordCount hidden">
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<!-- <div class="title">words</div> -->
<div class="buttons">
refactored css to use one button class instead of copy and pasting the same style
2020-07-03 01:39:24 +08:00
<div class="text-button" wordCount="10" tabindex="2">10</div>
<div class="text-button" wordCount="25" tabindex="2">25</div>
<div class="text-button active" wordCount="50" tabindex="2">50</div>
<div class="text-button" wordCount="100" tabindex="2">100</div>
<div class="text-button" wordCount="200" tabindex="2">200</div>
<div class="text-button" wordCount="custom" tabindex="2"><i class="fas fa-tools"></i></div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
</div>
changed the default config added word set section in the about
2020-05-29 01:00:46 +08:00
<div class="group time">
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<!-- <div class="title">time</div> -->
<div class="buttons">
refactored css to use one button class instead of copy and pasting the same style
2020-07-03 01:39:24 +08:00
<div class="text-button" timeConfig="15" tabindex="2">15</div>
<div class="text-button" timeConfig="30" tabindex="2">30</div>
<div class="text-button active" timeConfig="60" tabindex="2">60</div>
<div class="text-button" timeConfig="120" tabindex="2">120</div>
<div class="text-button" timeConfig="custom" tabindex="2"><i class="fas fa-tools"></i></div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
</div>
<div class="group customText hidden">
<!-- <div class="title">time</div> -->
<div class="buttons">
refactored css to use one button class instead of copy and pasting the same style
2020-07-03 01:39:24 +08:00
<div class="text-button">change</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
</div>
</div>
implemented quote mode
2020-07-03 07:01:46 +08:00
<div class="signOut hidden" style="grid-column: 3/4;grid-row: 1/2;" tabindex="0"><i
class="fas fa-sign-out-alt"></i>sign out</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
<div id="middle">
added account page graphs
2020-05-10 09:04:05 +08:00
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<div class="page pageTest active">
fixed caps warning appearing on other pages
2020-07-30 21:06:47 +08:00
<div id="capsWarning" class="hidden">
<i class="fas fa-lock"></i>Caps Lock
</div>
fixed notice animation repositioned elements on the result screen
2020-06-15 02:10:59 +08:00
<div id="testModesNotice">
implemented quote mode
2020-07-03 07:01:46 +08:00
fixed notice animation repositioned elements on the result screen
2020-06-15 02:10:59 +08:00
</div>
fixed caret being invisible for new users
2020-05-30 01:02:01 +08:00
<div id="caret" class="default"></div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<div id="result" class="hidden">
<div class="stats">
<!-- <div class="info">words 10<br>punctuation</div> -->
implemented quote mode
2020-07-03 07:01:46 +08:00
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<div class="group wpm">
implemented quote mode
2020-07-03 07:01:46 +08:00
<div class="top">wpm<div class="crownWrapper">
<div class="crown"><i class="fas fa-crown"></i></div>
</div>
</div>
added the ability to hover over stats in the result page to see floating point nubmers
2020-07-17 06:49:57 +08:00
<div class="bottom" aria-label="" data-balloon-pos="up">-</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
<div class="group acc">
<div class="top">acc</div>
added the ability to hover over stats in the result page to see floating point nubmers
2020-07-17 06:49:57 +08:00
<div class="bottom" aria-label="" data-balloon-pos="up">-</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
added consistency stat, updated the result page layout
2020-07-30 23:52:38 +08:00
</div>
<div class="stats morestats">
optimised the look of the result page
2020-07-31 00:36:09 +08:00
<div class="group testType">
<div class="top">test type</div>
<div class="bottom">-</div>
<div class="tags" style="margin-top:.5rem">
<div class="top">tags</div>
added consistency stat, updated the result page layout
2020-07-30 23:52:38 +08:00
<div class="bottom">-</div>
</div>
optimised the look of the result page
2020-07-31 00:36:09 +08:00
</div>
<!-- <div class="group infoAndTags"> -->
<div class="group info">
<div class="top">other</div>
<div class="bottom">-</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
added consistency stat, updated the result page layout
2020-07-30 23:52:38 +08:00
optimised the look of the result page
2020-07-31 00:36:09 +08:00
<!-- </div> -->
<!-- <div class="subgroup"> -->
<div class="group raw">
<div class="top">raw</div>
<div class="bottom" aria-label="" data-balloon-pos="up">-</div>
</div>
<div class="group key">
<div class="top">char</div>
added the ability to see the percentage of correct keys after the test was finished
2020-08-03 05:12:53 +08:00
<div class="bottom" aria-label="" data-balloon-pos="up">-</div>
added raw wpm
2020-05-27 00:52:01 +08:00
</div>
added consistency stat, updated the result page layout
2020-07-30 23:52:38 +08:00
optimised the look of the result page
2020-07-31 00:36:09 +08:00
<!-- </div> -->
added consistency stat, updated the result page layout
2020-07-30 23:52:38 +08:00
optimised the look of the result page
2020-07-31 00:36:09 +08:00
<!-- <div class="subgroup"> -->
<div class="group flat consistency">
<div class="top">consistency</div>
<div class="bottom" aria-label="" data-balloon-pos="up">-</div>
</div>
<div class="group time">
<div class="top">time</div>
added the ability to see how many seconds were afk after the test
2020-08-03 05:07:45 +08:00
<div class="bottom" aria-label="" data-balloon-pos="up">-</div>
reordered elements
2020-05-27 01:49:40 +08:00
</div>
optimised the look of the result page
2020-07-31 00:36:09 +08:00
<!-- </div> -->
implemented quote mode
2020-07-03 07:01:46 +08:00
<div class="group source hidden">
<div class="top">source</div>
<div class="bottom">-</div>
</div>
optimised the look of the result page
2020-07-31 00:36:09 +08:00
added leaderboard display on the result screen
2020-07-04 03:31:23 +08:00
<div class="group leaderboards">
<div class="top">leaderboards</div>
<div class="bottom">-</div>
</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
<div class="chart">
removed the chart title
2020-05-24 06:52:24 +08:00
<!-- <div class="title">wpm over time</div> -->
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<canvas id="wpmChart"></canvas>
</div>
changed evens on test complete added login tip added required password confirmation when registering
2020-05-13 03:40:16 +08:00
<div class="loginTip">Sign in to save your results</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
disabled autocomplete
2020-06-02 01:55:07 +08:00
<input id="wordsInput" class="" tabindex="0" autocomplete="off"></input>
added input history display to the results page
2020-05-27 08:00:28 +08:00
<div id="wordsTitle">input history</div>
added timer styles
2020-06-16 06:13:40 +08:00
<div id="timerNumber">60</div>
mode smooth line scroll more smooth
2020-08-07 06:12:25 +08:00
<div id="wordsWrapper">
<div id="words" class=""></div>
</div>
added livewpm config punctuation now shows on account page punctuation mode is sent to database added command to hide key tips
2020-05-11 07:07:36 +08:00
<div id="liveWpm">123</div>
fixed screenshot watermark overlapping some data
2020-07-31 06:22:54 +08:00
<div class="ssWatermark hidden">monkey-type.com</div>
hiding keymap by default
2020-07-28 23:15:51 +08:00
<div class="keymap hidden">
fixed keymap overlapping with restart button
2020-07-30 20:49:28 +08:00
<!-- <div class="row r1">
added live keymaps. Needs some styling but fully functional
2020-07-28 08:59:06 +08:00
<div class="keymap-key inactive hidden-key">
<span class="letter">`</span>
</div>
<div class="keymap-key inactive hidden-key" id="Key1">
<span class="letter">1</span>
</div>
<div class="keymap-key inactive hidden-key" id="Key2">
<span class="letter">2</span>
</div>
<div class="keymap-key inactive hidden-key" id="Key3">
<span class="letter">3</span>
</div>
<div class="keymap-key inactive hidden-key" id="Key4">
<span class="letter">4</span>
</div>
<div class="keymap-key inactive hidden-key" id="Key5">
<span class="letter">5</span>
</div>
<div class="keymap-key inactive hidden-key" id="Key6">
<span class="letter">6</span>
</div>
<div class="keymap-key inactive hidden-key" id="Key7">
<span class="letter">7</span>
</div>
<div class="keymap-key inactive hidden-key" id="Key8">
<span class="letter">8</span>
</div>
<div class="keymap-key inactive hidden-key" id="Key9">
<span class="letter">9</span>
</div>
<div class="keymap-key inactive hidden-key" id="Key0">
<span class="letter">0</span>
</div>
<div class="keymap-key inactive hidden-key" id="Key-">
<span class="letter">-</span>
</div>
<div class="keymap-key inactive hidden-key" id="Key=">
<span class="letter">=</span>
</div>
<div class="keymap-key inactive hidden-key">
<span class="letter">delete</span>
</div>
fixed keymap overlapping with restart button
2020-07-30 20:49:28 +08:00
</div> -->
added live keymaps. Needs some styling but fully functional
2020-07-28 08:59:06 +08:00
<div class="row r2">
<div class="keymap-key hidden-key">
<span class="letter"></span>
</div>
<div class="keymap-key" id="KeyQ">
<span class="letter">q</span>
</div>
<div class="keymap-key" id="KeyW">
<span class="letter">w</span>
</div>
<div class="keymap-key" id="KeyE">
<span class="letter">e</span>
</div>
<div class="keymap-key" id="KeyR">
<span class="letter">r</span>
</div>
<div class="keymap-key" id="KeyT">
<span class="letter">t</span>
</div>
<div class="keymap-key" id="KeyY">
<span class="letter">y</span>
</div>
<div class="keymap-key" id="KeyU">
<span class="letter">u</span>
</div>
<div class="keymap-key" id="KeyI">
<span class="letter">i</span>
</div>
<div class="keymap-key" id="KeyO">
<span class="letter">o</span>
</div>
<div class="keymap-key" id="KeyP">
<span class="letter">p</span>
</div>
<div class="keymap-key" id="KeyLeftBracket">
<span class="letter">[</span>
</div>
<div class="keymap-key" id="KeyRightBracket">
<span class="letter">]</span>
</div>
<div class="keymap-key hidden-key" id="Backslash">
<span class="letter">\</span>
</div>
</div>
<div class="row r3">
<div class="keymap-key hidden-key">
<span class="letter"></span>
</div>
<div class="keymap-key" id="KeyA">
<span class="letter">a</span>
</div>
<div class="keymap-key" id="KeyS">
<span class="letter">s</span>
</div>
<div class="keymap-key" id="KeyD">
<span class="letter">d</span>
</div>
<div class="keymap-key" id="KeyF">
<span class="letter">f</span>
corrected keymap layout, added bumps
2020-07-28 21:45:47 +08:00
<div class="bump"></div>
added live keymaps. Needs some styling but fully functional
2020-07-28 08:59:06 +08:00
</div>
<div class="keymap-key" id="KeyG">
<span class="letter">g</span>
</div>
<div class="keymap-key" id="KeyH">
<span class="letter">h</span>
</div>
<div class="keymap-key" id="KeyJ">
<span class="letter">j</span>
corrected keymap layout, added bumps
2020-07-28 21:45:47 +08:00
<div class="bump"></div>
added live keymaps. Needs some styling but fully functional
2020-07-28 08:59:06 +08:00
</div>
<div class="keymap-key" id="KeyK">
<span class="letter">k</span>
</div>
<div class="keymap-key" id="KeyL">
<span class="letter">l</span>
</div>
<div class="keymap-key" id="KeySemicolon">
<span class="letter">;</span>
</div>
<div class="keymap-key" id="KeyQuote">
<span class="letter">'</span>
</div>
<div class="keymap-key hidden-key">
<span class="letter"></span>
</div>
</div>
<div class="row r4">
<div class="keymap-key hidden-key">
<span class="letter"></span>
</div>
<div class="keymap-key" id="KeyZ">
<span class="letter">z</span>
</div>
<div class="keymap-key" id="KeyX">
<span class="letter">x</span>
</div>
<div class="keymap-key" id="KeyC">
<span class="letter">c</span>
</div>
<div class="keymap-key" id="KeyV">
<span class="letter">v</span>
</div>
<div class="keymap-key" id="KeyB">
<span class="letter">b</span>
</div>
<div class="keymap-key" id="KeyN">
<span class="letter">n</span>
</div>
<div class="keymap-key" id="KeyM">
<span class="letter">m</span>
</div>
<div class="keymap-key" id="KeyComma">
<span class="letter">,</span>
</div>
<div class="keymap-key" id="KeyPeriod">
<span class="letter">.</span>
</div>
<div class="keymap-key" id="KeySlash">
<span class="letter">/</span>
</div>
<div class="keymap-key hidden-key">
<span class="letter"></span>
</div>
</div>
<div class="row r5">
<div class="keymap-key hidden-key">
<span class="letter"></span>
</div>
corrections, moved settings section
2020-07-28 22:57:25 +08:00
<div class="keymap-key" id="KeySpace">
added live keymaps. Needs some styling but fully functional
2020-07-28 08:59:06 +08:00
<span class="letter"></span>
</div>
<div class="keymap-key hidden-key">
<span class="letter"></span>
</div>
</div>
corrected keymap layout, added bumps
2020-07-28 21:45:47 +08:00
added live keymaps. Needs some styling but fully functional
2020-07-28 08:59:06 +08:00
</div>
added input history display to the results page
2020-05-27 08:00:28 +08:00
<div class="buttons">
moved button tooltips down
2020-07-07 00:16:44 +08:00
<div id="restartTestButton" aria-label="Restart test" data-balloon-pos="down" class="" tabindex="0"
implemented quote mode
2020-07-03 07:01:46 +08:00
onclick="this.blur();"><i class="fas fa-fw fa-redo-alt"></i></div>
added a button to restart the test with the same wordset. closes #119
2020-06-06 09:05:21 +08:00
<div id="resultExtraButtons" class="hidden">
moved button tooltips down
2020-07-07 00:16:44 +08:00
<div id="restartTestButtonWithSameWordset" aria-label="Repeat test" data-balloon-pos="down" tabindex="0"
implemented quote mode
2020-07-03 07:01:46 +08:00
onclick="this.blur();"><i class="fas fa-fw fa-sync-alt"></i></div>
moved button tooltips down
2020-07-07 00:16:44 +08:00
<div id="showWordHistoryButton" aria-label="Show words history" data-balloon-pos="down" tabindex="0"
implemented quote mode
2020-07-03 07:01:46 +08:00
onclick="this.blur();"><i class="fas fa-fw fa-align-left"></i></div>
moved button tooltips down
2020-07-07 00:16:44 +08:00
<div id="copyResultToClipboardButton" aria-label="Save screenshot" data-balloon-pos="down" tabindex="0"
implemented quote mode
2020-07-03 07:01:46 +08:00
onclick="this.blur();"><i class="far fa-fw fa-image"></i></div>
added a button to restart the test with the same wordset. closes #119
2020-06-06 09:05:21 +08:00
</div>
added input history display to the results page
2020-05-27 08:00:28 +08:00
</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
<div class="page pageAbout hidden">
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<div class="section">
<h1>about</h1>
<p>Monkey-type is a minimalistic typing test, featuring many test modes, an account system to save your
typing speed history and user configurable features like themes, a smooth caret and more.</p>
</div>
changed the default config added word set section in the about
2020-05-29 01:00:46 +08:00
<div class="section">
<h1>word set</h1>
<p>By default, the website uses the most common 200 words in the english language to generate its tests.
implemented quote mode
2020-07-03 07:01:46 +08:00
You can change to an expanded set (1000 most common words) in the options, or change the language entirely.
</p>
changed the default config added word set section in the about
2020-05-29 01:00:46 +08:00
</div>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<div class="section">
<h1>keybinds</h1>
implemented quote mode
2020-07-03 07:01:46 +08:00
<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 touching your mouse. </p>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
</div>
<div class="section">
<h1>stats</h1>
added results screen about section
2020-07-29 01:26:20 +08:00
<p>wpm - total amount of characters in the correctly typed words (including spaces), divided by 5 and
normalised to 60 seconds.</p>
<p>raw wpm - calculated just like wpm, but also includes incorrect words.</p>
<p>acc - percentage of correctly pressed keys.</p>
<p>char - correct characters / incorrect characters. Calculated after the test has ended.</p>
added about on consistency
2020-07-31 06:30:51 +08:00
<p>consistency - based on the variance of your raw wpm. Closer to 100% is better. Calculated using the
coefficient of variation of raw wpm and mapped onto a scale from 0 to 100.</p>
added results screen about section
2020-07-29 01:26:20 +08:00
</div>
<div class="section">
<h1>results screen</h1>
<p>After completing a test you will be able to see your wpm, raw wpm, accuracy, character stats, test length,
leaderboards info and test info. (you can hover over some values to get floating point numbers). You can
also see a graph of your wpm and raw over the duration of the test. Remember that the wpm line is a global
average, while the wpm line is a local, momentary raw value. (meaning if you stop, the value is 0)</p>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
</div>
<div class="section">
<h1>bug report or feature request</h1>
implemented quote mode
2020-07-03 07:01:46 +08:00
<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>.</p>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
</div>
<div class="section">
<h1>credits</h1>
opening links in new tabs
2020-06-21 09:39:06 +08:00
<p><a href="https://www.reddit.com/user/montydrei" target="_blank">montydrei</a> - name suggestion</p>
implemented quote mode
2020-07-03 07:01:46 +08:00
<p><a
href="https://www.reddit.com/r/MechanicalKeyboards/comments/gc6wx3/experimenting_with_a_completely_new_type_of/"
updated about
2020-07-09 09:00:54 +08:00
target="_blank">Everyone</a> who provided
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
valuable feedback on the original reddit post for the prototype of this website</p>
updated about
2020-07-09 09:00:54 +08:00
<p><a href="https://github.com/Miodec/monkey-type/graphs/contributors">Contributors</a> on GitHub that
have helped with implementing various features, adding themes and more.</p>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
</div>
added the support section back
2020-05-28 08:04:52 +08:00
<div class="section">
<h1>support</h1>
added back donation links to the footer and about page
2020-07-09 08:54:53 +08:00
<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>.</p>
added the support section back
2020-05-28 08:04:52 +08:00
</div>
renamed index file once again
2020-05-15 03:22:37 +08:00
</div>
<div class="page pageSettings hidden">
implemented quote mode
2020-07-03 07:01:46 +08:00
<div class="tip">tip: You can also change all these settings quickly using the command line (<key>esc</key>)
</div>
divided the settings page into groups
2020-06-04 06:48:26 +08:00
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="sectionGroupTitle" group="behaviour">
behaviour
<i class="fas fa-chevron-down"></i></div>
<div class="settingsGroup behaviour">
<div class="section difficulty">
<h1>test difficulty</h1>
<div class="text">Normal is the classic type test experience. Expert fails the test if you submit (press
space) an incorrect word.
Master fails if you press a single incorrect key (meaning you have to achieve 100% accuracy).
</div>
<div class="buttons">
<div class="button" difficulty="normal" tabindex="0" onclick="this.blur();">normal</div>
<div class="button" difficulty="expert" tabindex="0" onclick="this.blur();">expert</div>
<div class="button" difficulty="master" tabindex="0" onclick="this.blur();">master</div>
</div>
</div>
<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.</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">on</div>
</div>
</div>
<div class="section freedomMode">
<h1>freedom mode</h1>
<div class="text">Allows you to delete any word, even if it was typed correctly.</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">on</div>
</div>
</div>
<div class="section confidenceMode">
<h1>confidence mode</h1>
<div class="text">When enabled, you will not be able to go back to previous words to fix mistakes. When
turned
up to the max, you won't be able to backspace at all.</div>
<div class="buttons">
<div class="button" confidenceMode="off" tabindex="0" onclick="this.blur();">off</div>
switched the order of settings buttons
2020-07-31 02:53:46 +08:00
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="button" confidenceMode="on" tabindex="0" onclick="this.blur();">on</div>
<div class="button" confidenceMode="max" tabindex="0" onclick="this.blur();">max</div>
</div>
</div>
<div class="section stopOnError">
<h1>stop on error</h1>
<div class="text">When enabled, incorrect input will not be registered and words need to be 100% correct to
be
able to move on to the next.</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">on</div>
</div>
</div>
<div class="section blindMode">
<h1>blind mode</h1>
<div class="text">No errors or incorrect words are highlighted. Helps you to focus on raw speed. If enabled,
quick end is recommended.</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">⠀</div>
</div>
</div>
<div class="section quickEnd">
<h1>quick end</h1>
<div class="text">This only applies to the words mode - when enabled, the test will end as soon as the last
word has been typed, even if it's incorrect.
When disabled, you need to manually confirm the last incorrect entry with a space.
</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">on</div>
</div>
</div>
always show words history corrected history restarting on long tests impossible
2020-08-07 07:42:25 +08:00
<div class="section alwaysShowWordsHistory">
<h1>always show words history</h1>
<div class="text">This option will automatically show the words history at the end of the test. Can cause
slight lag with a lot of words.
</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">on</div>
</div>
</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="section tags">
<h1>tags</h1>
<div class="text">With tags, you can compare how fast you're typing in different situations. You can see
your
active tags above the test words.
They will remain active until you deactivate them, or refresh the page.</div>
<div class="tagsListAndButton">
<div class="tagsList">
<div class="tag" id="0">
<div class="active">
<i class="fas fa-check-square"></i>
</div>
<div class="title">staggered</div>
<div class="editButton"><i class="fas fa-pen"></i></div>
<div class="removeButton"><i class="fas fa-trash"></i></div>
added initial tags skeleton and reading from the db
2020-06-12 01:02:04 +08:00
</div>
</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="addTagButton"><i class="fas fa-plus"></i></div>
added initial tags skeleton and reading from the db
2020-06-12 01:02:04 +08:00
</div>
added a discord integration section to the settings page
2020-07-07 23:39:48 +08:00
</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="section discordIntegration">
<h1>discord integration</h1>
<div class="text">When you connect your monkey-type account to your Discord account, you will be
automatically
assigned a new role every time you achieve a new personal best in a 60 second test. <div
class="howto hidden">To
pair your accounts, direct message 'George' (our bot) on Discord with the message '!verify <span
class="howtocode">-</span>'.</div>
</div>
<div class="buttons">
<div class="button generateCodeButton">Generate pairing code</div>
</div>
<div class="info hidden">
<div><i class="fas fa-check"></i> Your accounts are paired!</div>
</div>
<div class="code hidden">
<div style="width: min-content;white-space: nowrap;">
<div class="top">code</div>
<div class="bottom">-</div>
</div>
added a discord integration section to the settings page
2020-07-07 23:39:48 +08:00
</div>
</div>
refactored settings page
2020-08-04 07:46:04 +08:00
<div class="section layout">
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<h1>layout override</h1>
<div class="buttons">
</div>
divided the settings page into groups
2020-06-04 06:48:26 +08:00
</div>
refactored settings page
2020-08-04 07:46:04 +08:00
<div class="section language">
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<h1>language</h1>
<div class="buttons">
</div>
divided the settings page into groups
2020-06-04 06:48:26 +08:00
</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="section funbox">
<h1>funbox</h1>
<div class="buttons">
</div>
added funbox
2020-07-31 08:33:17 +08:00
</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="sectionSpacer"></div>
added funbox
2020-07-31 08:33:17 +08:00
</div>
divided the settings page into groups
2020-06-04 06:48:26 +08:00
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="sectionGroupTitle" group="appearance">
appearance
<i class="fas fa-chevron-down"></i></div>
<div class="settingsGroup appearance">
<div class="section smoothCaret" section="">
<h1>smooth caret</h1>
<div class="text">The caret will move smoothly between letters and words.</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">on</div>
</div>
</div>
<div class="section caretStyle" section="">
<h1>caret style</h1>
<div class="text">Change the style of the caret during the test.</div>
<div class="buttons">
refactored settings page
2020-08-04 07:46:04 +08:00
<div class="button" caretStyle="default" tabindex="0" onclick="this.blur();">|</div>
<div class="button" caretStyle="block" tabindex="0" onclick="this.blur();">▮</div>
<div class="button" caretStyle="outline" tabindex="0" onclick="this.blur();">▯</div>
<div class="button" caretStyle="underline" tabindex="0" onclick="this.blur();">_</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
</div>
</div>
<div class="section timerStyle" section="">
<h1>timer/progress style</h1>
<div class="text">Change the style of the timer/progress during a timed test.</div>
<div class="buttons">
fixed keymap layout
2020-08-04 07:51:02 +08:00
<div class="button" timerStyle="bar" tabindex="0" onclick="this.blur();">bar</div>
<div class="button" timerStyle="text" tabindex="0" onclick="this.blur();">text</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
</div>
</div>
<div class="section timerColor" section="">
<h1>timer/progress color</h1>
<div class="text">Change the color of the timer/progress number/bar and live wpm number.</div>
<div class="buttons">
fixed keymap layout
2020-08-04 07:51:02 +08:00
<div class="button" timerColor="black" tabindex="0" onclick="this.blur();">black</div>
<div class="button" timerColor="sub" tabindex="0" onclick="this.blur();">sub</div>
<div class="button" timerColor="text" tabindex="0" onclick="this.blur();">text</div>
<div class="button" timerColor="main" tabindex="0" onclick="this.blur();">main</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
</div>
</div>
<div class="section timerOpacity" section="">
<h1>timer/progress opacity</h1>
<div class="text">Change the opacity of the timer/progress number/bar and live wpm number.</div>
<div class="buttons">
fixed keymap layout
2020-08-04 07:51:02 +08:00
<div class="button" timerOpacity="0.25" tabindex="0" onclick="this.blur();">0.25</div>
<div class="button" timerOpacity="0.5" tabindex="0" onclick="this.blur();">0.5</div>
<div class="button" timerOpacity="0.75" tabindex="0" onclick="this.blur();">0.75</div>
<div class="button" timerOpacity="1" tabindex="0" onclick="this.blur();">1</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
</div>
</div>
added always show decimal places
2020-08-04 08:54:35 +08:00
<div class="section alwaysShowDecimalPlaces">
<h1>always show decimal places</h1>
<div class="text">Always shows decimal places for values on the result page, without the need to hover over
the stats.
</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">on</div>
</div>
</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="section smoothLineScroll">
<h1>smooth line scroll</h1>
<div class="text">When enabled, the line transition will be animated.
</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">on</div>
</div>
</div>
<div class="section showAllLines">
<h1>show all lines</h1>
<div class="text">When enabled, the website will show all lines for word,custom and quote mode tests -
otherwise the lines will be limited to 3, and will automatically scroll. Using this could cause the timer
text and live wpm to not be visible.
</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">on</div>
</div>
</div>
<div class="section keymapMode">
<h1>keymap</h1>
<div class="text">Displays your current layout while taking a test. React shows what you pressed and Next
shows what you need to press next.</div>
<div class="buttons">
<div class="button" keymapMode="off" tabindex="0" onclick="this.blur();">off</div>
<div class="button" keymapMode="react" tabindex="0" onclick="this.blur();">react</div>
<div class="button" keymapMode="next" tabindex="0" onclick="this.blur();">next</div>
</div>
</div>
made the matrix layout cleaner, made code more versatile
2020-08-11 14:13:44 +08:00
<div class="section keymapStyle">
<h1>keymap style</h1>
<div class="text">Displays the keymap in a different style.</div>
added simple implementation for displaying keymap in a matrix layout
2020-08-11 01:48:14 +08:00
<div class="buttons">
changed keymapStyle "off" to "staggered"
2020-08-11 14:34:09 +08:00
<div class="button" keymapStyle="staggered" tabindex="0" onclick="this.blur();">staggered</div>
made the matrix layout cleaner, made code more versatile
2020-08-11 14:13:44 +08:00
<div class="button" keymapStyle="matrix" tabindex="0" onclick="this.blur();">matrix</div>
added simple implementation for displaying keymap in a matrix layout
2020-08-11 01:48:14 +08:00
</div>
</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="section keymapLayout">
<h1>keymap layout</h1>
<div class="buttons">
</div>
</div>
<div class="section fontSize">
<h1>font size</h1>
<div class="text">Change the font size of the test words.</div>
<div class="buttons">
<div class="button" fontsize="1" tabindex="0" onclick="this.blur();">1</div>
<div class="button" fontsize="125" tabindex="0" onclick="this.blur();">1.25</div>
<div class="button" fontsize="15" tabindex="0" onclick="this.blur();">1.5</div>
<div class="button" fontsize="2" tabindex="0" onclick="this.blur();">2</div>
</div>
</div>
<div class="section fontFamily">
<h1>font family</h1>
<!-- <div class="text">Change the font family for the site</div> -->
<div class="buttons">
moved fonts to another file
2020-08-01 21:40:52 +08:00
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
</div>
added more fonts
2020-08-01 21:33:42 +08:00
</div>
added themes section to the settings page
2020-08-05 22:29:57 +08:00
<div class="sectionSpacer"></div>
</div>
<div class="sectionGroupTitle" group="theme">
theme
<i class="fas fa-chevron-down"></i>
</div>
<div class="settingsGroup theme">
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="section flipTestColors">
<h1>flip test colors</h1>
<div class="text">By default, typed text is brighter than the future text. When enabled, the colors will be
flipped
and the future text will be brighter than the already typed text.
</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">on</div>
</div>
</div>
<div class="section colorfulMode">
<h1>colorful mode</h1>
<div class="text">
When enabled, the test words will use the main color, instead of the text color, making the website more
colorful.
</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">on</div>
</div>
</div>
<div class="section randomTheme">
<h1>randomise theme</h1>
<div class="text">
After completing a test, the theme will be set to a random one. The random themes are not saved to your
config.
</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">off</div>
<div class="button on" tabindex="0" onclick="this.blur();">on</div>
</div>
</div>
<div class="section themes">
<h1>theme</h1>
added themes section to the settings page
2020-08-05 22:29:57 +08:00
<div class="tabs">
<div class="button" tab="preset" tabindex="0" onclick="this.blur();">preset</div>
<div class="button" tab="custom" tabindex="0" onclick="this.blur();">custom</div>
</div>
<!-- <div class='tabs'>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<button tab="preset" class="tab">preset</button>
<button tab="custom" class="tab">custom</button>
added themes section to the settings page
2020-08-05 22:29:57 +08:00
</div> -->
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="tabContainer">
<div tabContent="custom" class="tabContent section customTheme hidden">
<label class="text">background</label>
<span class="colorPicker">
<label for="--bg-color">#000000</label>
<input type="color" value="#000000" id="--bg-color">
</span>
<label class="text">main</label>
<span class="colorPicker">
<label for="--main-color">#000000</label>
<input type="color" value="#000000" id="--main-color">
</span>
<label class="text">caret</label>
<span class="colorPicker">
<label for="--caret-color">#000000</label>
<input type="color" value="#000000" id="--caret-color">
</span>
<label class="text">sub</label>
<span class="colorPicker">
<label for="--sub-color">#000000</label>
<input type="color" value="#000000" id="--sub-color">
</span>
<label class="text">text</label>
<span class="colorPicker">
<label for="--text-color">#000000</label>
<input type="color" value="#000000" id="--text-color">
</span>
implemented quote mode
2020-07-03 07:01:46 +08:00
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<span class="spacer"></span>
fix smaller style issues
2020-07-02 08:48:00 +08:00
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<label class="text">error</label>
<span class="colorPicker">
<label for="--error-color">#000000</label>
<input type="color" value="#000000" id="--error-color">
</span>
<label class="text">extra error</label>
<span class="colorPicker">
<label for="--error-extra-color">#000000</label>
<input type="color" value="#000000" id="--error-extra-color">
</span>
Add values to custom color buttons
2020-06-27 11:46:18 +08:00
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<p>colorful mode</p>
Add values to custom color buttons
2020-06-27 11:46:18 +08:00
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<label class="text">error</label>
<span class="colorPicker">
<!-- Change variable names here -->
<label for="--colorful-error-color">#000000</label>
<input type="color" value="#000000" id="--colorful-error-color">
</span>
<label class="text">extra error</label>
<span class="colorPicker">
<!-- Change variable names here -->
<label for="--colorful-error-extra-color">#000000</label>
<input type="color" value="#000000" id="--colorful-error-extra-color">
</span>
<div style="grid-column: 3/5;display:grid;gap:1rem;grid-auto-flow: column;">
<div class="button" id="shareCustomThemeButton">share</div>
<div class="button saveCustomThemeButton">save</div>
</div>
</div>
<div tabContent="preset" class="tabContent buttons">
added an option to share custom themes
2020-07-14 05:47:28 +08:00
</div>
tabs fully functional
2020-06-11 12:18:05 +08:00
</div>
initial layout
2020-06-10 16:32:25 +08:00
</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="sectionSpacer"></div>
implemented quote mode
2020-07-03 07:01:46 +08:00
</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="sectionGroupTitle" group="hideElements">
hide elements
added themes section to the settings page
2020-08-05 22:29:57 +08:00
<i class="fas fa-chevron-down"></i>
</div>
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<div class="settingsGroup hideElements">
refactored settings page
2020-08-04 07:46:04 +08:00
<div class="section showLiveWpm">
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<h1>live wpm</h1>
<div class="text">Displays a live WPM speed during the test. Updates once every second.</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">hide</div>
<div class="button on" tabindex="0" onclick="this.blur();">show</div>
</div>
</div>
refactored settings page
2020-08-04 07:46:04 +08:00
<div class="section showTimerProgress">
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<h1>timer/progress</h1>
<div class="text">Displays a live timer for timed tests and progress for words/custom tests.</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">hide</div>
<div class="button on" tabindex="0" onclick="this.blur();">show</div>
</div>
</div>
refactored settings page
2020-08-04 07:46:04 +08:00
<div class="section showKeyTips">
added the ability to hide sections in the settings page
2020-08-03 04:48:19 +08:00
<h1>key tips</h1>
<div class="text">Shows the keybind tips at the bottom of the page.</div>
<div class="buttons">
<div class="button off" tabindex="0" onclick="this.blur();">hide</div>
<div class="button on" tabindex="0" onclick="this.blur();">show</div>
</div>
</div>
added settings page
2020-05-15 05:22:11 +08:00
</div>
brought back the login page
2020-08-03 07:29:09 +08:00
</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
brought back the login page
2020-08-03 07:29:09 +08:00
<div class="page pageLogin hidden">
<div class="preloader hidden"><i class="fas fa-fw fa-spin fa-circle-notch"></i></div>
<div class="register side">
<div class="title">register</div>
<form action="" autocomplete="off">
<input type="text" placeholder="username">
<input type="text" placeholder="email">
<input type="password" placeholder="password" autocomplete="new-password">
<input type="password" placeholder="verify password">
<div class="button"><i class="fas fa-user-plus"></i>Sign Up</div>
</form>
</div>
<div class="login side">
<div class="title">login</div>
<div id="forgotPasswordButton">Forgot password?</div>
<form action="">
<input type="text" placeholder="email">
<input type="password" placeholder="password">
<div>
<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</div>
</form>
</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
brought back the login page
2020-08-03 07:29:09 +08:00
added db connection, new highscore display
2020-05-10 06:33:48 +08:00
<div class="page pageAccount hidden">
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<div class="preloader"><i class="fas fa-fw fa-spin fa-circle-notch"></i></div>
<div class="content hidden">
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
<div class="group filterButtons">
fixed timer appearing when not needed repalced punctuation icon on the account page
2020-07-18 00:01:34 +08:00
<div class="button" id="currentConfigFilter" style="grid-column:1/3;">set filters to current settings</div>
added difficulty filters
2020-05-29 22:58:01 +08:00
<div class="buttonsAndTitle">
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
<div class="title">filters</div>
completely rewrote filters
2020-08-10 02:52:00 +08:00
<div class="buttons">
<div class="button allFilters">all</div>
<div class="button noFilters">none</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
</div>
</div>
added difficulty filters
2020-05-29 22:58:01 +08:00
<div class="buttonsAndTitle">
<div class="title">difficulty</div>
completely rewrote filters
2020-08-10 02:52:00 +08:00
<div class="buttons filterGroup" group="difficulty">
<div class="button" filter="normal">normal</div>
<div class="button" filter="expert">expert</div>
<div class="button" filter="master">master</div>
added difficulty filters
2020-05-29 22:58:01 +08:00
</div>
</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
<div class="buttonsAndTitle">
<div class="title">mode</div>
completely rewrote filters
2020-08-10 02:52:00 +08:00
<div class="buttons filterGroup" group="mode">
<div class="button" filter="words">words</div>
<div class="button" filter="time">time</div>
<div class="button" filter="quote">quote</div>
<div class="button" filter="custom">custom</div>
updated the filter buttons
2020-05-25 04:58:13 +08:00
</div>
</div>
<div class="buttonsAndTitle">
<div class="title">punctuation</div>
completely rewrote filters
2020-08-10 02:52:00 +08:00
<div class="buttons filterGroup" group="punctuation">
<div class="button" filter="on">on</div>
<div class="button" filter="off">off</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
</div>
</div>
<div class="buttonsAndTitle">
<div class="title">words</div>
completely rewrote filters
2020-08-10 02:52:00 +08:00
<div class="buttons filterGroup" group="words">
<div class="button" filter="10">10</div>
<div class="button" filter="25">25</div>
<div class="button" filter="50">50</div>
<div class="button" filter="100">100</div>
<div class="button" filter="200">200</div>
<div class="button" filter="custom">custom</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
</div>
</div>
<div class="buttonsAndTitle">
<div class="title">time</div>
completely rewrote filters
2020-08-10 02:52:00 +08:00
<div class="buttons filterGroup" group="time">
<div class="button" filter="15">15</div>
<div class="button" filter="30">30</div>
<div class="button" filter="60">60</div>
<div class="button" filter="120">120</div>
<div class="button" filter="custom">custom</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
</div>
added tags filters
2020-06-12 05:31:06 +08:00
</div>
added date filters to the results page
2020-06-22 07:43:38 +08:00
<div class="buttonsAndTitle testDate" style="grid-column:1/3;">
<div class="title">date</div>
completely rewrote filters
2020-08-10 02:52:00 +08:00
<div class="buttons filterGroup" group="date">
<div class="button" filter="last_day">last day</div>
<div class="button" filter="last_week">last week</div>
<div class="button" filter="last_month">last month</div>
<div class="button" filter="all">all</div>
added date filters to the results page
2020-06-22 07:43:38 +08:00
</div>
</div>
added tags filters
2020-06-12 05:31:06 +08:00
<div class="buttonsAndTitle tags" style="grid-column:1/3;">
<div class="title">tags</div>
completely rewrote filters
2020-08-10 02:52:00 +08:00
<div class="buttons filterGroup" group="tags">
added tags filters
2020-06-12 05:31:06 +08:00
</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
</div>
completely rewrote filters
2020-08-10 02:52:00 +08:00
<div class="buttonsAndTitle languages" style="grid-column:1/3;">
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
<div class="title">language</div>
completely rewrote filters
2020-08-10 02:52:00 +08:00
<div class="buttons filterGroup" group="language">
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
added funbox filters
2020-08-05 02:38:04 +08:00
</div>
</div>
completely rewrote filters
2020-08-10 02:52:00 +08:00
<div class="buttonsAndTitle funbox" style="grid-column:1/3;">
added funbox filters
2020-08-05 02:38:04 +08:00
<div class="title">funbox</div>
completely rewrote filters
2020-08-10 02:52:00 +08:00
<div class="buttons filterGroup" group="funbox">
added funbox filters
2020-08-05 02:38:04 +08:00
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
</div>
</div>
</div>
added raw wpm
2020-05-27 00:52:01 +08:00
<div class="group noDataError hidden">
added a 'check your filters' message
2020-06-30 23:45:35 +08:00
No data found. Check your filters.
added raw wpm
2020-05-27 00:52:01 +08:00
</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
<div class="group chart">
updated the filter buttons
2020-05-25 04:58:13 +08:00
<!-- <div class="chartPreloader">
<i class="fas fa-fw fa-spin fa-circle-notch"></i>
</div> -->
added slope display below the account graph
2020-08-09 22:40:52 +08:00
<div class="above"></div>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<div class="chart">
<canvas id="resultHistoryChart"></canvas>
</div>
added slope display below the account graph
2020-08-09 22:40:52 +08:00
<div class="below"></div>
added account page graphs
2020-05-10 09:04:05 +08:00
</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
<div class="triplegroup stats">
added estimated typing time to the account page optimised the speed of loading the account page by limiting table results to 10 lines at a time
2020-05-30 07:21:39 +08:00
<div class="text" style="margin-bottom: 2rem;">
estimated total<br>time spent typing
</div>
<div class="group timeTotal" style="margin-bottom: 2rem;">
<div class="title">overall</div>
<div class="val">-</div>
</div>
<div class="group timeTotalFiltered">
<div class="title">filtered</div>
<div class="val">-</div>
</div>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<div class="group highestWpm">
<div class="title">highest wpm</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
<div class="val">-</div>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<div class="mode"></div>
</div>
added average wpm to account page
2020-05-20 03:27:08 +08:00
<div class="group averageWpm">
<div class="title">average wpm</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
<div class="val">-</div>
</div>
<div class="group averageWpm10">
<div class="title">average wpm<br>(last 10 tests)</div>
<div class="val">-</div>
added average wpm to account page
2020-05-20 03:27:08 +08:00
</div>
added raw wpm display to the account page
2020-05-30 05:37:52 +08:00
<div class="group highestRaw">
<div class="title">highest raw wpm</div>
<div class="val">-</div>
<div class="mode"></div>
</div>
<div class="group averageRaw">
<div class="title">average raw wpm</div>
<div class="val">-</div>
</div>
<div class="group averageRaw10">
<div class="title">average raw wpm<br>(last 10 tests)</div>
<div class="val">-</div>
</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
<div class="group testsStarted">
<div class="title">tests started</div>
<div class="val">-</div>
added average wpm to account page
2020-05-20 03:27:08 +08:00
</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
<div class="group testsCompleted">
<div class="title">tests completed</div>
added a restart counter added a stat on how many times the user restarted the test before completion, on average added a stat on the percentage of completed tests
2020-05-17 20:17:08 +08:00
<div class="val">-</div>
</div>
<div class="group avgRestart">
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
<div class="title">avg restarts<br>per completed test</div>
added a restart counter added a stat on how many times the user restarted the test before completion, on average added a stat on the percentage of completed tests
2020-05-17 20:17:08 +08:00
<div class="val">-</div>
</div>
added avg accuracy and acg accuracy over last tests
2020-05-30 04:27:24 +08:00
<div></div>
<div class="group avgAcc">
<div class="title">avg accuracy</div>
<div class="val">-</div>
</div>
<div class="group avgAcc10">
<div class="title">avg accuracy<br>(last 10 tests)</div>
<div class="val">-</div>
</div>
added consistency to the account page
2020-07-31 06:03:47 +08:00
<div></div>
<div class="group avgCons">
<div class="title">avg consistency</div>
<div class="val">-</div>
</div>
<div class="group avgCons10">
<div class="title">avg consistency<br>(last 10 tests)</div>
<div class="val">-</div>
</div>
added advanced filters to the results page
2020-05-20 07:11:57 +08:00
<!-- <div class="group favouriteTest">
<div class="title">favourite test</div>
<div class="val">words 10</div>
</div> -->
implemented quote mode
2020-07-03 07:01:46 +08:00
added account page graphs
2020-05-10 09:04:05 +08:00
</div>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<div class="group history">
<!-- <div class="title">result history</div> -->
<table width="100%">
<thead>
<tr>
<td>wpm</td>
added raw to the result table
2020-05-30 20:46:06 +08:00
<td>raw</td>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<td>accuracy</td>
<td>correct<br>chars</td>
<td>incorrect<br>chars</td>
added consistency to the account page
2020-07-31 06:03:47 +08:00
<td>consistency</td>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<td>mode</td>
added difficulty filters
2020-05-29 22:58:01 +08:00
<!-- <td>punctuation</td> -->
changed the result list to include icons added the ability to edit result tags made sure tag filters save when refreshed
2020-06-24 07:55:15 +08:00
<td>info</td>
<td>tags</td>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<td>date</td>
</tr>
</thead>
<tbody>
added account page graphs
2020-05-10 09:04:05 +08:00
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
</tbody>
</table>
added estimated typing time to the account page optimised the speed of loading the account page by limiting table results to 10 lines at a time
2020-05-30 07:21:39 +08:00
<div class="loadMoreButton">
load more
</div>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
</div>
added account page graphs
2020-05-10 09:04:05 +08:00
</div>
added db connection, new highscore display
2020-05-10 06:33:48 +08:00
</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
added account page graphs
2020-05-10 09:04:05 +08:00
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<div id="bottom">
added account page graphs
2020-05-10 09:04:05 +08:00
<div class="keyTips">
Updated Restart Shortcut text Remove "space" as a key to restart test
2020-07-23 17:21:50 +08:00
<key>tab</key> and <key>enter</key> - restart test<br>
added account page graphs
2020-05-10 09:04:05 +08:00
<key>esc</key> - command line
</div>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
<div>
Crafted with &lt;3 by
opening links in new tabs
2020-06-21 09:39:06 +08:00
<a tabindex="0" href="https://www.reddit.com/message/compose?to=Miodec" target="_blank">Miodec</a>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
</div>
<div>
added back donation links to the footer and about page
2020-07-09 08:54:53 +08:00
Contribute on <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>
added local font awesome to speed up the app styled the login page added a function to easily animate between elements optimised the database to use a local copy
2020-05-12 07:59:12 +08:00
</div>
- added version to the bottom of the page - added version history popup - fixed a bug where livewpm still would be drawn on top
2020-05-17 19:40:41 +08:00
<div class="version">version</div>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</div>
</div>
implemented quote mode
2020-07-03 07:01:46 +08:00
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
</body>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="/__/firebase/7.14.3/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="/__/firebase/7.14.3/firebase-analytics.js"></script>
<script src="/__/firebase/7.14.3/firebase-auth.js"></script>
added db connection, new highscore display
2020-05-10 06:33:48 +08:00
<script src="/__/firebase/7.14.2/firebase-firestore.js"></script>
added cloud functions, moving to a new db design
2020-06-06 01:17:59 +08:00
<script src="/__/firebase/7.14.2/firebase-functions.js"></script>
update 1 - added graph of wpm over time - changed the layout - added coming soon page
2020-05-10 01:39:23 +08:00
<!-- Initialize Firebase -->
<script src="/__/firebase/init.js"></script>
downloaded jquery to avoid certificate errors
2020-06-03 04:46:37 +08:00
<script src="js/jquery-3.5.1.min.js"></script>
corrected keymap layout, added bumps
2020-07-28 21:45:47 +08:00
<script src="js/jquery.color.min.js"></script>
added an easings library
2020-05-22 22:41:18 +08:00
<script src="js/easing.js"></script>
added db connection, new highscore display
2020-05-10 06:33:48 +08:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
added account page graphs
2020-05-10 09:04:05 +08:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
changed the error display on the chart to a scatter plot
2020-05-27 02:59:58 +08:00
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script> -->
using minified files
2020-08-04 02:21:06 +08:00
<script src="js/chart.min.js"></script>
only showing out of sync error when its needed
2020-08-10 04:01:57 +08:00
<script src="js/chartjs-plugin-trendline.js?v=51"></script>
added pb line to the result graph
2020-06-05 02:37:16 +08:00
<script src="js/chartjs-plugin-annotation.js"></script>
using minified files
2020-08-04 02:21:06 +08:00
<script src="js/html2canvas.min.js"></script>
only showing out of sync error when its needed
2020-08-10 04:01:57 +08:00
<script src="js/misc.js?v=51"></script>
<script src="js/words.js?v=51"></script>
<script src="js/layouts.js?v=51"></script>
<script src="js/db.js?v=51"></script>
<script src="js/userconfig.js?v=51"></script>
<script src="js/commandline.js?v=51"></script>
<script src="js/leaderboards.js?v=51"></script>
<script src="js/settings.js?v=51"></script>
<script src="js/account.js?v=51"></script>
<script src="js/script.js?v=51"></script>
added db connection, new highscore display
2020-05-10 06:33:48 +08:00
made sure font family is saved to the database made sure the buttons work the same way as others
2020-08-01 21:25:14 +08:00
</html>
Reference in a new issue Copy permalink