mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-02-03 04:19:06 +08:00
c331a69004
punctuation now shows on account page punctuation mode is sent to database added command to hide key tips
268 lines
No EOL
8.6 KiB
HTML
268 lines
No EOL
8.6 KiB
HTML
<!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>
|
|
<script src="https://kit.fontawesome.com/f3f87d89b4.js" crossorigin="anonymous"></script>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="shortcut icon" href="favicon.png">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="commandLineWrapper" class="hidden">
|
|
<div id="commandLine">
|
|
<input type="text" class="input" placeholder="Command">
|
|
<div class="separator hidden"></div>
|
|
<div class="listTitle">Title</div>
|
|
<div class="suggestions">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="timerWrapper">
|
|
<div id="timer"></div>
|
|
</div>
|
|
<div id="resultScreenshot" class="">
|
|
<div class="stats">
|
|
<div class="group">
|
|
<div class="top">wpm</div>
|
|
<div class="bottom">100</div>
|
|
</div>
|
|
<div class="group">
|
|
<div class="top">key</div>
|
|
<div class="bottom">100/2</div>
|
|
</div>
|
|
<div class="group">
|
|
<div class="top">acc</div>
|
|
<div class="bottom">100%</div>
|
|
</div>
|
|
</div>
|
|
<div class="logo">
|
|
<!-- <div class="top">monkey-see</div> -->
|
|
<div class="bottom">monkey-type.com</div>
|
|
</div>
|
|
</div>
|
|
<div id="centerContent" class="hidden">
|
|
<div id="top">
|
|
<div class="logo">
|
|
<div class="top">monkey-see</div>
|
|
<div class="bottom">monkey-type</sup></div>
|
|
</div>
|
|
<div id="menu">
|
|
<div class="button" tabindex="2" href="/">
|
|
<div class="icon">
|
|
<i class="fas fa-fw fa-keyboard"></i>
|
|
</div>
|
|
<div class="text">
|
|
Test
|
|
</div>
|
|
</div>
|
|
<div class="button" tabindex="2" href="/about">
|
|
<div class="icon">
|
|
<i class="fas fa-fw fa-info"></i>
|
|
</div>
|
|
<div class="text">
|
|
About
|
|
</div>
|
|
</div>
|
|
<div class="button" tabindex="2" href="/settings">
|
|
<div class="icon">
|
|
<i class="fas fa-fw fa-cog"></i>
|
|
</div>
|
|
<div class="text">
|
|
Settings
|
|
</div>
|
|
</div>
|
|
<div class="button" tabindex="2" href="/account">
|
|
<div class="icon">
|
|
<i class="fas fa-fw fa-user"></i>
|
|
</div>
|
|
<div class="text">
|
|
Login
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="config">
|
|
<div class="group punctuationMode">
|
|
<!-- <div class="title">time</div> -->
|
|
<div class="buttons">
|
|
<div class="button toggleButton active" tabindex="2">punctuation</div>
|
|
</div>
|
|
</div>
|
|
<div class="group mode">
|
|
<!-- <div class="title">mode</div> -->
|
|
<div class="buttons">
|
|
<div class="button" mode="time">time</div>
|
|
<div class="button active" mode="words">words</div>
|
|
<div class="button" mode="custom">custom</div>
|
|
</div>
|
|
</div>
|
|
<div class="group wordCount">
|
|
<!-- <div class="title">words</div> -->
|
|
<div class="buttons">
|
|
<div class="button" wordCount="10">10</div>
|
|
<div class="button" wordCount="25">25</div>
|
|
<div class="button active" wordCount="50">50</div>
|
|
<div class="button" wordCount="100">100</div>
|
|
<div class="button" wordCount="200">200</div>
|
|
</div>
|
|
</div>
|
|
<div class="group time hidden">
|
|
<!-- <div class="title">time</div> -->
|
|
<div class="buttons">
|
|
<div class="button" timeConfig="15">15</div>
|
|
<div class="button active" timeConfig="30">30</div>
|
|
<div class="button" timeConfig="60">60</div>
|
|
<div class="button" timeConfig="120">120</div>
|
|
</div>
|
|
</div>
|
|
<div class="group customText hidden">
|
|
<!-- <div class="title">time</div> -->
|
|
<div class="buttons">
|
|
<div class="button">change</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div id="middle">
|
|
|
|
<div class="page pageTest">
|
|
<div id="caret" class="hidden"></div>
|
|
<div id="words" class=""></div>
|
|
<input id="wordsInput" class="" tabindex="0"></input>
|
|
<div id="result" class="hidden">
|
|
<div class="stats">
|
|
<!-- <div class="info">words 10<br>punctuation</div> -->
|
|
<div class="group info">
|
|
<div class="top">test type</div>
|
|
<div class="bottom">100</div>
|
|
</div>
|
|
<div class="group wpm">
|
|
<div class="top">wpm</div>
|
|
<div class="bottom">100</div>
|
|
</div>
|
|
<div class="group acc">
|
|
<div class="top">acc</div>
|
|
<div class="bottom">100%</div>
|
|
</div>
|
|
<div class="group key">
|
|
<div class="top">key</div>
|
|
<div class="bottom">100/1</div>
|
|
</div>
|
|
</div>
|
|
<div class="chart">
|
|
<div class="title">wpm over time</div>
|
|
<canvas id="wpmChart"></canvas>
|
|
</div>
|
|
</div>
|
|
<div id="restartTestButton" class="" tabindex="0"><i class="fas fa-redo-alt"></i></div>
|
|
<div id="liveWpm">123</div>
|
|
</div>
|
|
<div class="page pageAbout hidden">
|
|
this is the about page
|
|
</div>
|
|
<div class="page pageLogin hidden">
|
|
<div class="register">
|
|
register
|
|
<input type="text" placeholder="name">
|
|
<input type="text" placeholder="email">
|
|
<input type="text" placeholder="password">
|
|
|
|
</div>
|
|
<div class="login">
|
|
login
|
|
<input type="text" placeholder="email">
|
|
<input type="text" placeholder="password">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="page pageAccount hidden">
|
|
<div class="signOut">sign out</div>
|
|
<div class="group">
|
|
<div class="title"></div>
|
|
<div class="chart">
|
|
<canvas id="resultHistoryChart"></canvas>
|
|
</div>
|
|
</div>
|
|
<div class="triplegroup">
|
|
<div class="group highestWpm">
|
|
<div class="title">highest wpm</div>
|
|
<div class="val">1</div>
|
|
<div class="mode"></div>
|
|
</div>
|
|
<div class="group testsTaken">
|
|
<div class="title">tests taken</div>
|
|
<div class="val">1</div>
|
|
</div>
|
|
<div class="group favouriteTest">
|
|
<div class="title">favourite test</div>
|
|
<div class="val">words 10</div>
|
|
</div>
|
|
</div>
|
|
<div class="group history">
|
|
<!-- <div class="title">result history</div> -->
|
|
<table width="100%">
|
|
<thead>
|
|
<tr>
|
|
<td>wpm</td>
|
|
<td>accuracy</td>
|
|
<td>correct<br>chars</td>
|
|
<td>incorrect<br>chars</td>
|
|
<td>mode</td>
|
|
<td>date</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="bottom">
|
|
<div class="keyTips">
|
|
<key>tab</key> and <key>enter</key> / <key>space</key> - restart test<br>
|
|
<key>esc</key> - command line
|
|
</div>
|
|
Created by <a href="https://www.reddit.com/message/compose?to=Miodec">Miodec</a>
|
|
</div>
|
|
|
|
</div>
|
|
</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>
|
|
<script src="/__/firebase/7.14.2/firebase-firestore.js"></script>
|
|
|
|
|
|
<!-- Initialize Firebase -->
|
|
<script src="/__/firebase/init.js"></script>
|
|
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-trendline@0.1.3/src/chartjs-plugin-trendline.min.js"></script>
|
|
<script src="js/db.js"></script>
|
|
<script src="js/commandline.js"></script>
|
|
<script src="js/words.js"></script>
|
|
<script src="js/script.js"></script>
|
|
<script src="js/account.js"></script>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</html> |