-
Notifications
You must be signed in to change notification settings - Fork 0
/
contests.html
142 lines (118 loc) · 4.54 KB
/
contests.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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>比赛列表</title>
<!-- MDB icon -->
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />
<!-- Font Awesome -->
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.15.2/css/all.css"
/>
<!-- Google Fonts Roboto -->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
/>
<!-- Dark MDB theme -->
<script type="text/javascript">
function setStyle(title) {
//预定义变量
var i, links;
//用DOM方法获得所有的link元素
links = document.getElementsByTagName("link");
for(i=0; links[i]; i++) {
//判断此link元素的rel属性中是否有style关键字
//即此link元素是否为样式表link
//同时判断此link元素是否含有title属性
if(links[i].getAttribute("rel").indexOf("style") != -1
&& links[i].getAttribute("title")) {
//先不管三七二十一把它设为disabled
links[i].disabled = true;
//再判断它的title中是否有我们指定的关键字
if(links[i].getAttribute("title").indexOf(title) != -1)
//如果有则将其激活
links[i].disabled = false;
}
}
}
</script>
<link rel="stylesheet" type="text/css"
title="主题A" href="css/mdb.min.css" />
<link rel="alternate stylesheet" type="text/css"
title="主题B" href="css/mdb.dark.min.css" />
<!-- Regular MDB theme -->
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<script type="text/javascript">
function changeStyle(t) {
$('link[title]').each(function() {
this.disabled = true;
this.disabled = this.title != t;
});
return false;
}
</script>
<header>
<!-- Intro settings -->
<style>
#intro {
/* Margin to fix overlapping fixed navbar */
margin-top: 58px;
}
@media (max-width: 991px) {
#intro {
/* Margin to fix overlapping fixed navbar */
margin-top: 45px;
}
}
</style>
<script type="text/javascript" src="head.js"></script>
<!-- Navbar -->
<br>
<br>
<!-- Start your project here-->
<!-- Section: Components -->
<div id="intro" class="p-5 text-center bg-grey">
<h2><strong>比赛列表</strong></h2>
</div>
</header>
<main class="my-5">
<div class="container">
<table class="table table-striped">
<thead>
<tr>
<th scope="col">比赛编号</th>
<th scope="col">比赛名称</th>
<th scope="col">类型</th>
<th scope="col">举办者</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td><a href="contest/1/1.html">[PXOI #2] PXOI Romania</td>
<td><span class="badge bg-warning">IOI</span>
<span class="badge bg-danger">官方比赛</span></td>
<td><a href="https://www.luogu.com.cn/team/36765">PXOI</a></td>
</tr>
</tbody>
</table>
</div>
</main>
<script type="text/javascript" src="bottom.js"></script>
<!-- End your project here-->
<!-- MDB -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- Custom scripts -->
<script type="text/javascript">
</script>
</body>
</html>