Here you'll find templates for animated layouts using TournamentStreamHelper's output.
In /include/ you'll find globals.js which contain general functions used in most template layouts. You'll also find some of the libraries used: gsap and jquery.
Testing and debugging locally with Chrome:
- Add the flag
--allow-file-access-from-fileswhen launching Chrome- On Windows, you can either
"C:\PathTo\chrome.exe" --allow-file-access-from-filesor open the PowerShell and typeStart-Process "chrome.exe" "--allow-file-access-from-files"
- On Windows, you can either
- Then, you can open a layout
htmlfile in Chrome, press F12 for developer tools - Enable Device toolbar and set the screen size to 1920x1080 With this, you'll have access to the console logs (and errors) and to quickly edit css rules for easier development
Link to the main program: https://github.com/joaorb64/TournamentStreamHelper