PongPlus/index.html at master · dwang0721/PongPlus · GitHub

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
<!DOCTYPE html>
<!-- saved from url=(0074)http://mylinux.langara.bc.ca/~bgreen/201630/1045/lecs/basic-framework.html -->
<html lang="en" class="gr__mylinux_langara_bc_ca">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Pong</title>
    <link href="./Pong_files/normalize.min.css" rel="stylesheet" type="text/css">
    <!-- Other stylesheets may go here -->
    <link href="./Pong_files/Lab1Formatted.css" rel="stylesheet" type="text/css">
    <!-- Any citations should go here -->
    <script src="raf.js" defer></script>
    <script src="Pong.js" defer></script>
	<style>
		.center{
		margin: auto;
    	width: 45%;
		}
		.button{
			background-color:dimgray;
			color:white;
			border:none;
			font-size: 16px;
			text-decoration: none;
			display:inline-block;
			text-align: center;
			cursor:pointer;
			border-radius: 10px;
			padding: 5px 8px;
			margin: 15px auto 15px auto;
		}
	</style>
</head>

<body data-gr-c-s-loaded="true" onload="title();">
    <main>
        <!-- place your HTML code within the main -->
		<div class="center">
            <input class="button" type="button" value="Start Game" onclick="reset();" />
            <input class="button" type="button" value="Pause" onclick="pause();" />
            <input class="button" type="button" value="Continue" onclick="contiueGame();" />
            <input class="button" type="button" value="How to Play" onclick="instruction();" />
		</div>

        <div class="center">
            <canvas width="600" height="400" id="gameArea" style="border: 2.5px solid dimgray;border-radius: 8px;box-shadow: 2px 2px 5px #AAAAAA"> </canvas>
        </div>


    </main>
</body>

</html>