-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
40 lines (38 loc) · 932 Bytes
/
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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<style>
#game {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
.ring1 { fill: #EDD400}
.ring2 { fill: #73D216}
.ring3 { fill: #F57900}
.ring4 { fill: #3465A4}
.ring5 { fill: #75507B}
.ring6 { fill: #CC0000}
.peg, .base { fill: #C17D11 }
g.pegGroup:hover .ring1 { fill: #FCE94F}
g.pegGroup:hover .ring2 { fill: #8AE234}
g.pegGroup:hover .ring3 { fill: #FCAF3E}
g.pegGroup:hover .ring4 { fill: #729FCF}
g.pegGroup:hover .ring5 { fill: #AD7FA8}
g.pegGroup:hover .ring6 { fill: #EF2929}
g.pegGroup:hover .peg { fill: #E9B96E}
</style>
</head>
<body>
<h1>The Towers of Hanoi</h1>
<div id="game"></div>
<script src="Hanoi.js"></script>
<script>
var game = document.getElementById('game');
Elm.Hanoi.init({ node: game });
</script>
</body>
</html>