-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathplay.html
153 lines (148 loc) · 8 KB
/
play.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
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WCXC9D6HV7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-WCXC9D6HV7');
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap" rel="stylesheet">
<title>Play Low Ink</title>
<meta content="Play Low Ink" property="og:title" />
<meta content="Register for the next Low Ink event." property="og:description" />
<meta content="https://lowink.iplabs.ink/halloffame" property="og:url" />
<meta content="https://lowink.iplabs.ink/assets/logo.png" property="og:image" />
<meta content="#F37002" data-react-helmet="true" name="theme-color" />
<script src="https://kit.fontawesome.com/66a42373e4.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/playstyle.css">
<link rel="icon" href="assets/favicon.ico" type="image/x-icon">
</head>
<body>
<div class="arrows-bg">
<div class="page-gradient" id="real-body">
<div class="header-wrapper">
<div class="header-logo">
<a href="index.html">
<span class="clickable"></span>
</a>
<img src="assets/logo.png"/>
<div>LOW INK</div>
</div>
<div class="header-nav-mobile-menu" id="header-nav-button"><i class="fa-solid fa-bars"></i></div>
<div class="header-nav" id="header-nav">
<div class="play selected">
<i class="fa-solid fa-gamepad"></i>
<br>Play Low Ink
<a href="play.html">
<span class="clickable"></span>
</a>
</div>
<div>
<i class="fa-solid fa-circle-info"></i>
<br>How To Play
<a href="howtoplay.html">
<span class="clickable"></span>
</a>
</div>
<div>
<i class="fa-solid fa-tv"></i>
<br>Watch
<a href="watch.html">
<span class="clickable"></span>
</a>
</div>
<div>
<i class="fa-solid fa-trophy"></i>
<br>Hall Of Fame
<a href="halloffame.html">
<span class="clickable"></span>
</a>
</div>
</div>
<script>
var headerNavButton = document.getElementById("header-nav-button");
var headerNav = document.getElementById("header-nav");
headerNavButton.addEventListener("click", function() {
headerNav.classList.toggle("open");
});
</script>
</div>
<div class="page-title" id="page-title">
<i class="fa-solid fa-gamepad"></i>Play Low Ink
</div>
<div class="buffer" id="buffer">
Loading...
</div>
<div class="no-load" id="no-load" style="display: none;">
<div class="section-box">
<div class="section-box-title">
Registration Currently not Open
</div>
<div class="section-box-divider"></div>
<div class="section-box-content">
<p>Registration for Low Ink is currently not open right now. This is likely because an event has recently occurred.</p>
<p>Interested in playing Low Ink? Keep an eye on our Discord where we post announcements regarding registration. Make sure you get the Low Ink role from the rules and roles channel!</p>
<p>Registration typically opens at the start of each month.</p>
<button class="register-button" onclick="window.open('https://iplabs.ink/discord', '_blank')" style="margin-bottom: 0;">Join Discord</button>
</div>
</div>
</div>
<div class="section-box" id="load" style="display: none;">
<div class="section-box-title tabs-wrapper" id="tabs-wrapper">
<button class="tab active">Register</button>
<button class="tab">Teams</button>
<button class="tab">Schedule</button>
<button class="tab">Rules</button>
</div>
<div id="content-group">
<div class="section-box-content register-content" id="register-content">
<p style="font-size: 1.5em;">Low Ink will be taking place on <b id="dates"></b> this month.</p>
<div id="reg-open">
<p>First, join the Discord to gain access to important announcements and access to the helpdesk channel. Make sure you get the Low Ink role from the rules and roles channel once you join.</p>
<button class="register-button" onclick="window.open('https://iplabs.ink/discord', '_blank')">Join Discord</button>
<p>Next, register on the Low Ink Battlefy to officially register for this month's event.</p>
<button id="register-button" class="register-button battlefy-link">Register on Battlefy</button>
<p style="font-size: .8em;">If this is your first time playing Low Ink, please check out the guide on <a href="howtoplay.html">how to play</a> to familiarize yourself with registering and playing in Low Ink.</p>
</div>
<div id="reg-closed" style="display: none;">
<p>Registration for this month's Low Ink is currently not open. This is likely because an event is currently ongoing or about to start.
<p>If you're looking for brackets, you can find them on the Battlefy page</p>
</p>
<button class="register-button battlefy-link" id="register-button">View Battlefy</button>
</div>
</div>
<div class="section-box-content" id="teams-content" style="display: none;">
<div class="team-count" id="teams-count"></div>
<p style="text-align: center;">Click on a team to see their roster.</p>
<div class="teams-box" id="teams-box"></div>
</div>
<div class="section-box-content tourney-schedule" id="schedule-content" style="display: none;">
</div>
<div class="section-box-content tourney-rules" id="rules-content" style="display: none;">
</div>
</div>
</div>
</div>
</div>
<script src="js/playloader.js"></script>
<div class="footer-wrapper">
<a href="https://iplabs.ink/">
<img style="height: 50px;"src="svg/ipl-powered.svg"/>
</a>
<p>Low Ink is a part of the Inkling Performance Labs family.
<br>
Designed by the IPL team.
</p>
</div>
</body>
</html>