#sgdq15-layouts This is a NodeCG bundle. You will need to have NodeCG installed to run it.

These are all the on-stream graphics used during Summer Games Done Quick 2015.

Installation

• Install to nodecg/bundles/sgdq15-layouts

Usage

This bundle is not intended to be used verbatim. Many of the assets have been replaced with placeholders, and most of the data sources are hardcoded. We are open-sourcing this bundle in hopes that people will use it as a learning tool and base to build from, rather than just taking and using it wholesale in their own productions.

To reiterate, please don't just download and use this bundle as-is. Build something new from it.

Development

sgdq15-layouts has a grunt build process for the Less files used by the dashboard panels (dashboard/src/**/*.less). These are the only files that must be re-built after any changes are made to them. No other files in sgdq15-layouts require a build process.

To run grunt in the sgdq15-layouts folder, run the following commands from it:

$ npm install
$ grunt watch

Now, any changes made to the dashboard Less files will trigger an automatic rebuild.

Timer REST API

To integrate with the footpedal that @TestRunnerSRL built for the runners to start and stop the timer themselves, we created a questionable REST API. Ideally this would have been done directly through a serial or USB port, but there was no time. This REST API is completely unsecured and anyone will be able to manipulate the timers. As such, it is not safe to run on the public internet. Only activate the REST API on a secure local network.

To activate the Timer REST API, create nodecg/cfg/sgdq15-layouts.json with the following content:

{
    "enableRestApi": true
}

GET /sgdq15-layouts/stopwatches

Returns a JSON array containing all 4 stopwatches.

PUT /sgdq15-layouts/stopwatch/:index/start

Starts (or resumes, if paused/finished) one of the four stopwatches. Index is zero-based. If index is 'all', starts all stopwatches. Responds with the current status of the affected stopwatch(es).

PUT /sgdq15-layouts/stopwatch/:index/pause

Pauses one of the four stopwatches. Index is zero-based. If index is 'all', pauses all stopwatches. Paused stopwatches have a gray background in the layouts. Responds with the current status of the affected stopwatch(es).

PUT /sgdq15-layouts/stopwatch/:index/finish

Finishes one of the four stopwatches. Index is zero-based. If index is 'all', finishes all stopwatches. Finished stopwatches have a green background in the layouts. Responds with the current status of the affected stopwatch(es).

PUT /sgdq15-layouts/stopwatch/:index/reset

Resets one of the four stopwatches to 00:00:00 and stops it. Index is zero-based. If index is 'all', resets all stopwatches. Responds with the current status of the affected stopwatch(es).

PUT /sgdq15-layouts/stopwatch/:index/startfinish

If the stopwatch is not running, this starts it. If the stopwatch is running, this sets it to "finished". Index is zero-based. If index is 'all', resets all stopwatches. Responds with the current status of the affected stopwatch(es).

Fonts

sgdq15-layouts relies on the following TypeKit fonts and weights:

• Tablet Gothic
• Light
• SemiBold
• Bold
• Tablet Gothic Condensed
• Bold
• Tablet Gothic Narrow
• SemiBold Oblique
• Bold
• Tablet Gothic Wide
• Bold
• Tablet Gothic Semi Condensed
• SemiBold Oblique

If you wish to access agdq15-layouts from anything other than localhost, you will need to make your own TypeKit with these fonts and whitelist the appropriate addresses.

License

sgdq15-layouts is provided under the Apache v2 license, which is available to read in the [LICENSE][] file. [license]: LICENSE

Credits

Developed by Support Class

• Alex "Lange" Van Camp, developer
• Matt McNamara, developer
• Chris Hanel, designer