81fcc4606f
Closes #88 - Add 5 @font-face declarations with base64-encoded WOFF2 data to style.html (Open Sans 300/400/700, Source Sans 3 400/700) - Remove three Google Fonts CDN <link> tags from player_card.html - Source WOFF2 files already present in storage/fonts/ Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
62 lines
3.4 KiB
HTML
62 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
{% include 'style.html' %}
|
|
</head>
|
|
<body>
|
|
<div id="fullCard" style="width: 1200px; height: 600px;">
|
|
<div id="header" class="row-wrapper header-text border-bot" style="height: 65px">
|
|
<!-- <div id="headerLeft" style="flex-grow: 3; height: auto">-->
|
|
<div id="headerLeft" style="width: 477px; height: auto">
|
|
<div class="row-wrapper" style="height: 100%">
|
|
<div style="width: 29px; height: auto; font-size: 30px; margin-left: 6px">
|
|
<b>{{ hand }}</b>
|
|
</div>
|
|
<div class="vline"></div>
|
|
<div class="header-text" style="padding-left: 5px; width: 462px">
|
|
<div style="height: 50%; font-variant: small-caps; font-size: 27px"><b>{{ player.p_name }}</b></div>
|
|
<div style="height: 50%; padding-left: 18px; margin-top: {{ position_margin }}px; font-size: {{ position_font }}px;">{{ position_string }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="headerMiddle" style="width: 246px; height: auto; ">
|
|
<img src="data:image/png;base64,{{ rarity_file|safe }}" class="center" style="height: {% if player.rarity.name == 'Hall of Fame' %}62.{% else %}6{% endif %}5px; width: auto;"/>
|
|
</div>
|
|
{% if card_type == 'batter' %}
|
|
{% include 'topright_batter.html' %}
|
|
{% else %}
|
|
{% include 'topright_pitcher.html' %}
|
|
{% endif %}
|
|
</div>
|
|
<div id="allResults" class="result">
|
|
<div id="resultHeader" class="row-wrapper border-bot" style="height: 30px">
|
|
<div class="row-wrapper border-right-thick" style="width: 600px; ">
|
|
<div id="leftResultHeaderOne" class="column-num border-right-thin blue-gradient" style="width: 200px">
|
|
<b>{{ 1 if card_type == 'batter' else 4 }}</b>
|
|
</div>
|
|
<div id="leftResultHeaderTwo" class="column-num border-right-thin blue-gradient" style="width: 200px">
|
|
<b>{{ 2 if card_type == 'batter' else 5 }}</b>
|
|
</div>
|
|
<div id="leftResultHeaderThree" class="column-num blue-gradient" style="width: 200px">
|
|
<b>{{ 3 if card_type == 'batter' else 6 }}</b>
|
|
</div>
|
|
</div>
|
|
<div class="row-wrapper" style="width: 600px; ">
|
|
<div id="rightResultHeaderOne" class="column-num border-right-thin red-gradient" style="width: 200px">
|
|
<b>{{ 1 if card_type == 'batter' else 4 }}</b>
|
|
</div>
|
|
<div id="rightResultHeaderTwo" class="column-num border-right-thin red-gradient" style="width: 200px">
|
|
<b>{{ 2 if card_type == 'batter' else 5 }}</b>
|
|
</div>
|
|
<div id="rightResultHeaderThree" class="column-num red-gradient" style="width: 200px">
|
|
<b>{{ 3 if card_type == 'batter' else 6 }}</b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="resultWrapper" class="row-wrapper" style="height: 505px">
|
|
{% include 'result_columns.html' %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |