├── codesnippets ├── style.html ├── background.css ├── blinkUpdate.js ├── score_table.html ├── updateElement.js ├── dummy_data.py ├── index.html └── topnav.html ├── README.md ├── src ├── main.py └── templates │ ├── index.html │ └── includes │ └── matches.html ├── .gitignore └── .idea └── workspace.xml /codesnippets/style.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /codesnippets/background.css: -------------------------------------------------------------------------------- 1 | background-image: url("https://res.cloudinary.com/jimshapedcoding/image/upload/v1628867094/Basketball_Sport_200179_gkllno.png"); 2 | background-size: 95%; 3 | background-position: center; 4 | background-repeat: no-repeat; -------------------------------------------------------------------------------- /codesnippets/blinkUpdate.js: -------------------------------------------------------------------------------- 1 | function blinkUpdate(element, newValue, newColor='#00ff00') { 2 | previousColor = element.style.color; 3 | element.innerHTML = newValue; 4 | element.style.color = newColor; 5 | // Set back to original color after timeout ms 6 | setTimeout(() => { 7 | element.style.color = previousColor 8 | }, 2000) 9 | } 10 | -------------------------------------------------------------------------------- /codesnippets/score_table.html: -------------------------------------------------------------------------------- 1 |
| ID | 5 |Starting Time | 6 |Team A | 7 |Score | 8 |Team B | 9 |Minute | 10 |
|---|
| ID | 5 |Starting Time | 6 |Team A | 7 |Score | 8 |Team B | 9 |Minute | 10 |
|---|---|---|---|---|---|
| {{ match.id }} | 16 |{{ match.starting_time }} | 17 |{{ match.team_a }} | 18 |{{ match.score }} | 19 |{{ match.team_b }} | 20 |{{ match.minute }} | 21 |