|
@@ -2,7 +2,7 @@
|
2
|
2
|
<html lang="en">
|
3
|
3
|
<head>
|
4
|
4
|
<meta charset="utf-8">
|
5
|
|
- <title>Gravity Pong: Functional Reactive Programming in Clojure using core.async</title>
|
|
5
|
+ <title>Gravity Pong: Flow Based Programming in Clojure using core.async</title>
|
6
|
6
|
<!--[if lt IE 9]>
|
7
|
7
|
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
8
|
8
|
<![endif]-->
|
|
@@ -13,6 +13,8 @@ body {
|
13
|
13
|
|
14
|
14
|
#title {
|
15
|
15
|
margin: 0px;
|
|
16
|
+ width: 98%;
|
|
17
|
+ position: absolute;
|
16
|
18
|
}
|
17
|
19
|
|
18
|
20
|
#ball {
|
|
@@ -35,7 +37,7 @@ body {
|
35
|
37
|
|
36
|
38
|
#canvas {
|
37
|
39
|
border: 2px green solid;
|
38
|
|
- margin-top: 3px;
|
|
40
|
+ margin-top: 10px;
|
39
|
41
|
}
|
40
|
42
|
|
41
|
43
|
#score {
|
|
@@ -61,6 +63,9 @@ body {
|
61
|
63
|
<center>
|
62
|
64
|
<div id="screen">
|
63
|
65
|
<h2 id="title">Gravity Pong!</h2>
|
|
66
|
+ <div style="float: right">
|
|
67
|
+ <a target="_blank" href="http://github.com/abhin4v/frpong">github</a>
|
|
68
|
+ </div>
|
64
|
69
|
<div id="msg">press <space> to start</div>
|
65
|
70
|
<svg id="canvas">
|
66
|
71
|
<circle id="mass" />
|
|
@@ -74,9 +79,7 @@ body {
|
74
|
79
|
fps <span id="fps">0</span>
|
75
|
80
|
</div>
|
76
|
81
|
use W-S and Up-Down keys to move the paddles / use Left-Right keys to change gravity
|
77
|
|
- <div style="float: right">
|
78
|
|
- <a target="_blank" href="http://github.com/abhin4v/frpong">github</a>
|
79
|
|
- </div>
|
|
82
|
+ <div style="float: right; font-size: smaller">Works only on Google Chrome</div>
|
80
|
83
|
</div>
|
81
|
84
|
</div>
|
82
|
85
|
</center>
|