-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
137 lines (135 loc) · 5.8 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
<link rel="stylesheet" href="CSS/main.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" />
<title>new Cattype!</title>
</head>
<body>
<div class="main-theme">
<!-- navbar -->
<!-- NavbarAds -->
<nav class="navbar navbar-expand-lg navbar-dark navAds" style="background-color: #db504a">
<div class="container-fluid justify-content-center text-center">
<div class="navbar-expand" id="navbarSupportedContent">
<div class="text ads text-white">
Type faster at
<a href="#" target="_blank" class="text-white">Cattype</a>.
</div>
</div>
</div>
</nav>
<nav class="navbar navbar-expand-lg navbar-light nav-bertema">
<div class="container">
<!-- Add cattype icon -->
<!-- Brand Name -->
<a class="navbar-brand text-white fs-2 brand-name" href="#" style="font-weight: 500">Cattype</a>
<div class="navbar-expand" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link text-white" aria-current="page" href="https://zdnpl.github.io/cattype/">Reset</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" aria-current="page" style="cursor: pointer" onclick="openThemeMenu()">Theme</a>
</li>
<!-- tambahin profile -->
</ul>
</div>
</div>
</nav>
<!-- MainNavbar -->
<!-- content -->
<div class="container wrapper playground">
<input type="text" class="input-field" />
<div class="content-box">
<p class="time">60</p>
<div class="typing-text">
<p></p>
</div>
<div class="content playground">
<ul class="result-details">
<li class="try-again">
<a href="index.html"><button class="TaBtn">Try Again</button></a>
</li>
</ul>
</div>
</div>
</div>
<div class="result container" style="color: #fff">
<div class="wpm-cpm">
<div class="wpm-akhir">
<p style="font-size: 25px">wpm</p>
<p id="wpmTag" style="font-size: 50px; margin-top: -30px">100</p>
</div>
<div class="cpm-akhir">
<p style="font-size: 25px">cpm</p>
<p id="cpmTag" style="font-size: 50px; margin-top: -30px">100</p>
</div>
</div>
<div class="meme">
<img class="meme-niceone" src="lovely-pict/niceone.jpeg" width="200" height="250" alt="" />
</div>
<div class="miss-acc">
<div class="wpm-akhir">
<p style="font-size: 25px">incorrect</p>
<p id="mistakeTag" style="font-size: 50px; margin-top: -30px">100</p>
</div>
<div class="cpm-akhir">
<p style="font-size: 25px">acc</p>
<div style="display: flex">
<p id="accakhir" style="font-size: 50px; margin-top: -30px">100</p>
<p style="font-size: 50px; margin-top: -30px">%</p>
</div>
</div>
</div>
<!-- <ul>
<li data-color="default"></li>
<li data-color="black"></li>
<li data-color="gambar1"></li>
</ul> -->
</div>
<div class="tema">
<div class="border-tema"><strong>Select Theme</strong></div>
<div class="tombol-tema">
<button class="pilihan-tema" data-color="bubble-gum">Bubble gum</button>
</div>
<div class="tombol-tema">
<button class="pilihan-tema" data-color="anya">Anya</button>
</div>
<div class="tombol-tema">
<button class="pilihan-tema" data-color="kobo">Kobo Kanaeru (Jodan's wife)</button>
</div>
<div class="tombol-tema">
<button class="pilihan-tema" data-color="cliff">Cliff (tristan's cat)</button>
</div>
<div class="tombol-tema">
<button class="pilihan-tema" data-color="abujr">Abu Jr. (Gilang's cat)</button>
</div>
<div class="tombol-tema">
<button class="pilihan-tema" data-color="ucil">Ucil (Raffi's cat)</button>
</div>
<div class="tombol-tema">
<button class="pilihan-tema" data-color="floof">Floof (Nisrina's cat)</button>
</div>
<div class="tombol-tema">
<button class="pilihan-tema" data-color="bailey">Bailey (Kezhia's cat)</button>
</div>
<div class="tombol-tema">
<button class="pilihan-tema" data-color="mino">Mino (Aqila's cat)</button>
</div>
<div class="border-tema-bawah"></div>
</div>
<div class="temanya"></div>
<p class="watermark text-center fixed-bottom">v2.2 (Cats invasion) | © 2022 new Cattype!. All rights reserved. | Made by zdnpl</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="JS/paragraphs.js"></script>
<script src="JS/script.js"></script>
<script src="JS/theme.js"></script>
</body>
</html>