This repository has been archived by the owner on May 4, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathroles.html
139 lines (127 loc) · 6.32 KB
/
roles.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grandayy's Discord Rules</title>
<link rel="stylesheet" href="/styles.css">
<link rel="icon" href="/favicon.png">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<style>
@keyframes flash {
0%, 15% {
background-color: #23272A;
}
100% {
background-color: transparent;
}
}
.anchored{
font-weight: bolder;
animation-iteration-count: 1;
animation-duration: 2s;
animation-name: flash;
}
.roles {
padding: 10px;
text-align: center;
padding: 5px;
font-size: 1.5em;
width: 100%;
}
table {
width: 100%;
}
a {
color: inherit;
text-decoration: none;
}
a:hover, a:focus {
color: skyblue;
text-decoration: none;
}
</style>
</head>
<body id="body">
<div id="header"></div>
<div id="headerspacer" class="desktop"> </div>
<div id="headerspacer" class="mobile"> </div>
<script>$("#header").load('/header.html');</script>
<h1>Roles</h1>
<div class="alert">
<span class="closebtn">×</span>
This website is startin to get out of date. We will soon change this website to a nicer one. <a class="a" draggable="false" href="https://github.com/grandayy/grandayy.github.io/tree/dev">Click here</a> to see the current progress.
</div>
<div class="roles">
<h2>Ranks</h2>
<div class="BigBen" id="BigBen"><a href="#BigBen">Big Ben</a> - 60 on mee6</div>
<div class="LAMBSAUCEEEE" id="LAMBSAUCEEEE"><a href="#LAMBSAUCEEEE">LAMB SAUCEEEE</a> - 50 on mee6</div>
<div class="covfefe" id="covfefe"><a href="#covfefe">covfefe</a> - 40 on mee6</div>
<div class="Vsauce" id="Vsauce"><a href="#Vsauce">Vsauce</a> - 30 on mee6</div>
<div class="BananaPeel" id="BananaPeel"><a href="#BananaPeel">Banana peel</a> - 20 on mee6</div>
<div class="Pirate" id="Pirate"><a href="#Pirate">Pirate</a> - 10 on mee6</div>
<h2>Staff</h2>
<div class="MasterOfDisguise" id="MasterOfDisguise"><a href="#MasterOfDisguise">Master Of Disguise</a> - Grandayy</div>
<div class="ServerManager" id="ServerManager"><a href="#ServerManager">Server Manager</a> - Super Admin</div>
<div class="Villain" id="Villain"><a href="#Villain">Villain</a> - Administrator</div>
<div class="ContentInspector" id="ContentInspector"><a href="#ContentInspector">Content Inspector</a> - Moderator which can vote</div>
<div class="ContentCop" id="ContentCop"><a href="#ContentCop">Content Cop</a> - Moderator</div>
<h2>Contributors</h2>
<div class="Stingy" id="Stingy"><a href="#Stingy">Stingy</a> - Donates $20+ on <a href="https://www.patreon.com/grandayy">Patreon</a></div>
<div class="Superhero" id="Superhero"><a href="#Superhero">Superhero</a> - Donates $10+ on <a href="https://www.patreon.com/grandayy">Patreon</a></div>
<div class="MasterNETective" id="MasterNETective"><a href="#MasterNETective">Master NETective</a> - Detective d00t</div>
<div class="AllStar" id="AllStar"><a href="#AllStar">All Star</a> - Hosts Memewars or contributed in another way</div>
<div class="First" id="First"><a href="#First">Daddy Mid (first)</a> - Daddy Mid</div>
<h2>Other</h2>
<div class="History" id="History"><a href="#History">History</a> - 10000+ Following on a social platform<a href="#*" style="color: red">*</a></div>
<div class="TheLegend27" id="TheLegend27"><a href="#TheLegend27">The Legend 27</a> - Someone who did something special</div>
<div class="ContestWinner" id="ContestWinner"><a href="#ContestWinner">Contest Winner</a> - Someone who won a contest</div>
<div class="OverwatchChampion" id="OverwatchChampion"><a href="#OverwatchChampion">Overwatch Champion</a> - Won the Overwatch wars/games</div>
<div class="MemeWarChampion" id="MemeWarChampion"><a href="#MemeWarChampion">Meme War Champion</a> - Won the memewars</div>
<div class="EarlyMemer" id="EarlyMemer"><a href="#EarlyMemer">Early Memer</a> - Was here, and active when we hit 1k memebers</div>
<div class="Sportabot" id="Sportabot"><a href="#Sportabot">Sportabot</a> - A bot</div>
</div>
<hr>
<p id="*" style="color: red">
*On certian platforms, ask a <a class="Villain" href="#Villain">Villain</a> for more info
</p>
</body>
<script>
var close = document.getElementsByClassName("closebtn");
var i;
for (i = 0; i < close.length; i++) {
close[i].onclick = function(){
var div = this.parentElement;
div.style.opacity = "0";
setTimeout(function(){ div.style.display = "none"; }, 600);
}
}
function ree() {
var elems = document.body.getElementsByTagName("*");
for (elem of elems) {
elem.classList.remove("anchored");
}
var url = window.location.href;
var hash = url.substring(url.indexOf("#")+1);
var element = document.getElementById(hash);
look(hash);
if (element !== null){
element.classList.add("anchored");
}
}
function look(scrollto) {
if (!scrollto)
return;
var elem = document.getElementById(scrollto);
var info = document.getElementById("body");
var top = elem.offsetTop;
info.scrollTop = top - 50;
console.log(top);
}
window.onhashchange = ree;
window.onload = ree;
var elems = document.body.getElementsByTagName("a");
for (elem of elems) {
elem.onclick = ree;
}
</script>
</html>