Merge pull request #379 from GoogleCloudPlatform/firebase-quotes

jerjou · web-flow · commit 99495659b2f6 · 2016-10-24T13:34:26.000-07:00
Double quotes for html attributes.
diff --git a/appengine/firebase-tictactoe/src/main/webapp/WEB-INF/view/index.jsp b/appengine/firebase-tictactoe/src/main/webapp/WEB-INF/view/index.jsp
@@ -17,6 +17,7 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
     <%@ include file="firebase_config.jspf" %>
     <link rel="stylesheet" type="text/css" href="static/main.css" />
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
@@ -28,30 +29,30 @@
     </script>
   </head>
   <body>
-    <div id='display-area' class="waiting">
+    <div id="display-area" class="waiting">
       <h2>Firebase-enabled Tic Tac Toe</h2>
-      <div id='other-player'>
+      <div id="other-player">
         Waiting for another player to join.<br>
         Send them this link to play:<br>
-        <div id='game-link'><a href='<%= request.getAttribute("game_link") %>'><%= request.getAttribute("game_link") %></a></div>
+        <div id="game-link"><a href="<%= request.getAttribute("game_link") %>"><%= request.getAttribute("game_link") %></a></div>
       </div>
-      <div id='your-move'>Your move! Click a square to place your piece.</div>
-      <div id='their-move'>Waiting for other player to move...</div>
-      <div id='you-won'>You won this game!</div>
-      <div id='you-lost'>You lost this game.</div>
-      <div id='board'>
-        <div class='t l cell' id='0'></div>
-        <div class='t c cell' id='1'></div>
-        <div class='t r cell' id='2'></div>
-        <div class='m l cell' id='3'></div>
-        <div class='m c cell' id='4'></div>
-        <div class='m r cell' id='5'></div>
-        <div class='b l cell' id='6'></div>
-        <div class='b c cell' id='7'></div>
-        <div class='b r cell' id='8'></div>
+      <div id="your-move">Your move! Click a square to place your piece.</div>
+      <div id="their-move">Waiting for other player to move...</div>
+      <div id="you-won">You won this game!</div>
+      <div id="you-lost">You lost this game.</div>
+      <div id="board">
+        <div class="t l cell" id="0"></div>
+        <div class="t c cell" id="1"></div>
+        <div class="t r cell" id="2"></div>
+        <div class="m l cell" id="3"></div>
+        <div class="m c cell" id="4"></div>
+        <div class="m r cell" id="5"></div>
+        <div class="b l cell" id="6"></div>
+        <div class="b c cell" id="7"></div>
+        <div class="b r cell" id="8"></div>
       </div>
-      <div id='this-game' float='top'>
-        Quick link to this game: <span id='this-game-link'><a href='<%= request.getAttribute("game_link") %>'><%= request.getAttribute("game_link") %></a></span>
+      <div id="this-game" float="top">
+        Quick link to this game: <span id="this-game-link"><a href="<%= request.getAttribute("game_link") %>"><%= request.getAttribute("game_link") %></a></span>
       </div>
     </div>
   </body>
