Theme page header
This code needs to go into the theme page header. WordPress builds up a page relatively slowly, so we need to add setTimeout in a few places to make sure the guesser/ticker code doesn’t run before the host DOM is in place for it.
The sibling thing is because WordPress themes can be pretty weird about letting you create host divs in the UI, especially when a visual page builder plugin is active.
<link href="https://api.iceboxchallenge.com/styles.css" rel="stylesheet" type="text/css">
<script src="https://d3js.org/d3.v7.min.js"></script>
<script crossorigin src="https://c0.wp.com/c/5.9/wp-includes/js/dist/vendor/react-dom.js"></script>
<script src="https://api.iceboxchallenge.com/shared.js"></script>
<script charset="utf-8">
setTimeout(function() {
console.log("setting config");
window.ICEBOX_CONFIG = { apiRoot: "https://api.iceboxchallenge.com", contestTitle: "sydney", debug: true, contestBefore: "#guesser-sibling", tickerBefore: "#ticker-sibling" };
}, 1500);
</script>ticker module
The ticker is the sensor data from the boxes.
put ticker before this div…
latest webcam images
guesser module
The guesser is the animated form for collecting contest guesses.
put guesser before this div…