-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (77 loc) · 2.56 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
<!DOCTYPE html>
<html>
<head>
<style media="screen">
@font-face {
font-family: :"triforce";
src:url("./assets/Triforce.ttf");
}
</style>
<audio id="player" autoplay="true">
<source src="./assets/theme.mp3" type="audio/mp3"/>
</audio>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="./assets/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./assets/styles.css">
<meta charset="utf-8">
<title>Link's Escape</title>
</head>
<body>
<div class="main">
<img class="logo" src="./assets/logo.png" alt="">
<div class="submain">
<div class="left-div">
</div>
<div class="canvases">
<div class="score-audio">
<canvas id="count-canvas" width="200", height="50"></canvas>
<button type="button" class="btn btn--stripe" name="button" id="audio-btn">Audio: on</button>
</div>
<div class="game-area">
<canvas id="screen-canvas"></canvas>
<canvas id="myCanvas"></canvas>
</div>
</div>
<div class="right-div">
<div class="wasd">
<h1>Move:</h1>
<div class="top">
<img src="./assets/w.png">
</div>
<div class="bottom">
<img src="./assets/a.png">
<img src="./assets/s.png">
<img src="./assets/d.png">
</div>
</div>
<div class="arrows">
<h1>Attack:</h1>
<div class="top">
<img src="./assets/cursor-up.png">
</div>
<div class="bottom">
<img src="./assets/cursor-left.png">
<img src="./assets/cursor-down.png">
<img src="./assets/cursor-right.png">
</div>
</div>
</div>
</div>
<div class="footer">
<a href="https://github.com/luiemilio/">
<img src="./assets/GitHub-Mark-64px.png">
</a>
<a href="https://www.linkedin.com/in/luis-esp%C3%ADnola-6464313/">
<img src="./assets/In-2C-66px-R.png">
</a>
<a href="https://angel.co/luis-espinola">
<img src="./assets/AngelList_White_Victory_Hand.png">
</a>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="./lib/bundle.js"></script>
<!-- <script type="text/javascript" src="./lib/audio_button.js"></script> -->
</html>
<!-- canvas size: 461, 248 -->