easyctf-2017/web/pages/scoreboard.html

93 lines
2.3 KiB
HTML
Raw Normal View History

2016-01-02 05:22:06 +00:00
<script type="text/javascript">
var chart = c3.generate({
data: {
x: 'x',
columns: [
['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05', '2013-01-06'],
['Team Thomas', 30, 250, 380, 500, 620, 740],
]
},
axis: {
x: {
type: 'timeseries',
tick: {
format: '%Y-%m-%d'
}
}
}
});
setTimeout(function() {
chart.load({
columns: [
['Team Charles', 100, 210, 320, 430, 540, 650]
]
});
}, 1000);
setTimeout(function() {
chart.load({
columns: [
['Team Zach', 10, 120, 230, 340, 450, 560]
]
});
}, 2000);
setTimeout(function() {
chart.load({
columns: [
['Team Michael', 0, 80, 190, 300, 410, 520]
]
});
}, 3000);
setTimeout(function() {
chart.load({
columns: [
['Team James', 0, 100, 250, 300, 450, 600]
]
});
}, 4000);
</script>
2016-01-02 06:01:34 +00:00
<div class="fade_in text-center">
2016-01-02 02:57:40 +00:00
<h1 class="heading1">Scoreboard</h1>
2016-01-02 05:22:06 +00:00
<br>
<div id="chart"></div>
<br>
2016-01-02 02:57:40 +00:00
<table class="table">
<thead>
<tr>
<th>#</th>
<th>Team Name</th>
<th>School</th>
2016-01-02 05:22:06 +00:00
<th>Points</th>
2016-01-02 02:57:40 +00:00
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
2016-01-02 05:22:06 +00:00
<td>Team Thomas</td>
<td>T. High School</td>
<td>740</td>
</tr>
<tr>
<td>2</td>
<td>Team Charles</td>
<td>C. High School</td>
<td>650</td>
</tr><tr>
<td>3</td>
<td>Team Zach</td>
<td>Z. High School</td>
<td>560</td>
</tr><tr>
<td>4</td>
<td>Team Michael</td>
<td>M. High School</td>
<td>520</td>
</tr><tr>
<td>5</td>
<td>Team James</td>
<td>J. High School</td>
<td>600</td>
2016-01-02 02:57:40 +00:00
</tr>
</tbody>
</table>
2016-01-02 06:01:34 +00:00
</div>