matteo-the-prestige/templates/index.html

86 lines
3.3 KiB
HTML
Raw Normal View History

<html lang="en-US">
<head>
<script src="//code.jquery.com/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.0.4/socket.io.js"></script>
<script src="static/loader.js"></script>
<link rel="stylesheet" href="/static/games_page.css">
<title>⚾ The Blaseball Simsim</title>
</head>
<body>
<section class="container" id="container">
<div></div>
<div class="emptyslot" id="title">
<h1>game page ahoy</h1>
</div>
<div></div>
<div class="emptyslot"></div>
<div class="game">
<div class="header">
<div class="inning">
Inning: 🔼 1/9
</div>
<div class="weather">
🌟 Supernova
</div>
</div>
<div class="body">
<div class="scores">
<div class="team">
<div class="team_name">Halifax Fire Sharks</div>
<div class="score">0</div>
</div>
<div class="team">
<div class="team_name">Dead Batteries</div>
<div class="score">1</div>
</div>
</div>
<div class="info">
<div class="field">
<img class="base2" src="/static/img/base_filled.png"/>
<div style="display: flex;">
<img class="base3" src="/static/img/base_empty.png"/>
<img class="base1" src="/static/img/base_empty.png"/>
</div>
</div>
<div class="outs">
<div class="outs_title">OUTS</div>
<div class="outs_count">
<img class="out" src="/static/img/out_out.png"/>
<img class="out" src="/static/img/out_in.png"/>
</div>
</div>
</div>
<div class="players">
<div class="player">
<div class="player_type">Pitcher:</div>
<div class="player_name">Hot Fish Summer</div>
</div>
<div class="player">
<div class="player_type">Batter:</div>
<div class="player_name">Shape Batteries</div>
</div>
</div>
<div class="update">
<div class="update_emoji">🏏</div>
<div class="update_text">Shape Batteries grounds out to Honk For Santa.</div>
</div>
</div>
<div class="footer">
<div class="batting">Dead Batteries batting</div>
</div>
</div>
<div class="emptyslot"></div>
<div class="emptyslot"></div>
<div class="emptyslot"></div>
<div class="emptyslot"></div>
<div class="emptyslot"></div>
<div class="emptyslot"></div>
<div class="emptyslot"></div>
<div class="emptyslot"></div>
<div class="emptyslot"></div>
<div class="emptyslot"></div>
</section>
</body>
</html>