This repository has been archived by the owner on Jun 26, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
223 lines (207 loc) · 10.6 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
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
<!doctype html>
<html lang="en">
<head>
<!-- Meta tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<meta content="Student-led gaming community based out of Vaughan, ON. Hosting monthly tournaments for VALORANT, LoL, R6, and SSBU." name="description" />
<!-- Open Graph Meta Tags for Discord Embed -->
<meta content="en_US" property="og:locale" />
<meta content="website" property="og:type" />
<meta content="Vaughan Esports" property="og:site_name" />
<meta content="Vaughan Esports | Home" property="og:title" />
<meta content="Student-led gaming community based out of Vaughan, ON. Hosting monthly tournaments for VALORANT, LoL, R6, and SSBU." property="og:description" />
<meta content="https://vaughanesports.org/assets/Vaughan%20Esports%20Logo%20Footer.png" property="og:image" />
<meta content="https://vaughanesports.org" property="og:url" />
<!-- Favicon -->
<link href="/assets/icons/apple-icon-57x57.png" rel="apple-touch-icon" sizes="57x57">
<link href="/assets/icons/apple-icon-60x60.png" rel="apple-touch-icon" sizes="60x60">
<link href="/assets/icons/apple-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
<link href="/assets/icons/apple-icon-76x76.png" rel="apple-touch-icon" sizes="76x76">
<link href="/assets/icons/apple-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
<link href="/assets/icons/apple-icon-120x120.png" rel="apple-touch-icon" sizes="120x120">
<link href="/assets/icons/apple-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
<link href="/assets/icons/apple-icon-152x152.png" rel="apple-touch-icon" sizes="152x152">
<link href="/assets/icons/apple-icon-180x180.png" rel="apple-touch-icon" sizes="180x180">
<link href="/assets/icons/android-icon-192x192.png" rel="icon" sizes="192x192" type="image/png">
<link href="/assets/icons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="/assets/icons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png">
<link href="/assets/icons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link href="/assets/icons/manifest.json" rel="manifest">
<meta content="#ffffff" name="msapplication-TileColor">
<meta content="/assets/icons/ms-icon-144x144.png" name="msapplication-TileImage">
<meta content="#ffffff" name="theme-color">
<!-- Main CSS Document -->
<link href="main.css" rel="stylesheet" type="text/css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<!-- Navbar Script -->
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
(function($) {
$(document).ready(function(){
$('#menu').fadeOut(0);
$(window).scroll(function(){
if ($(this).scrollTop() > 300) {
$('#menu').fadeIn(300);
} else {
$('#menu').fadeOut(300);
}
});
});
})(jQuery);
</script>
<title>Vaughan Esports | Home</title>
</head>
<body class="bg-dark" id="index-page">
<!-- Fixed Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="menu">
<a class="navbar-brand" href="index.html">
<img loading=lazy alt="Vaughan Esports Logo" class="d-inline-block align-top" height="35" src="assets/Vaughan Esports Logo.png"> Vaughan Esports
</a>
<button aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarNav" data-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<li class="nav-item">
<a class="nav-link mr-5" href="events.html">Past Events</a>
</li>
<a class="nav-link mr-5" href="https://www.notion.so/49dcbc3310d24865be720dc742eef2e7?v=1b336bec51e240d29c31a83fd7317532">Rules</a>
<li class="nav-item">
<a class="nav-link mr-5" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- Parallax Section 1 -->
<div id="parallax-image">
<div class="container text-light text-center">
<img loading=lazy alt="Vaughan Esports Logo" class="img-fluid pt-5 mt-5" src="assets/Logo with Text.png"/>
<h3>Student-led gaming community based out of Vaughan, ON holding monthly tournaments for SSBU, LoL, R6, and VALORANT</h3>
</div>
<div class="container text-center text-light pt-5 mt-5">
<div class="row pt-5">
<div class="col-lg pt-5">
<a href="https://www.youtube.com/channel/UC6b9XYgwZrmA28pE6BtMJxQ" target="_blank">
<img loading=lazy alt="Vaughan Esports Youtube Channel" class="img-fluid" src="assets/yt-small.png">
</a>
<a class="text-light" href="https://www.youtube.com/channel/UC6b9XYgwZrmA28pE6BtMJxQ" target="_blank">
<h2>Vaughan Esports</h2>
</a>
</div>
<div class="col-lg pt-5">
<a href="https://twitch.tv/vaughanesports" target="_blank">
<img loading=lazy alt="Vaughan Esports Twitch Channel" class="img-fluid" src="assets/twitchGlitchWhite-small.png">
</a>
<a class="text-light" href="https://www.youtube.com/channel/UC6b9XYgwZrmA28pE6BtMJxQ" target="_blank">
<h2>vaughanesports</h2>
</a>
</div>
<div class="col-lg pt-5">
<a class="text-light" href="https://instagram.com/vaughanesports" target="_blank">
<img loading=lazy alt="Vaughan Esports Instagram Page" class="img-fluid" src="assets/ig logo-small.png" />
<h2>vaughanesports</h2>
</a>
</div>
</div>
</div>
</div>
<!-- Upcoming Events Section -->
<div class="text-light text-center pt-5 pb-5" id="upcoming-events">
<h1 class="pb-4">Vaughan Esports Belated One Year Anniversary April-adventures Covid-versary Poggers Palooza Celebration Carnival Gala Party Fiesta Festival powered by AVGL</h1>
<h5>All Events in this series will be taking place on the AVGL platform. Click the image below to register now!</h5>
<!-- container to limit horizontal line length -->
<div class="container">
<hr />
</div>
<!-- April 2021 / VE One Year Anniversary Events -->
<div class="container text-left">
<div class="row">
<a href="https://vaughanesports.org/register">
<img loading=lazy alt="Vaughan Esports x AVGL" class="img-fluid" src="assets/ve x avgl.png">
</a>
</div>
</div>
</div>
<!-- Parallax Section 2 -->
<div id="parallax-image-2">
<div class="container container-fluid pt-5 pb-5">
<div class="row justify-content-center mt-5">
<div class="col-lg my-auto text-light text-center pb-3">
<h1>Join our community on discord!</h1>
</div>
<div class="col-lg text-center">
<iframe loading=lazy allowtransparency="true" frameborder="0" height="500" src="https://discordapp.com/widget?id=688141732507942918&theme=dark"></iframe>
</div>
</div>
</div>
</div>
<!-- Page Footer -->
<footer class="bg-dark text-light pb-5" id="footer">
<div class="container">
<div class="row">
<div class="col-lg-4" id="footer-logo">
<img loading=lazy alt="Vaughan Esports Logo" src="assets/Vaughan Esports Logo.png" width="300">
</div>
<div class="col-lg-2" id="quick-links">
<h3>Quick Links</h3>
<hr>
<a href="events.html">
<p class="text-light">
Past Events
</p>
<a href="https://www.notion.so/49dcbc3310d24865be720dc742eef2e7?v=1b336bec51e240d29c31a83fd7317532">
<p class="text-light">
Rules
</p>
<a href="contact.html">
<p class="text-light">
Contact Us
</p>
</a>
</div>
<div class="col-lg-3">
<h3>Connect</h3>
<hr>
<a class="text-light" href="https://www.youtube.com/channel/UC6b9XYgwZrmA28pE6BtMJxQ" target="_blank">
<img loading=lazy alt="Vaughan Esports YouTube Channel" src="assets/yt.png" width="32"> Vaughan Esports
</a>
<p></p>
<a class="text-light" href="https://twitch.tv/vaughanesports" target="_blank">
<img loading=lazy alt="Vaughan Esports Twitch Channel" height=32 src="assets/TwitchGlitchWhite-small.png"> vaughanesports
</a>
<p></p>
<a class="text-light" href="https://instagram.com/vaughanesports" target="_blank">
<img loading=lazy alt="Vaughan Esports Twitch Page" height=32 src="assets/ig logo-small.png"> vaughanesports
</a>
<a href="mailto:[email protected]">
<p class="pt-3 text-light">
</p>
</a>
</div>
<div class="col-lg-3 pt-3" id="tos-footer">
<a href="https://discord.gg/y3kEAeT" target="_blank">
<img loading=lazy src="https://discordapp.com/api/guilds/688141732507942918/embed.png?style=banner2">
</a>
<a href="terms.html">
<p class="text-light pt-4">Terms of Service</p>
</a>
<a href="privacy.html">
<p class="text-light">Privacy Policy</p>
</a>
<p>
© 2020 Vaughan Esports
</p>
</div>
</div>
</div>
</footer>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>