-
Notifications
You must be signed in to change notification settings - Fork 2
/
current-games-example.html
41 lines (35 loc) · 2.23 KB
/
current-games-example.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Curling I/O - Current Games Widget Example</title>
<link rel="icon" href="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAAC">
</head>
<body>
<!-- IGNORE EVERYTHING ABOVE THIS LINE -->
<!-- REQUIRED. This script tag is required to load the widget. -->
<!-- Ideally this goes in the head of your html document, but you can play around to see what works (depending on your CMS) -->
<script src="https://pairshaped.github.io/curlingio-results/current-games-prod.min.js"></script>
<!-- REQUIRED. This is the div the widget replaces. The ID of this div must match the getElemenetById below that's passed to the node. If you change the ID here, make sure you also change it down there. -->
<div id="cio_current_games"></div>
<!-- REQUIRED. This is how we initialize the widget. You have several options you can configure. Read them over for more information. -->
<script>
Elm.CurrentGames.init(
{
node: document.getElementById("cio_current_games"), // REQUIRED. Must match the ID of the div we're replacing, which is "results" in this example.
flags: {
subdomain: "demo", // REQUIRED. This is your club's Curling I/O subdomain. For example, if your Curling I/O URL begins with "demo.curling.io" then the "demo" part would be your subdomain.
// lang: "en", // OPTIONAL. Options are "en" or "fr". Defaults to "en" if nothing is passed. If your using wordpress, it should expose a 2 letter language code that can be passed here.
// theme: { // OPTIONAL. You can customize the colors used.
// primary: "#ed1940", // OPTIONAL. The primary color in hexadecimal (important buttons / links / backgrounds). Default is red: #ed1940
// secondary: "#5c5c5c" // OPTIONAL. The secondary color in hexadecimal (minor buttons / links / backgrounds). Default is a dark grey: #5c5c5c
// },
host: document.location.host // REQUIRED - DO NOT MODIFY. Let's us make slight behavioural changes when hosted offsite versus within your curling.io site.
}
}
)
</script>
<!-- IGNORE EVERYTHING BELOW THIS LINE -->
</body>
</html>