git.sesse.net Git - ultimatescore/blob - 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     <table class="scorebug">
  13       <tr>
  14         <td class="team1color" id="team1color"></td>
  15         <td class="team1" id="team1">PCL</td>
  16         <td class="score" id="score">17&nbsp;–&nbsp;11</td>
  17         <td class="team2" id="team2">NMBUI</td>
  18         <td class="team2color" id="team2color"></td>
  19       </tr>
  20     </table>
  21     <table class="clockbug clockbug-hidden" id="clockbug">
  22       <tr>
  23         <td class="clock" id="clock">25:00</td>
  24       </tr>
  25     </table>
  26     <table class="commentbug commentbug-hidden" id="commentbug">
  27       <tr>
  28         <td class="comment" id="comment">Pagacap: First to 9 points</td>
  29       </tr>
  30     </table>
  31     <div class="lowerthird-headline lowerthird-headline-hidden" id="lowerthird-headline"><div class="lowerthird-headline-content lowerthird-headline-content-hidden" id="lowerthird-headline-content">
  32       John Doe<br>Ola Nordmann
  33     </div></div>
  34     <div class="lowerthird-subheading lowerthird-subheading-hidden" id="lowerthird-subheading"><div class="lowerthird-subheading-content lowerthird-subheading-content-hidden" id="lowerthird-subheading-content">
  35       Commentators, Trøndisk 2016
  36     </div></div>
  37     <table id="carousel">
  38     </table>
  39     <div id="manualcontrols">
  40       <p>
  41         <a href="javascript:startclock()">start clock</a>
  42         <a href="javascript:stopclock()">stop clock</a>
  43         <a href="javascript:setclock(25*60)">reset clock</a>
  44         <a href="javascript:showclock()">show clock</a>
  45         <a href="javascript:hideclock()">hide clock</a>
  46       </p>
  47       <p>
  48         <a href="javascript:goalA()">goal team A</a>
  49         <a href="javascript:goalB()">goal team B</a>
  50         <a href="javascript:ungoalA()">ungoal team A</a>
  51         <a href="javascript:ungoalB()">ungoal team B</a>
  52         <a href="javascript:resetscore()">reset score</a>
  53       </p>
  54       <p>
  55         <a href="javascript:showcomment()">show comment</a>
  56         <a href="javascript:hidecomment()">hide comment</a>
  57       </p>
  58       <p>
  59         <a href="javascript:showlowerthird()">show lower third</a>
  60         <a href="javascript:hidelowerthird()">hide lower third</a>
  61       </p>
  62     </div>
  63
  64 <script src="carousel.js" type="text/javascript"></script>
  65 <script src="score.js" type="text/javascript"></script>
  66   </body>
  67 </html>