josh/NHL-Scoreboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Goddard
2024-02-18 01:54:33 -05:00
commit 2fe91bd826
8 changed files with 727 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
templates/index.html Normal file
View File

@@ -0,0 +1,139 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>NHL Scoreboard</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="static\styles.css">
<script>
// Function to reload the page every 20 seconds
function autoRefresh() {
setTimeout(function() {
location.reload();
}, 5000); // 20 seconds
}
// Call the autoRefresh function when the page loads
window.onload = autoRefresh;
</script>
</head>
<body>
{% if live_games_exist %}
<h1>Live Games</h1>
<div class="live-games-section">
{% for game in games if game['Game State'] == 'LIVE' %}
<div class="game-box">
{% if game['Time Running'] %}
<div class="live-dot"></div> <!-- Display the red dot if the game is live -->
{% endif %}
<div class="team-info">
<img src="{{ game['Away Logo'] }}" alt="{{ game['Away Team'] }} Logo" class="team-logo">
<div class="team-info-column">
<span class="team-name">{{ game['Away Team'] }}</span>
<span class="team-sog">SOG: {{ game['Away Shots'] }}</span>
<span class="team-power-play">{{ game['Away Power Play'] }}</span>
</div>
<span class="team-score">{{ game['Away Score'] }}</span>
</div>
<div class="team-info">
<img src="{{ game['Home Logo'] }}" alt="{{ game['Home Team'] }} Logo" class="team-logo">
<div class="team-info-column">
<span class="team-name">{{ game['Home Team'] }}</span>
<span class="team-sog">SOG: {{ game['Home Shots'] }}</span>
<span class="team-power-play">{{ game['Home Power Play'] }}</span>
</div>
<span class="team-score">{{ game['Home Score'] }}</span>
</div>
<div class="game-info">
{% if game['Intermission'] %}
<div class="live-state-intermission">
{% if game['Period'] == 1 %}
1st Int
{% elif game['Period'] == 2 %}
2nd Int
{% elif game['Period'] == 3 %}
3rd Int
{% endif %}
</div>
<div class="live-time-intermission">{{ game['Time Remaining'] }}</div>
{% else %}
<div class="live-state">
{% if game['Period'] == 1 %}
1st
{% elif game['Period'] == 2 %}
2nd
{% elif game['Period'] == 3 %}
3rd
{% else %}
OT
{% endif %}
</div>
<div class="live-time">{{ game['Time Remaining'] }}</div>
{% endif %}
<!-- Display time remaining in time box -->
</div>
<div class="game-info">
<strong>Game Score:</strong> {{ game['Priority'] }}
</div>
</div>
{% endfor %}
</div>
{% endif %}
{% if pre_games_exist %}
<h1>On Later</h1>
<div class="pre-games-section">
{% for game in games if game['Game State'] == 'PRE' %}
<div class="game-box">
<div class="pre-state">{{ game['Start Time'] }}</div>
<div class="team-info">
<img src="{{ game['Away Logo'] }}" alt="{{ game['Away Team'] }} Logo" class="team-logo">
<span class="team-name">{{ game['Away Team'] }}</span>
<span class="team-record">{{ game['Away Record'] }}</span>
</div>
<div class="team-info">
<img src="{{ game['Home Logo'] }}" alt="{{ game['Home Team'] }} Logo" class="team-logo">
<span class="team-name">{{ game['Home Team'] }}</span>
<span class="team-record">{{ game['Home Record'] }}</span>
</div>
</div>
{% endfor %}
</div>
{% endif %}
{% if final_games_exist %}
<h1>Game Over</h1>
<div class="final-games-section">
{% for game in games if game['Game State'] == 'FINAL' %}
<div class="game-box">
<div class="final-state">
{% if game['Last Period Type'] == 'REG' %}
FINAL
{% elif game['Last Period Type'] == 'OT' %}
FINAL/OT
{% else %}
FINAL/SO
{% endif %}
</div>
<div class="team-info">
<img src="{{ game['Away Logo'] }}" alt="{{ game['Away Team'] }} Logo" class="team-logo">
<div class="team-info-column">
<span class="team-name">{{ game['Away Team'] }}</span>
<span class="team-sog">SOG: {{ game['Away Shots'] }}</span>
</div>
<span class="team-score">{{ game['Away Score'] }}</span>
</div>
<div class="team-info">
<img src="{{ game['Home Logo'] }}" alt="{{ game['Home Team'] }} Logo" class="team-logo">
<div class="team-info-column">
<span class="team-name">{{ game['Home Team'] }}</span>
<span class="team-sog">SOG: {{ game['Home Shots'] }}</span>
</div>
<span class="team-score">{{ game['Home Score'] }}</span>
</div>
</div>
{% endfor %}
</div>
{% endif %}
</body>
</html>