forked from 4lbertoC/mirrordelivery
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
30 lines (26 loc) · 1.6 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style>.b {position:fixed;right:0;width:40px;height:40px;background:rgba(255,255,255,0.6);border-radius:10px;padding:10px;line-height:10px} .h {display:none}
</style>
<title>Mirror Delivery</title>
</head>
<body style="background:#000;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;-ms-touch-action:none;">
<div style="color:#fff;background:blue;width:640px;margin-top:50px;font:bold 40px courier;margin:0 auto;border:5px solid #aaa;border-bottom:0">MIRROR DELIVERY</div>
<div id=l class="b h" style="bottom:0;left:0"><</div>
<div id=u class="b h" style="bottom:80px;left:80px">^</div>
<div id=d class="b h" style="bottom:0;left:80px">v</div>
<div id=r class="b h" style="bottom:0;left:160px">></div>
<div id=i class="b h" style="bottom:240px;left:0">I</div>
<div id=e class="b h" style="bottom:160px;left:0">E</div>
<div id=x class="b h" style="top:0;">X</div>
<div id=c class="b h e" style="bottom:160px;left:80px">C</div>
<div id=t class="b h e" style="bottom:240px;right:80px">T</div>
<div id=n class="b h e" style="bottom:160px;right:80px">N</div>
<div id=s class="b h" style="bottom:240px;">S</div>
<div id=a class="b h" style="bottom:160px;">A</div>
<div id=o class="b h" style="bottom:0;width:160px;height:160px;border-radius:80px;padding:0"></div>
<canvas id=C width=640 height=400 style="border:5px solid #aaa"/>
<script src="game.min.js"></script>