-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
104 lines (87 loc) · 3.79 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<meta name="google-site-verification" content="eJGaF41-oPjarkOKlBVFGOWg9-UdO_YCTfx5i8GdAJU" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="index.css">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@Inazuma_110" />
<meta property="og:url" content="https://inazuma110.github.io/atcoder_language_visualizer/" />
<meta property="og:title" content="AtCoder Language Visualizer" />
<meta property="og:description" content="Visualize the rate of language in the program submitted to AtCoder" />
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="https://unpkg.com/[email protected]/dist/vue-slide-up-down.umd.js"></script>
<title>AtCoder Language Visualizer</title>
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>AtCoder Language Visualizer</h1>
<hr>
提出されたプログラムの言語の割合を可視化するサイトです．
毎週木曜日に，データが自動で更新されます．
<br>
ソースコードは
<a href="https://github.com/Inazuma110/atcoder_language_visualizer" target="_blank">
こちら
</a>
です．IssueやPRお待ちしてます．
<div class="alert alert-warning" role="alert">
<strong>アナウンス：</strong>現在，サーバーの設置箇所近辺で停電が不定期的に起こっているので，自動更新が一時的に止まる可能性があります．
</div>
</div>
<canvas id="myChart"></canvas>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<div id="app">
</div>
<div id="list">
Fuzzy Search
<div class="input-group">
<input type="text" class="form-control" placeholder="Problem or Contest" aria-label="" aria-describedby="basic-addon1" v-model=query>
<div class="input-group-append">
<button class="btn btn-success" type="button" @click="search">Search</button>
</div>
</div>
<div class="display-option">
<input type="checkbox" id="list" v-model="is_only_contest" @change="get_langs()">
<label for="checkbox">
Only submissions in contest.
</label>
<br>
<button type="button" class="btn btn-primary" @click="render">Display</button>
</div>
<table class="table">
<thead>
<tr>
<th>Radio box</th>
<th>Contest</th>
<th>Title</th>
</tr>
</thead>
<tbody v-for="(prob, idx) in filtered_list">
<tr>
<td>
<input type="radio" :value="prob.item" v-model="selected_prob" @change="get_langs()">
</td>
<td> {{ prob.item['contest_id'] }} </td>
<td> {{ prob.item['title'] }} </td>
</tr>
</tbody>
</table>
</div>
<hr>
<div text-align="right">
<p style="text-align:center">© 2020
<a href="https://github.com/Inazuma110" target="_blank">
Inazuma110
</a>
</p>
</div>
<script src="index.js"></script>
<script src="https://unpkg.com/chartjs-plugin-colorschemes"></script>
</body>
</html>