|
11 | 11 | </script>
|
12 | 12 | </head>
|
13 | 13 | <body>
|
14 |
| - <div id='display-area' class="waiting"> |
| 14 | + <div id="display-area" class="waiting"> |
15 | 15 | <h2>Firebase-enabled Tic Tac Toe</h2>
|
16 |
| - <div id='other-player'> |
| 16 | + <div id="other-player"> |
17 | 17 | Waiting for another player to join.<br>
|
18 | 18 | Send them this link to play:<br>
|
19 |
| - <div id='game-link'><a href='{{ game_link }}'>{{ game_link }}</a></div> |
| 19 | + <div id="game-link"><a href="{{ game_link }}">{{ game_link }}</a></div> |
20 | 20 | </div>
|
21 |
| - <div id='your-move'>Your move! Click a square to place your piece.</div> |
22 |
| - <div id='their-move'>Waiting for other player to move...</div> |
23 |
| - <div id='you-won'>You won this game!</div> |
24 |
| - <div id='you-lost'>You lost this game.</div> |
25 |
| - <div id='board'> |
26 |
| - <div class='t l cell' id='0'></div> |
27 |
| - <div class='t c cell' id='1'></div> |
28 |
| - <div class='t r cell' id='2'></div> |
29 |
| - <div class='m l cell' id='3'></div> |
30 |
| - <div class='m c cell' id='4'></div> |
31 |
| - <div class='m r cell' id='5'></div> |
32 |
| - <div class='b l cell' id='6'></div> |
33 |
| - <div class='b c cell' id='7'></div> |
34 |
| - <div class='b r cell' id='8'></div> |
| 21 | + <div id="your-move">Your move! Click a square to place your piece.</div> |
| 22 | + <div id="their-move">Waiting for other player to move...</div> |
| 23 | + <div id="you-won">You won this game!</div> |
| 24 | + <div id="you-lost">You lost this game.</div> |
| 25 | + <div id="board"> |
| 26 | + <div class="t l cell" id="0"></div> |
| 27 | + <div class="t c cell" id="1"></div> |
| 28 | + <div class="t r cell" id="2"></div> |
| 29 | + <div class="m l cell" id="3"></div> |
| 30 | + <div class="m c cell" id="4"></div> |
| 31 | + <div class="m r cell" id="5"></div> |
| 32 | + <div class="b l cell" id="6"></div> |
| 33 | + <div class="b c cell" id="7"></div> |
| 34 | + <div class="b r cell" id="8"></div> |
35 | 35 | </div>
|
36 |
| - <div id='this-game' float='top'> |
37 |
| - Quick link to this game: <span id='this-game-link'><a href='{{ game_link }}'>{{ game_link }}</a></span> |
| 36 | + <div id="this-game" float="top"> |
| 37 | + Quick link to this game: <span id="this-game-link"><a href="{{ game_link }}">{{ game_link }}</a></span> |
38 | 38 | </div>
|
39 | 39 | </div>
|
40 | 40 | </body>
|
|
0 commit comments