📃 Embed Move History
Keep your viewers in the loop with every chess move! Integrate PawnTown's move history into your platform to display a clear and concise record of each game 📜. This guide will take you through how to embed the move history and tailor its appearance to complement your platform's design 🎨. Let’s begin!
HTML
To showcase the move history on your platform, use the following embed link. Remember to replace [streamId] with your specific live stream ID:
<iframe
src="https://pawn.town/s/[streamId]/embed/moves"
width="100%"
height="400"
frameborder="0"
scrolling="no"
></iframe>Query Parameters
| Parameter | Description |
|---|---|
ltr (Direction) | Set the direction of move display. Use true for left-to-right, and false for right-to-left. |
max (Maximum Moves Display) | Set a maximum limit for the number of moves displayed. |
fc (Foreground Color) | Define the color of the move texts. Can be a color value like green or hex %23000000 (=#000000). |
bg (Background Color) | Determine the background color of the move display section. Can be a color value like green or hex %23000000 (=#000000). |
f (Font Family) | Choose the font family for the move texts. |
s (Font Size) | Set the font size for the move texts. |
g (Gap Between Moves) | Specify the space or gap between individual moves. |
Example of Using Parameters: To integrate a move history display with the following settings: left-to-right direction, maximum 50 moves, black text, white background, Arial font, 14px font size, and 10px gap between moves, your URL would look like this:
https://pawn.town/s/[streamId]/embed/moves?ltr=true&max=50&fc=%23000000&bg=%23ffffff&f=Arial&s=14px&g=10px