You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.5 KiB
71 lines
1.5 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Document</title>
|
|
<script src="https://fb.me/react-0.14.7.js"></script>
|
|
<script src="https://fb.me/react-dom-0.14.7.js"></script>
|
|
<link rel="stylesheet" href="style.css"></link>
|
|
|
|
<style>
|
|
* {
|
|
box-sizing:border-box;
|
|
font-family:Emulogic;
|
|
}
|
|
|
|
.ourhero {
|
|
height:100px;
|
|
position:absolute;
|
|
width:100px;
|
|
}
|
|
|
|
.active {
|
|
border:10px solid purple;
|
|
}
|
|
|
|
.x-1 { left: -100px; }
|
|
.x0 { left: 0; }
|
|
.x1 { left: 100px; }
|
|
.x2 { left: 200px; }
|
|
.x3 { left: 300px; }
|
|
.x4 { left: 400px; }
|
|
.x5 { left: 500px; }
|
|
.x6 { left: 600px; }
|
|
|
|
.y-1 { top: -100px; }
|
|
.y0 { top: 0; }
|
|
.y1 { top:100px; }
|
|
.y2 { top: 200px; }
|
|
.y3 { top: 300px; }
|
|
.y4 { top: 400px; }
|
|
.y5 { top: 500px; }
|
|
.y6 { top: 600px; }
|
|
|
|
.cell {
|
|
border:1px solid purple;
|
|
height:100px;
|
|
line-height:100px;
|
|
position:absolute;
|
|
text-align:center;
|
|
width:100px;
|
|
}
|
|
|
|
#grid {
|
|
height:500px;
|
|
overflow:hidden;
|
|
position:relative;
|
|
width:600px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- AAA 8973<br>
|
|
ASS 2389<br>
|
|
BOB 1100<br>
|
|
|
|
Press Spacebar -->
|
|
|
|
<div id="grid"></div>
|
|
<script src='http://localhost:8080/bundle.js'></script>
|
|
</body>
|
|
</html>
|
|
|