53 lines
2.3 KiB
HTML
53 lines
2.3 KiB
HTML
{% macro base(number) -%}
|
|
src={% if state.bases[number] %}"/static/img/base_filled.png" alt="{{state.bases[number]}}"{% else %}"/static/img/base_empty.png"{% endif %}
|
|
{%- endmacro %}
|
|
{% macro out(number) -%}
|
|
{% if number <= state.outs %}/static/img/out_out.png{% else %}/static/img/out_in.png{% endif %}
|
|
{%- endmacro %}
|
|
<div class="header">
|
|
<div class="inning">Inning: {% if state.display_top_of_inning == true %}🔼{% else %}🔽{% endif %} {{ state.display_inning }}/{{ state.max_innings }}</div>
|
|
<div class="title">{{ state.title }}</div>
|
|
<div class="weather">{{ state.weather_emoji }} {{ state.weather_text }}</div>
|
|
</div>
|
|
<div class="body">
|
|
<div class="teams">
|
|
<div class="team">
|
|
<div class="team_name">{{ state.away_name }}</div>
|
|
<div class="score">{{ state.away_score }}</div>
|
|
</div>
|
|
<div class="team">
|
|
<div class="team_name">{{ state.home_name }}</div>
|
|
<div class="score">{{ state.home_score }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="info">
|
|
<div class="field">
|
|
<img class="base base_2" {{ base(2) }}/>
|
|
<div style="display: flex;">
|
|
<img class="base base_3" {{ base(3) }}/>
|
|
<img class="base base_1" {{ base(1) }}/>
|
|
</div>
|
|
</div>
|
|
<div class="outs">
|
|
<div class="outs_title">OUTS</div>
|
|
<div class="outs_count">
|
|
<img class="out" src="{{ out(1) }}"/>
|
|
<img class="out" src="{{ out(2) }}"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="players">
|
|
<div class="player_type">PITCHER</div>
|
|
<div class="player_name pitcher_name">{{ state.pitcher }}</div>
|
|
<div class="player_type">BATTER</div>
|
|
<div class="player_name batter_name">{{ state.batter }}</div>
|
|
</div>
|
|
<div class="update">
|
|
<div class="update_emoji">{{ state.update_emoji }}</div>
|
|
<div class="update_text">{{ state.update_text }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="batting">{% if state.display_top_of_inning == true %}{{ state.away_name }}{% else %}{{ state.home_name }}{% endif %} batting.</div>
|
|
<div class="leagueoruser">{{ state.leagueoruser }} (<a href="/game?timestamp={{ timestamp }}">share</a>)</div>
|
|
</div> |