-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathrules.html
More file actions
239 lines (224 loc) · 7.11 KB
/
rules.html
File metadata and controls
239 lines (224 loc) · 7.11 KB
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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Rules and Regulations</title>
<link rel="icon" href="assets/favicon.png" type="image/png" />
<link href="https://fonts.googleapis.com/css?family=Bevan|Source+Sans+Pro:bold" rel="stylesheet" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- Scroll Top Control https://codepen.io/Askwithloud/pen/yNRPWB -->
<link href="css/scrolltopcontrol.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="assets/logo_hover.js"></script>
<!-- Accordion https://www.w3schools.com/howto/howto_js_accordion.asp <Script at bottom> -->
<style>
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
background-color: #303030;
color: white;
cursor: url(assets/cursor_click.png), auto;
padding: 15px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.5s;
}
.accordion:after {
content: '\02795'; /* Unicode character for "plus" sign (+) */
font-size: 13px;
color: #777;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
background-color: #404040;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
padding: 0 18px;
background-color: #252525;
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-out;
}
</style>
</head>
<body>
<table class="menubar">
<tr>
<td id="title">
<a id="sounddiv" href="index.html">
<img onmouseover="playclip();" src="assets/logo.png" alt="logo" width="100px"/>
</a>
<audio><source src="assets/ggez.mp3" /></audio>
<a id="logo" href="index.html">APU EXTREME ESPORTS CLUB</a>
</td>
<td id="navmenubar">
<ul>
<li><a href="index.html">HOME</a></li>
<li class="divider">|</li>
<li><a href="events.html">EVENTS</a></li>
<li class="divider">|</li>
<li><a href="tutorials.html">GAMING TUTORIALS</a></li>
<li class="divider">|</li>
<li><a href="about.html">ABOUT</a></li>
<li class="divider">|</li>
<li><a href="register.html">REGISTER</a></li>
</ul>
</td>
</tr>
</table>
<table class="thumbnail" cellspacing="0px">
<tr>
<td><img id="img1" src="assets/rules.jpeg" alt="" style="object-position:0px -130px"/></td>
</tr>
</table>
<table cellspacing="10px" width="100%">
<tr>
<td class="content" width="80%">
<div id="content">
<h1 class="h1">Rules and Regulations</h1>
Our club have generally more lenient rules than the OG Esports Club. Although some rules are meant to be broken, <strong>these aren’t</strong>. To ensure you not getting kick out of the club or <a class="hyperlink" href="https://support.steampowered.com/kb/7849-RADZ-6869/" target="_blank">VAC banned</a>, please abide to the following rules.
<br/><br/>
<button class="accordion"><h2 class="h2" style="line-height: 0px">General</h2></button>
<div class="panel">
<ol>
<li>Please wear proper attire during our meeting. Follow the <a class="hyperlink" href="attire.html">guidelines</a> here.</li>
<li>Show your enthusiasm.</li>
<li>Practice team work.</li>
</ol>
</div>
<button class="accordion"><h2 class="h2" style="line-height: 0px">Gaming</h2></button>
<div class="panel">
<ol>
<li>No feeding.</li>
<li>No friendly fire.</li>
<li>No cheating.</li>
<li>You may use offensive language during game matches to express your frustration, however, do not openly insult another player’s:
<ul>
<li>gender</li>
<li>identity</li>
<li>physical ability</li>
<li>origin</li>
<li>religion</li>
<li>sexual orientation</li>
</ul>
</li>
<li>Have a stable connection before joining matches.</li>
</ol>
</div>
<button class="accordion"><h2 class="h2" style="line-height: 0px">Club-Specific</h2></button>
<div class="panel">
<ol>
<li>Camp near the spawn site to own respawns.</li>
<li>Must teabag on your opponents to show who's the boss. This can be achieved by repeatedly crouching over the opponents.</li>
<li>Always jump at military base.</li>
<li>Blame lag when you lose.</li>
<li>Blame the opponents for hacking when team lose.</li>
</ol>
</div>
</div>
</td>
<td class="submenu" width="20%">
<div id="submenu">
<a class="twitter-timeline" data-lang="en" data-height="1000" data-theme="dark" href="https://twitter.com/ESPN_Esports?ref_src=twsrc%5Etfw">Tweets by ESPN_Esports</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<br/>
</div>
</td>
</tr>
</table>
<table class="footer">
<tr>
<td width="10%">
</td>
<td width="20%">
<a href="index.html" style="font-family: Impact; font-size: 28px;">
<img onmouseover="playclip();" src="assets/logo.png" alt="logo" width="200px" style="vertical-align: middle;"/>
<br/>
</a>
</td>
<td width="15%">
<a href="index.html">
Home
</a><br/>
<a href="about.html">
About Us
</a><br/>
<a href="events.html">
Events
</a><br/>
<a href="news.html">
News and Media
</a><br/>
<a href="">
<br/>
</a>
</td>
<td width="15%">
<a href="meetings.html">
Club Meetings
</a><br/>
<a href="rules.html">
Rules and Regulations
</a><br/>
<a href="attire.html">
Attire/Equipment
</a><br/>
<a href="members.html">
Member List
</a><br/>
<a href="tutorials.html">
Gaming Tutorials
</a>
</td>
<td width="15%">
<a href="register.html">
Register
</a><br/>
<a href="feedback.html">
Enquire/Feedback
</a><br/>
<a href="https://www.facebook.com/apuesportsclub/">
Join us in Facebook
</a><br/>
<a href="">
<br/>
</a>
<a href="">
<br/>
</a>
</td>
<td width="25%">
</td>
</tr>
<tr>
<td id="footer" colspan="6">
© 2019 FetchOrbis: Cheng Wei Lun, Mun Chee Wah, Woo E-Than, Yap Chee Sing. All Rights Reserved.
</td>
</tr>
</table>
<a href="javascript:void(0);" id="rocketmeluncur" class="showrocket" ><i></i></a>
<script type="text/javascript" src="assets/scrolltopcontrol.js"></script>
<!-- Accordion Script https://www.w3schools.com/howto/howto_js_accordion.asp -->
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight){
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
</script>
</body>
</html>