]> git.sesse.net Git - ultimatescore/blob - score.html
Start working on the backend for quick lower thirds.
[ultimatescore] / score.html
1 <!DOCTYPE html>
2 <html>
3  <head>
4    <meta http-equiv="content-type" value="text/html; charset=utf-8" />
5    <meta charset="utf-8" />
6 <!--   <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> -->
7    <link href="fonts/lato.css" rel="stylesheet">
8    <link href="score.css" rel="stylesheet">
9   </head>
10   <body>
11     <div id="area"></div>
12     <div id="entire-bug">
13       <table class="scorebug">
14         <tr>
15           <td class="team1color" id="team1color"></td>
16           <td class="team1" id="team1">PCL</td>
17           <td class="score" id="score">17&nbsp;–&nbsp;11</td>
18           <td class="team2" id="team2">NMBUI</td>
19           <td class="team2color" id="team2color"></td>
20         </tr>
21       </table>
22       <table class="clockbug clockbug-hidden" id="clockbug">
23         <tr>
24           <td class="clock" id="clock">25:00</td>
25         </tr>
26       </table>
27       <table class="commentbug commentbug-hidden" id="commentbug">
28         <tr>
29           <td class="comment" id="comment">Pagacap: First to 9 points</td>
30         </tr>
31       </table>
32     </div>
33     <div class="lowerthird-headline lowerthird-headline-hidden" id="lowerthird-headline"><div class="lowerthird-headline-content lowerthird-headline-content-hidden" id="lowerthird-headline-content">
34       John Doe<br>Ola Nordmann
35     </div></div>
36     <div class="lowerthird-subheading lowerthird-subheading-hidden" id="lowerthird-subheading"><div class="lowerthird-subheading-content lowerthird-subheading-content-hidden" id="lowerthird-subheading-content">
37       Commentators, Trøndisk 2016
38     </div></div>
39     <table id="carousel">
40     </table>
41     <div id="manualcontrols">
42       <p>
43         <a href="javascript:startclock()">start clock</a>
44         <a href="javascript:stopclock()">stop clock</a>
45         <a href="javascript:setclock(25*60)">reset clock</a>
46         <a href="javascript:showclock()">show clock</a>
47         <a href="javascript:hideclock()">hide clock</a>
48       </p>
49       <p>
50         <a href="javascript:goalA()">goal team A</a>
51         <a href="javascript:goalB()">goal team B</a>
52         <a href="javascript:ungoalA()">ungoal team A</a>
53         <a href="javascript:ungoalB()">ungoal team B</a>
54         <a href="javascript:resetscore()">reset score</a>
55       </p>
56       <p>
57         <a href="javascript:showcomment()">show comment</a>
58         <a href="javascript:hidecomment()">hide comment</a>
59       </p>
60       <p>
61         <a href="javascript:showlowerthird()">show lower third</a>
62         <a href="javascript:hidelowerthird()">hide lower third</a>
63       </p>
64       <p>
65         <a href="javascript:stopcarousel();hidetable();showscorebug()">show scorebug</a>
66         <a href="javascript:stopcarousel();showgroup('Group A')">show group A</a>
67         <a href="javascript:stopcarousel();showgroup('Group B')">show group B</a>
68         <a href="javascript:stopcarousel();showschedule()">show schedule</a>
69         <a href="javascript:stopcarousel();showcarousel()">show carousel</a>
70         <a href="javascript:stopcarousel();hidetable()">table out</a>
71       </p>
72     </div>
73
74 <script src="carousel.js" type="text/javascript"></script>
75 <script src="score.js" type="text/javascript"></script>
76 <script src="quickl3.js" type="text/javascript"></script>
77   </body>
78 </html>