Permalink
Browse files

add player names

  • Loading branch information...
pidster committed Apr 15, 2012
1 parent b595f7d commit 0db0b0c59a38f26927f20ae4eff96fcef9a71b18
Showing with 22 additions and 3 deletions.
  1. +1 −0 TODO
  2. +15 −2 public/css/ponk.css
  3. +6 −1 public/start.html
View
1 TODO
@@ -4,3 +4,4 @@
- recover game state on refresh, via cookie (status, username)
- geo-matching
- sound effect on ball bounce
+- paddle height decreases with game rank
View
@@ -1,3 +1,12 @@
+.center {
+ text-align: center;
+}
+#localUserName {
+ color: #cc9999;
+}
+#remoteUserName {
+ color: #9999cc;
+}
div#login-window {
display: none;
margin: 0 auto 10px;
@@ -15,11 +24,15 @@ div#log-window {
height: 200px;
border: 5px solid #ccc;
}
-
div#game-window {
display: none;
margin: 0 auto 10px;
- padding: 0px;
+ padding: 0;
+}
+
+div#game-frame {
+ margin: 0 auto 10px;
+ padding: 0;
width: 620px;
height: 400px;
border: 5px solid #ccc;
View
@@ -77,8 +77,13 @@ <h2>Start a new game...</h2>
</form>
</div>
<div id="game-window">
+ <h2 class="center">
+ <span id="localUserName">$localUser</span> vs <span id="remoteUserName">$remoteUser</span>
+ </h2>
<div id="flash"></div>
- <canvas id="game-field" width="620" height="400">Your browser is too crap to play this game</canvas>
+ <div id="game-frame">
+ <canvas id="game-field" width="620" height="400">Your browser is too crap to play this game</canvas>
+ </div>
</div>
<div id="log-window"></div>
<p>

0 comments on commit 0db0b0c

Please sign in to comment.