Skip to content

Commit 0940ccd

Browse files
viditvarshneyviditvarshney
authored
Merge pull request #9 from viditvarshney/dev
changes
2 parents 431f588 + 78dfefe commit 0940ccd

File tree

5 files changed

+80
-80
lines changed

5 files changed

+80
-80
lines changed

‎Reaction-Timer/index.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<html>
2+
<head>
3+
<title>Reaction Time Game</title>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
7+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
8+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
9+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
10+
11+
<link rel="stylesheet" type="text/css" href="style.css">
12+
</head>
13+
14+
<body>
15+
16+
<a href="https://github.com/viditvarshney/Reaction-Timer-"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
17+
18+
<p class="bold">
19+
Your Time: <span id="timeTaken" style="color: green;"></span>
20+
Your Best Time: <span id="best" style="color: blue;"></span>
21+
22+
</p>
23+
<div>
24+
<button id="rules">Tip</button>
25+
<a href="/index.html"><button id="exit">Exit</button></a>
26+
</div>
27+
28+
<div id="shape"></div>
29+
<canvas id="myCanvas" width="1500" height="300">
30+
31+
<script type="text/javascript" src="script.js"></script>
32+
</canvas>
33+
34+
</body>
35+
36+
37+
</html>

‎script.js‎ renamed to ‎Reaction-Timer/script.js‎

File renamed without changes.

‎style.css‎ renamed to ‎Reaction-Timer/style.css‎

File renamed without changes.

‎index.html‎

Lines changed: 43 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,43 @@
1-
<html>
2-
<head>
3-
<title>Reaction Time Game</title>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
7-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
8-
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
9-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
10-
11-
<link rel="stylesheet" type="text/css" href="style.css">
12-
</head>
13-
14-
<body>
15-
16-
<a href="https://github.com/viditvarshney/Reaction-Timer-"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
17-
18-
<p class="bold">
19-
Your Time: <span id="timeTaken" style="color: green;"></span>
20-
Your Best Time: <span id="best" style="color: blue;"></span>
21-
22-
</p>
23-
<div>
24-
<button id="rules">Tip</button>
25-
<a href="/intro.html"><button id="exit">Exit</button></a>
26-
</div>
27-
28-
<div id="shape"></div>
29-
<canvas id="myCanvas" width="1500" height="300">
30-
31-
<script type="text/javascript" src="script.js"></script>
32-
</canvas>
33-
34-
</body>
35-
36-
37-
</html>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Reaction-timer Intro</title>
7+
<style>
8+
body {
9+
text-align: center;
10+
background-color: lightgray;
11+
font-size: 25px;
12+
}
13+
a#play_game {
14+
text-decoration: none;
15+
border: 2px solid darkgray;
16+
padding: 20px;
17+
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
18+
border-radius: 10px;
19+
}
20+
a#play_game:hover {
21+
background-color: blue;
22+
color: white;
23+
24+
}
25+
div {
26+
margin-top: 300px;
27+
min-height: 791px;
28+
min-width: 691px;
29+
}
30+
31+
</style>
32+
</head>
33+
<body>
34+
<div>
35+
<a href="https://github.com/viditvarshney/Reaction-Timer-"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
36+
<h1>Test Your Reactions!</h1>
37+
<h2>Click On The Boxes And Circles As Quickly As You Can! </h2>
38+
<h3>Your best time and the current time is displayed before</h3>
39+
<a id="play_game" href="/Reaction-Timer/index.html">Play Game!</a>
40+
</div>
41+
42+
</body>
43+
</html>

‎intro.html‎

Lines changed: 0 additions & 43 deletions
This file was deleted.

0 commit comments

Comments
 (0)