-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (90 loc) · 3.39 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + TS</title>
</head>
<body>
<!--<div id="app">
<header>
<nav>
<ul>
<section>
<li>
<a href="#">
<span>MonkeyType</span>
</a>
</li>
</section>
<section>
<li>
<a href="#">
<span>Configuración</span>
</a>
</li>
</section>
</ul>
</nav>
</header>
<section class="sect_main">
<div>
<div class="text_desc">
<time>30</time>
<div class="content_sect">
<input type="text" autofocus class="input_text">
<p class="text_placeholder">Text Placeholder</p>
<p class="paragraph_text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
</div>
</div>
</div>
</section>
<section class="win_sect">
<h1>You Win!</h1>
</section>
<footer>
</footer>
</div>-->
<main>
<section id="game">
<time></time>
<p></p>
<input autofocus>
</section>
<section id="results">
<h2>wpm</h2>
<h3 id="results-wpm"></h3>
<h2>accuracy</h2>
<h3 id="results-accuracy"></h3>
<button id="reload-button">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747" />
<path d="M20 4v5h-5" />
</svg>
</button>
</section>
</main>
<footer>
<nav>
<ul>
<section>
<h1>MonkeyType</h1>
</section>
<section>
<li>
<a href="https://github.com/NopAngel/monkeytype-clone">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 0C5.374 0 0 5.373 0 12C0 17.302 3.438 21.8 8.207 23.387C8.806 23.498 9 23.126 9 22.81V20.576C5.662 21.302 4.967 19.16 4.967 19.16C4.421 17.773 3.634 17.404 3.634 17.404C2.545 16.659 3.717 16.675 3.717 16.675C4.922 16.759 5.556 17.912 5.556 17.912C6.626 19.746 8.363 19.216 9.048 18.909C9.155 18.134 9.466 17.604 9.81 17.305C7.145 17 4.343 15.971 4.343 11.374C4.343 10.063 4.812 8.993 5.579 8.153C5.455 7.85 5.044 6.629 5.696 4.977C5.696 4.977 6.704 4.655 8.997 6.207C9.954 5.941 10.98 5.808 12 5.803C13.02 5.808 14.047 5.941 15.006 6.207C17.297 4.655 18.303 4.977 18.303 4.977C18.956 6.63 18.545 7.851 18.421 8.153C19.191 8.993 19.656 10.064 19.656 11.374C19.656 15.983 16.849 16.998 14.177 17.295C14.607 17.667 15 18.397 15 19.517V22.81C15 23.129 15.192 23.504 15.801 23.386C20.566 21.797 24 17.3 24 12C24 5.373 18.627 0 12 0Z" fill="currentColor"/>
</svg>
</a>
</li>
</section>
</ul>
</nav>
</footer>
<script type="module" src="/src/main.ts"></script>
</body>
</html>