95 lines
2.9 KiB
HTML
95 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Viewer Page</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!--<script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script>-->
|
|
<!-- If you use any external libraries, such as jQuery, you must include
|
|
them as part of your extension. Twitch does not allow extensions to link
|
|
to external libraries. -->
|
|
<!--<script src="jquery-3.3.1.min.js" type="text/javascript"></script>-->
|
|
<!--<script src="viewer.js" type="text/javascript"></script>-->
|
|
<!--<link rel="stylesheet" href="style.css">-->
|
|
|
|
<div id="playerContainer">
|
|
<div id="playerItem1" class="module">
|
|
<i class="fas fa-baseball-ball"></i>
|
|
<h1>12</h1>
|
|
<h5>Aggression Factor (AF)</h5>
|
|
</div>
|
|
|
|
<div id="playerItem2" class="module">
|
|
<i class="fas fa-baseball-ball"></i>
|
|
<h1>12%</h1>
|
|
<h5>Aggression Factor (AF)</h5>
|
|
</div>
|
|
|
|
<div id="playerItem3" class="module">
|
|
<i class="fas fa-baseball-ball"></i>
|
|
<h1>8</h1>
|
|
<h5>Aggression Factor (AF)</h5>
|
|
</div>
|
|
|
|
<div id="playerItem4" class="module">
|
|
<i class="fas fa-baseball-ball"></i>
|
|
<h1>7</h1>
|
|
<h5>Aggression Factor (AF)</h5>
|
|
</div>
|
|
|
|
<div id="playerItem5" class="module">
|
|
<i class="fas fa-baseball-ball"></i>
|
|
<h1>8</h1>
|
|
<h5>Aggression Factor (AF)</h5>
|
|
</div>
|
|
|
|
<div id="playerItem6" class="module">
|
|
<i class="fas fa-baseball-ball"></i>
|
|
<h1>22</h1>
|
|
<h5>Aggression Factor (AF)</h5>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<!-- <div class="grid">-->
|
|
|
|
<!-- <div class="module">1</div>-->
|
|
<!-- <div class="module">2</div>-->
|
|
<!-- <div class="module">3</div>-->
|
|
<!-- <div class="module">4</div>-->
|
|
<!-- <div class="module">5</div>-->
|
|
<!-- <div class="module">6</div>-->
|
|
<!-- <div class="module">7</div>-->
|
|
<!-- <div class="module">8</div>-->
|
|
<!-- <div class="module">9</div>-->
|
|
<!-- <div class="module">10</div>-->
|
|
<!-- <div class="module">11</div>-->
|
|
<!-- <div class="module">12</div>-->
|
|
<!-- <div class="module">13</div>-->
|
|
<!-- <div class="module">14</div>-->
|
|
<!-- <div class="module">15</div>-->
|
|
<!--</div>-->
|
|
|
|
<!--<h2>Hello, World!</h2>-->
|
|
<!--<p>Would you care to cycle a color?</p>-->
|
|
<!--<div>-->
|
|
<!-- <input type="button" id="cycle" disabled="disabled" value="Yes, I would" />-->
|
|
<!--</div>-->
|
|
<!--<div style="float: left; position: relative; left: 50%">-->
|
|
<!-- <div id="color" style="border-radius: 50px; transition: background-color 0.5s ease; margin-top: 30px; width: 100px; height: 100px; background-color: #6441A4; float: left; position: relative; left: -50%">-->
|
|
<!-- </div>-->
|
|
<!--</div>-->
|
|
<!--<div id="list">-->
|
|
<!--</div>-->
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|