🧑🏽‍💻 Developer Guide
🔌 Embedding
⏱️ Embed Clock

⏱️ Embed Clock

Keep track of every moment in style! Embed PawnTown's chess clock on your website to give your visitors real-time, accurate game clock times 🕒. This guide will walk you through embedding the clock and show you how to customize its look to fit your platform's design philosophy 🎨. Let's get started!

HTML

To embed the chess clock on your platform, utilize the following link. Remember to replace [streamId] with your specific live stream ID:

<iframe
  src="https://pawn.town/s/[streamId]/embed/clock"
  width="100%"
  height="100"
  frameborder="0"
  scrolling="no"
></iframe>

Query Parameters

ParameterDescription
fc (Foreground Color)Choose the color for the clock's digits and symbols. Can be a color value like green or hex %23000000 (=#000000).
bg (Background Color)Determine the background color of the clock's display area. Can be a color value like green or hex %23000000 (=#000000).
f (Font Family)Select the font family for the clock's display.
s (Font Size)Adjust the font size for the clock's display.

Example of Using Parameters: To integrate a clock with black digits on a white background, using the Arial font at 20px font size, your URL would look like this:

https://pawn.town/s/[streamId]/embed/clock?fc=%23000000&bg=%23ffffff&f=Arial&s=20px