spotboard.github.io/index.html at master · spotboard/spotboard.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html>
  <head>
    <title>Spotboard</title>
    <link href="css/normalize.css" rel="stylesheet" type="text/css">
    <link href="css/scoreboard.css" rel="stylesheet" type="text/css">
    <link href="css/jquery.badger.css" rel="stylesheet" type="text/css">
    <link href="css/balloon.min.css" rel="stylesheet" type="text/css">

    <meta http-equiv="Content-Language" content="ko, en">

    <script type="text/javascript" src="js/lib/require.js"></script>
    <script type="text/javascript" src="./config.js"></script>
    <script type="text/javascript" src="js/require-config.js"></script>
    <script type="text/javascript">
    // production only settings (minified)
    if(config.environment !== 'develop') {
      require.config({
        paths: { "app" : "spotboard-all.min" }
      });
    }
    require(['app']);
    </script>

  </head>
  <body><div id="wrapper">

    <div id="header">
      <span id="time-elapsed">xx:xx</span>
      <span id="clock-icon" class="icon"></span>
      <span id="events-icon"    class="icon hoverable" data-balloon="Show/Hide Events Timeline" data-balloon-pos="down"></span>
      <span id="feed-all-icon"  class="icon hoverable" data-balloon="Update All Runs" data-balloon-pos="down"></span>
      <span id="feed-one-icon"  class="icon hoverable" data-balloon="Update Single Run" data-balloon-pos="down"></span>
      <span id="feed-auto-icon" class="icon hoverable playing" data-balloon="Automatically Update" data-balloon-pos="down"></span>
      <span id="update-icon"    class="icon hoverable" data-balloon="Feed New Run" data-balloon-pos="down"></span>
      <span id="notify-icon"    class="icon hoverable" data-balloon="Toggle Desktop Notification" data-balloon-pos="down"></span>
      <input type="text" id="search-input"></input>
      <div id="page-nav">
        <div id="page-label">Page <span class="current-page">1</span> of <span class="max-page">?</span></div>
        <div>
          <span id="page-left"  class="disabled">&lt;&lt;</span>
          <span id="page-right" class="disabled">&gt;&gt;</span>
        </div>
      </div>

      <h1 id="contest-title">Spotboard</h1>
      <div class="clear"> </div><!-- overflow: auto trick doesn't work here-->
    </div>

    <!-- Team List -->
    <div id="body">
      <div id="team-list">

        <script id="team-handlebar-template" type="text/x-handlebar-template">
<div id="team-{{id}}" class="team solved-{{solved}}">
  <span class="solved-count"></span>
  <span class="team-rank suffix-{{ordinalSuffix rank}}">{{rank}}</span>
  <span class="team-penalty">{{penalty}}</span>
  <div class="results">
{{#each problems}}
    <span class="problem-result problem-{{this.id}}" data-problem-id="{{this.id}}" data-team-id="{{../id}}">
      <b class="problem-result-text"></b>
    </span>
{{/each}}
  </div>
  <div class="balloons"></div>
  <div class="team-title">
    <span class="team-name">{{name}}</span>
    <span class="team-represents">{{group}}</span>
  </div>
  <div class="clear"></div>
</div>
        </script>

        <div id="loading-message" class="center">
        Loading... Please Wait
        </div>
      </div>

      <!-- Footer -->
      <div id="credits">
        <span>
          <a href="https://github.com/spotboard/spotboard" target="_blank"><strong>Spotboard</strong></a>
          v0.6.0 from
          <a href="http://www.algospot.com/" target="_blank">algospot.com</a>,
          <a href="https://github.com/wookayin" target="_blank"><strong>wookayin</strong></a>
          and
          <a href="https://github.com/beingryu" target="_blank"><strong>Being</strong></a>
        </span>
        <span id="system-information">CSUS Programming Contest System</span>
        <span>Icons from <a href="http://www.fatcow.com/free-icons" target="_blank">FatCow</a></span>
      </div>

      <!-- Dashboard -->
      <div id="dashboard">
        <h2>
          Recent events ::
          <a id="events-filter"></a>
        </h2>
        <ul class="runs">
        </ul>
      </div>
      <div class="clear"></div>
    </div>
  </div></body>
</html>