Creating HTML Templates

Refer to the HTML pages in the examples directory for demonstrations.

Copy this example to your pages directory and update it according to your needs.

To handle the live updates from the scoreboard engine, ensure the JS library is included in your page:

<script src="/scoreboard.js"></script>

To update an element's content with a value from the scoreboard engine simply add the attribute data-bind=widget_id to the HTML element; e.g.

<div class="score homescore">
   <span data-bind="home_score"></span>
</div>