106 lines
6.4 KiB
HTML
106 lines
6.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>{{ series.top.abbrev }} vs {{ series.bottom.abbrev }} · {{ series.round_label }}</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="theme-color" content="#0f172a">
|
|
<link rel="manifest" href="/manifest.json">
|
|
<link rel="icon" type="image/png" href="{{ static_v('icon-32x32.png') }}">
|
|
<link rel="stylesheet" type="text/css" href="{{ static_v('styles.css') }}">
|
|
{% if series.has_live %}<meta http-equiv="refresh" content="30">{% endif %}
|
|
<script defer src="https://tracking.thewrightserver.net/script.js" data-website-id="d6bd9925-cb2d-4164-9685-bfb7642c41e4"></script>
|
|
</head>
|
|
<body class="playoff-mode series-mode">
|
|
<header class="series-header">
|
|
<a class="header-title header-link" href="/">← NHL Scoreboard</a>
|
|
</header>
|
|
<main class="series-main">
|
|
<section class="series-hero">
|
|
<div class="series-hero-eyebrow">
|
|
<a class="badge badge-round badge-round-link" href="/bracket" aria-label="View the playoff bracket">{{ series.round_label|upper }}</a>
|
|
{% if series.state.is_game7 %}<span class="badge badge-game7">GAME 7</span>
|
|
{% elif series.state.is_clincher %}<span class="badge badge-clincher">CLINCHER</span>
|
|
{% elif series.state.is_pivotal %}<span class="badge badge-pivotal">PIVOTAL</span>{% endif %}
|
|
</div>
|
|
<div class="series-teams">
|
|
<div class="series-team {% if series.leader and series.leader.abbrev == series.top.abbrev %}series-team-leader{% endif %}">
|
|
{% if series.top.logo %}<img class="series-team-logo" src="{{ series.top.logo }}" alt="{{ series.top.abbrev }}">{% endif %}
|
|
<div class="series-team-name">{{ series.top.full }}</div>
|
|
<div class="series-team-meta">
|
|
{% if series.top.seed %}Seed {{ series.top.seed }}{% endif %}
|
|
{% if series.top.division %} · {{ series.top.division }}{% endif %}
|
|
</div>
|
|
<div class="series-team-wins">{{ series.top_wins }}</div>
|
|
</div>
|
|
<div class="series-team {% if series.leader and series.leader.abbrev == series.bottom.abbrev %}series-team-leader{% endif %}">
|
|
{% if series.bottom.logo %}<img class="series-team-logo" src="{{ series.bottom.logo }}" alt="{{ series.bottom.abbrev }}">{% endif %}
|
|
<div class="series-team-name">{{ series.bottom.full }}</div>
|
|
<div class="series-team-meta">
|
|
{% if series.bottom.seed %}Seed {{ series.bottom.seed }}{% endif %}
|
|
{% if series.bottom.division %} · {{ series.bottom.division }}{% endif %}
|
|
</div>
|
|
<div class="series-team-wins">{{ series.bottom_wins }}</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{% if series.next_game %}
|
|
<section class="series-next">
|
|
<h2 class="section-heading section-heading-gold">Next up · Game {{ series.next_game.game_number }}</h2>
|
|
<div class="series-next-card">
|
|
<div class="series-next-matchup">
|
|
<span class="series-next-team">{{ series.next_game.away.abbrev }}</span>
|
|
<span class="series-next-at">@</span>
|
|
<span class="series-next-team">{{ series.next_game.home.abbrev }}</span>
|
|
</div>
|
|
<div class="series-next-meta">
|
|
{% if series.next_game.start_date %}{{ series.next_game.start_date }}{% endif %}
|
|
{% if series.next_game.start_local %} · {{ series.next_game.start_local }}{% endif %}
|
|
{% if series.next_game.venue %} · {{ series.next_game.venue }}{% endif %}
|
|
{% if series.next_game.if_necessary %} · <em>if necessary</em>{% endif %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
|
|
<section class="series-history">
|
|
<h2 class="section-heading">Games</h2>
|
|
<ol class="series-games">
|
|
{% for game in series.games %}
|
|
<li class="series-game series-game-{{ game.state_group }}">
|
|
<div class="series-game-col-number">Game {{ game.game_number }}{% if game.if_necessary and game.state_group != 'completed' %}*{% endif %}</div>
|
|
<div class="series-game-col-matchup">
|
|
<div class="series-game-team">
|
|
<span class="series-game-abbrev">{{ game.away.abbrev }}</span>
|
|
<span class="series-game-score {% if game.winner_abbrev == game.away.abbrev %}series-game-winner{% endif %}">
|
|
{% if game.away.score is not none %}{{ game.away.score }}{% endif %}
|
|
</span>
|
|
</div>
|
|
<div class="series-game-team">
|
|
<span class="series-game-abbrev">{{ game.home.abbrev }}</span>
|
|
<span class="series-game-score {% if game.winner_abbrev == game.home.abbrev %}series-game-winner{% endif %}">
|
|
{% if game.home.score is not none %}{{ game.home.score }}{% endif %}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="series-game-col-state">
|
|
{% if game.live %}
|
|
<span class="badge badge-live">LIVE</span>
|
|
{% if game.period_ot_label %}<span class="badge badge-sudden-death">{{ game.period_ot_label }}</span>{% endif %}
|
|
{% elif game.state_group == 'completed' %}
|
|
<span class="series-game-state">{{ game.state_label }}{% if game.ended_in_ot %} · {{ 'OT' if not game.ended_in_multi_ot else 'Multi-OT' }}{% endif %}</span>
|
|
{% else %}
|
|
<span class="series-game-state">
|
|
{% if game.start_date %}{{ game.start_date }}{% endif %}
|
|
{% if game.start_local %} · {{ game.start_local }}{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ol>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|