If you think things can't get worse it's probably only because you

lack sufficient imagination.

Author: alexdantas

img/doge-boy.png

@@ -4,6 +4,11 @@ body {
 	background-color: #000;
 	color: #fff;
 
+	background-image: url(img/doge-boy.png);
+	background-repeat: no-repeat;
+	background-position: center top;
+	background-attachment: fixed;
+
 	/* Allow mouse dragging. */
 	-moz-user-select: none;
 	-ms-user-select: none;
@@ -24,7 +29,7 @@ body {
 	margin: 0 auto;
 }
 #container h1 {
-	text-align: center;
+	text-align: right;
 	margin: 0;
 }
 #container h2 {
@@ -50,10 +55,17 @@ body {
 	float: left;
 }
 #reset {
-	float: right;
 	font-size: 12pt;
+
+	position: relative;
+	top: 154px;
+	left: -148px;
 }
 #screen {
+	/* placing on doge-boy */
+	position: fixed;
+	top: 55px;
+
 	margin: auto;
 
 	/* Hide the gap for font descenders. */

index.css

@@ -29,19 +29,14 @@
 
 	<div id="container">
 	  <h1>doge-toe</h1>
-	  <h2>tic-tac-toe made in DogeScript</h2>
+
 	  <a style="float:left"  href="https://github.com/alexdantas/doge-toe">source code</a>
 	  <a style="float:right" href="http://zachbruggeman.me/dogescript/">dogescript homepage</a>
 
 	  <!-- Here's where the action happens! -->
 	  <canvas id="screen" width="340" height="340" ></canvas>
-
-	  <!-- Things on the bottom -->
-	  <input id="player-one" type="text" width="2pt" readonly="true" placeholder="0">
-
-	  <input id="player-two" type="text" readonly="true" placeholder="0">
-	  <button id="reset" onclick="resetGame()">Reset</button>
 	</div>
+	<button id="reset" onclick="resetGame()">Reset</button>
 
 	<!-- jQuery for selecting stuff, jQuery UI for the highlight effect -->
 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

index.html

@@ -105,7 +105,7 @@ very TILE_HEIGHT  is 100
 very TILE_SPACING is 10
 
 shh Colors for everything
-very BOARD_COLOR_BG   is '#999'
+very BOARD_COLOR_BG   is '#000'
 very TILE_COLOR_EMPTY is '#777'
 very TILE_COLOR_X     is 'red'
 very TILE_COLOR_O     is 'blue'
@@ -161,10 +161,16 @@ such drawBoard
                context dose fillRect with x y TILE_WIDTH TILE_HEIGHT
 
            but rly tile is TILE_X
-               context dose drawImage with player_one_image x y
+               context dose drawImage with player_one_image  x y
+
+               context.fillStyle is BOARD_COLOR_BG
+               context dose fillText  with PLAYER_ONE_POINTS x+10 y+10
 
            but rly tile is TILE_O
-               context dose drawImage with player_two_image x y
+               context dose drawImage with player_two_image  x y
+
+               context.fillStyle is BOARD_COLOR_BG
+               context dose fillText  with PLAYER_TWO_POINTS x+10 y+10
 
            wow
        wow