-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (52 loc) · 1.47 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
<html>
<head>
<meta name="author" content="Danny Yang">
<title>Fire Emblem Chess</title>
<meta name="description" content="Chess game inspired by Fire Emblem visuals and mechanics">
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.1/howler.core.min.js"></script>
<script src="./out/game.js"></script>
<link rel="shortcut icon" href="#" />
</head>
<style>
body {
image-rendering: -moz-crisp-edges;
background-color: white;
color: black;
margin: 10px;
font: 16px;
font-family: 'Open Sans', sans-serif;
}
.selection {
animation: blinking 1s linear infinite;
}
@keyframes blinking {
50% {
opacity: 0.5;
}
}
</style>
<body>
<h1>Fire Emblem Chess</h1>
<div>
<a href="https://github.com/yangdanny97/fire-emblem-chess">Source code & guide</a>
-
<a href="https://yangdanny97.github.io">Author's blog</a>
</div>
<hr>
<div id="board"></div>
<h3>Controls:</h3>
<ul>
<li>WASD or arrow keys to move cursor</li>
<li>X to select a piece or confirm an action</li>
<li>Z to deselect the current piece</li>
<li>B, N, R, Q to promote</li>
</ul>
<script>
var svg;
var state;
</script>
</body>
</html>