|
17 | 17 | <!DOCTYPE html>
|
18 | 18 | <html>
|
19 | 19 | <head>
|
| 20 | + <meta charset="utf-8"> |
20 | 21 | <%@ include file="firebase_config.jspf" %>
|
21 | 22 | <link rel="stylesheet" type="text/css" href="static/main.css" />
|
22 | 23 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
|
28 | 29 | </script>
|
29 | 30 | </head>
|
30 | 31 | <body>
|
31 |
| - <div id='display-area' class="waiting"> |
| 32 | + <div id="display-area" class="waiting"> |
32 | 33 | <h2>Firebase-enabled Tic Tac Toe</h2>
|
33 |
| - <div id='other-player'> |
| 34 | + <div id="other-player"> |
34 | 35 | Waiting for another player to join.<br>
|
35 | 36 | Send them this link to play:<br>
|
36 |
| - <div id='game-link'><a href='<%= request.getAttribute("game_link") %>'><%= request.getAttribute("game_link") %></a></div> |
| 37 | + <div id="game-link"><a href="<%= request.getAttribute("game_link") %>"><%= request.getAttribute("game_link") %></a></div> |
37 | 38 | </div>
|
38 |
| - <div id='your-move'>Your move! Click a square to place your piece.</div> |
39 |
| - <div id='their-move'>Waiting for other player to move...</div> |
40 |
| - <div id='you-won'>You won this game!</div> |
41 |
| - <div id='you-lost'>You lost this game.</div> |
42 |
| - <div id='board'> |
43 |
| - <div class='t l cell' id='0'></div> |
44 |
| - <div class='t c cell' id='1'></div> |
45 |
| - <div class='t r cell' id='2'></div> |
46 |
| - <div class='m l cell' id='3'></div> |
47 |
| - <div class='m c cell' id='4'></div> |
48 |
| - <div class='m r cell' id='5'></div> |
49 |
| - <div class='b l cell' id='6'></div> |
50 |
| - <div class='b c cell' id='7'></div> |
51 |
| - <div class='b r cell' id='8'></div> |
| 39 | + <div id="your-move">Your move! Click a square to place your piece.</div> |
| 40 | + <div id="their-move">Waiting for other player to move...</div> |
| 41 | + <div id="you-won">You won this game!</div> |
| 42 | + <div id="you-lost">You lost this game.</div> |
| 43 | + <div id="board"> |
| 44 | + <div class="t l cell" id="0"></div> |
| 45 | + <div class="t c cell" id="1"></div> |
| 46 | + <div class="t r cell" id="2"></div> |
| 47 | + <div class="m l cell" id="3"></div> |
| 48 | + <div class="m c cell" id="4"></div> |
| 49 | + <div class="m r cell" id="5"></div> |
| 50 | + <div class="b l cell" id="6"></div> |
| 51 | + <div class="b c cell" id="7"></div> |
| 52 | + <div class="b r cell" id="8"></div> |
52 | 53 | </div>
|
53 |
| - <div id='this-game' float='top'> |
54 |
| - Quick link to this game: <span id='this-game-link'><a href='<%= request.getAttribute("game_link") %>'><%= request.getAttribute("game_link") %></a></span> |
| 54 | + <div id="this-game" float="top"> |
| 55 | + Quick link to this game: <span id="this-game-link"><a href="<%= request.getAttribute("game_link") %>"><%= request.getAttribute("game_link") %></a></span> |
55 | 56 | </div>
|
56 | 57 | </div>
|
57 | 58 | </body>
|
|
0 commit comments