change

chess_game/static/room.js

@@ -66,6 +66,7 @@
     // chessboard.js prefers element id string in many setups
     board = Chessboard('boardUI', {
       position: 'start', draggable: true, dropOffBoard: 'snapback',
+      pieceTheme: 'https://cdnjs.cloudflare.com/ajax/libs/chessboard.js/1.0.0/img/chesspieces/wikipedia/{piece}.png',
       onDragStart, onDrop, onSnapEnd
     });
     await syncFromServer();
@@ -74,6 +75,7 @@
   document.getElementById('startBtn').addEventListener('click', async () => {
     const color = document.getElementById('color').value;
     await getJSON(`${basePath}/room/${roomId}/start`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ player_color: color })});
+    board.orientation(color);
     await syncFromServer();
   });
 

chess_game/templates/room.html

@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <title>Chess Room {{ room_id }}</title>
   <link rel="stylesheet" href="{{ base_path }}/static/style.css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chessboard.js/1.0.0/chessboard-1.0.0.min.css" integrity="sha512-NE1T0qj4Y8p4129f7m6C8b6oym3s+3X7B2+bXhYzIY8w14JzO3Qb5rG3wI+XHX5cS8l88sC5d6z7+q5U3aY4nA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chessboard.js/1.0.0/chessboard-1.0.0.min.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <style>
     .layout { display: grid; grid-template-columns: 520px 1fr; gap: 16px; align-items: start; }
@@ -53,8 +53,8 @@
     </div>
   </div>
 
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/chess.js/0.13.4/chess.min.js" integrity="sha512-QI3VgD1x5bY2Hf7Kx4Ew6U3bN1a90R0l3tq0m7pFx5tW5Lgn8gZyQmVh0Wk5xk/fXUeV3I8w6L6S3m0q8lFv8Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/chessboard.js/1.0.0/chessboard-1.0.0.min.js" integrity="sha512-YOsk0kM2w3Jr0o5Q2E7jv0o3s8fCqfVqUjEJ7sU2iQzQ9Q2G4fMBxQ8f2cN7z7m2fA2q5S5n0l1C1zjY00kHqA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/chess.js/0.13.4/chess.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/chessboard.js/1.0.0/chessboard-1.0.0.min.js"></script>
   <script src="{{ base_path }}/static/room.js"></script>
 </body>
 </html>