-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·169 lines (162 loc) · 7.42 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<meta keywords="radio, music, college radio station, college, NJIT radio">
<meta name="description"
content="College Radio Station, University: NJIT New Jersey Institute of Technology, Category: Radio">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WJTB Radio</title>
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "WebSite",
"name" : "WJTB Radio",
"url" : "https://wjtb.njit.edu/"
}
</script>
<link rel="shortcut icon" type="image/png" href="/img/w.png" />
<link rel="stylesheet" href="css/super.css">
<link rel='stylesheet' href='https://icono-49d6.kxcdn.com/icono.min.css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<!-- Pixel font for splash text. --!>
<link rel="stylesheet" href="css/fonts/pixel/stylesheet.css" type="text/css" charset="utf-8" />
<!-- Fortzilla font --!>
<link rel="stylesheet" href="css/fonts/fortzilla/stylesheet.css" type="text/css" charset="utf-8" />
<!--google fonts by edie -->
<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=Creepster&family=Modern+Antiqua&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<ul class="menu">
<li class="logo">
<div class="playerBox">
<div class="audio-player" id="brand">
<div class="timeline">
<div class="progress"></div>
</div>
<div class="controls">
<div class="play-container">
<btn class="toggle-play play" tabindex="0" aria-label="Listen to WJTB" title="Listen to WJTB"></btn>
</div>
<btn class="name" alt="Enable audio visualiser" onclick="startAnalyser()">
<div class="player-logo"> </div>
</btn>
<div class="volume-container">
<btn class="volume-button" tabindex="0" aria-label="Mute" title="Mute">
<div class="volume icono-volumeMedium"></div>
</btn>
<div class="volume-slider">
<div class="volume-percentage"></div>
</div>
</div>
</div>
</div>
</div>
</li>
<div class="nowplayingbox" id="nowplayingbox">
<p class="nowplaying" id="nowplaying"></p>
</div>
<li class="toggle"><a tabindex="0"><i class="fas fa-bars"></i></a></li>
<li class="item" onclick="loadHome()"><a tabindex="0">Home</a></li>
<!-- <li class="item"><a>Programming</a></li> -->
<li class="item has-submenu">
<a tabindex="0">Programming</a>
<ul class="submenu">
<li class="subitem"><a tabindex="0" onclick="loadShows()">Shows</a></li>
<li class="subitem"><a tabindex="0" onclick="loadVariety()">Variety Hour</a></li>
<li class="subitem"><a tabindex="0" onclick="loadJoin()">Be a DJ!</a></li>
</ul>
</li>
<li class="item has-submenu">
<a tabindex="0">Events</a>
<ul class="submenu">
<li class="subitem"><a tabindex="0" onclick="loadPast()">Past Events</a></li>
<li class="subitem"><a tabindex="0" onclick="loadSoundRequest()">Request us!</a></li>
<li class="subitem"><a tabindex="0" onclick="loadGallery()">Gallery</a></li>
</ul>
</li>
<li class="item has-submenu">
<a tabindex="0">About</a>
<ul class="submenu">
<li class="subitem"><a tabindex="0" onclick="loadStaff()">Staff</a></li>
<li class="subitem"><a tabindex="0" onclick="loadHistory()">History</a></li>
<li class="subitem"><a tabindex="0" onclick="loadContact()">Contact</a></li>
<li class="subitem"><a tabindex="0" onclick="loadJoin()">Become a member</a></li>
<li class="subitem"><a tabindex="0" onclick="loadTheme()">Themes</a></li>
</ul>
</li>
</ul>
</nav>
<div id="analyser-container">
</div>
</header>
<div id="output">
<!-- Site content gets automatically inserted after this line. -->
<!-- Things will break if this gets moved, changed, or duplicated anywhere else in this file. -->
<!-- Do not edit the site content below this line, your changes will get overwritten. -->
<!-- Instead, edit the pages in /pages -->
<!-- INSERT-CONTENTS-HERE-578395676396 -->
<section class="section-main">
<h1 id="splash" class="splash-animation">Loading...</h1>
</section>
<section class="section-bleed">
<section class="section-two">
<section class="content">
<div class="text">
<h2>Streaming online since the 1990s!</h2>
<p>WJTB is NJIT's official college radio station.</p>
<div id="gallery-top"></div>
<p><a onclick=loadGallery()>See more pictures.</a></p>
</div>
</section>
<section class="content">
<div class="img-icons">
<img src="./img/RadioIcons.svg" alt="Radio Icon">
</div>
<div class="text">
<h2>Get heard</h2>
<p>Want to get involved? Connect with us on <a href="https://wjtb.njit.edu/discord" target="_blank" rel="noreferrer noopener">Discord</a>, <a href="https://njit.campuslabs.com/engage/organization/wjtb" target="_blank" rel="noreferrer noopener">Highlander Hub</a>, or in person!</p>
<p></p>
<h2>Want a show?</h2>
<p>We would love to have you on! All DJs must be active members of the club, get trained, and follow
our
rules of broadcast.</p>
<p><a onclick="loadJoin()">Learn more</a></p>
</div>
</section>
<section class="content">
<div class="img-icons">
<img src="./img/EventIcons.svg" alt="Event Icon">
</div>
<div class="text">
<h2>Want to book our team?</h2>
<p>We're happy to provide sound for your live event if we're not already booked.</p>
<p>Fill out this <a onclick="loadSoundRequest()">form</a> to submit your request!</p>
<p>We'll get back to you to confirm once we see your request. Please give us 24-48 hours to process your
request. All events are contingent on being approved and accepted - so we'll be in touch! If you don't
hear
back within 2 business days, please email us or yell at us on <a href="https://wjtb.njit.edu/discord" target="_blank" rel="noreferrer noopener">discord</a>.</p>
</div>
</section>
</section>
</section>
<!-- Site content should all be above this line. -->
</div>
<script src="./js/nav.js"></script>
<script src="./js/pgloader.js"></script>
<script src="./js/player.js"></script>
<script src="./js/splash.js"></script>
<script src="./js/shows.js"></script>
<script src="./js/past_events.js"></script>
<script src="./js/theme.js"></script>
<script src="./js/magic.js"></script>
<script src="./js/staff.js"></script>
<script src="./js/gallery.js"></script>
</body>
</html>