140 lines
5.6 KiB
HTML
140 lines
5.6 KiB
HTML
<!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>
|