rower-website
Version:
A web server which access the PM5 rowing machine over usb and displays the wattage value.
39 lines (37 loc) • 1.23 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>Countdown Timer</title>
<link rel="stylesheet" type="text/css" href="/css/styles.css">
</head>
<body>
<div class="container">
<div class="column left-column">
<h1 id="countdown">Ready?</h1>
<h1 id="tenthsCountdown"></h1>
<h1 id="wattage">Wattage: 0W</h1>
<h1 id="max">Peak: 0W</h1>
<h1 id="average">Average: 0W</h1>
</div>
<div class="column center-column">
<div class="chart-container">
<div class="bar" id="current-bar"></div>
<div class="bar" id="average-bar"></div>
<div class="bar" id="peak-bar"></div>
</div>
</div>
<div class="column right-column">
<h2>Leaderboard</h2>
<ol>
<li>Player 1 - Score 100</li>
<li>Player 2 - Score 90</li>
<li>Player 3 - Score 80</li>
</ol>
</div>
</div>
<script src="/socket.io/socket.io.js"></script>
<script src="/js/bar.js"></script>
<script src="/js/app.js"></script>
</body>
</html>