website/join.html at master · WPI-LNL/website · GitHub

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
<!DOCTYPE html>
<html lang="en">
	<head>
    	<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="description" content="Are you interested in joining Lens and Lights? Learn more about us and how to get involved.">
		<title>Lens and Lights | Join Us</title>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
        <link rel="stylesheet" href="assets/css/main.css">
		<script>
			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
				(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		  		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		  	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

		  	ga('create', 'UA-66611753-1', 'auto');
		  	ga('send', 'pageview');
		</script>
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

		<!-- Fav and touch icons -->
		<link rel="shortcut icon" href="assets/ico/favicon.ico">
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
		<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
		<script
		src="https://code.jquery.com/jquery-3.3.1.js"
		integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
		crossorigin="anonymous">
		</script>
		<script>
			$(function(){
			$("#header").load("/assets/html/header.html");
			$("#footer").load("/assets/html/footer.html");
			});
		</script>
	</head>
	<body>
		<div id="header"></div>
		<div id="alert" class="alert-inline"></div>
		<section class="pb-1 light">
			<div id="slides" class="carousel slide" data-ride="carousel">
				<div class="carousel-inner">
					<div class="carousel-item full active" style="background-image: url('assets/img/recruitment/mirror-ball.jpg');">
						<div class="carousel-caption">
							<p><span class="head">Mirror Ball</span>
							rotating in Harrington Auditorium</p>
						</div>
					</div>
					<div class="carousel-item full" style="background-image: url('assets/img/recruitment/digico.jpg');">
						<div class="carousel-caption">
							<p><span class="head">DiGiCo S31+</span>
							in use for an acappella performance</p>
						</div>
					</div>
					<div class="carousel-item full" style="background-image: url('assets/img/recruitment/dp70-lens.jpg');">
						<div class="carousel-caption">
							<p><span class="head">Norelco DP70</span>
							in the projection booth</p>
						</div>
					</div>
					<div class="carousel-item full" style="background-image: url('assets/img/recruitment/alex-q338.jpg');">
						<div class="carousel-caption">
							<p><span class="head">DiGiCo Quantum 338</span>
							mixing IEMs for Pan Asian Festival</p>
						</div>
					</div>
					<div class="carousel-item full" style="background-image: url('assets/img/recruitment/lonestars-cropped.jpg');">
						<div class="carousel-caption">
							<p><span class="head">Lonestars</span>
							getting tested before flying out</p>
						</div>
					</div>
				</div>
				<a class="carousel-control-prev" href="#slides" role="button" data-slide="prev">&lsaquo;</a>
				<a class="carousel-control-next" href="#slides" role="button" data-slide="next">&rsaquo;</a>
			</div>
		</section>
		<section class="text-white bg-dark up-shadow">
			<div class="container py-5">
				<div class="row">
					<div class="col">
						<h1 style="color: yellow">What is LNL?</h1>
						<p>We are Lens and Lights, a group of students with a shared passion for event production. Want to work with high-quality equipment and become a driving force in events on campus? We provide professional quality lighting, sound, and projection services for 200+ events every year on campus. We build technical experience and leadership skills through working in teams, with clients, and with professional-grade equipment.</p>
						<p>New members are always welcome; no experience is necessary! We encourage you to stop by and chat or help out at any of our upcoming events.</p>
					</div>
					<div class="col">
						<h1 style="color: yellow">Get Involved!</h1>
						<p>Come to a meeting! Our General Body Meetings are at 5pm on Wednesdays in AK (Atwater Kent) 233.</p>
						<p>Come to an event! We're always happy to teach new crew; come say hi anywhere you see us in our LNL t-shirts.</p>
						<p>Join our Slack! Slack is our club's primary form of communication. That's where you'll be notified of setups, meetings, and other news as it happens. Email our secretary (<a href="https://outlook.office.com/mail/deeplink/compose?to=lnl-s@wpi.edu" style="color: yellow">lnl-s@wpi.edu</a>) to be added to Slack.</p>
						<p>Join our email list! Email our secretary (<a href="https://outlook.office.com/mail/deeplink/compose?to=lnl-s@wpi.edu" style="color: yellow">lnl-s@wpi.edu</a>) to be added to the email list.</p>
						<div class="row justify-content-center">
							<div class="px-4 pb-1"><a class="btn btn-warning" href="/list">Upcoming Events Calendar</a></div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="py-5" style="background-color: #262626;">
			<div class="container">
				<div class="row">
					<div class="col-md mb-3 sm-align-items-center">
						<img class="img-fluid" style="max-height: 500px; width: auto; display: block; margin: auto;" src="assets/img/recruitment/active-d25.jpg">
					</div>
				</div>
				<div class="row text-white">
					<div class="col-lg mb-3">
						<h2>Lighting</h2>
						<p>
							LNL provides lighting for a variety of events with our inventory of
							professional grade equipment. We illuminate all sorts of events including
							full on dance parties, stage performances, live
							bands, receptions, outdoor gatherings, and large robotics
							competitions. The equipment we own includes a variety of
							conventional, LED, and arc lamp fixtures which enable our members to be
							creative in their lighting design! Highlights include dozens of moving head spot
							and LED wash fixtures, wireless uplights, and
							over 100 conventional Source Four fixtures. We also have a variety of
							lighting consoles to control them, ranging from small analog
							consoles to large and complex consoles in the EOS and HOG families.
							Now if all that sounds like a bunch of jibberish, come help out at
							one of our events and we will be happy to explain everything.
						</p>
						<a class="btn btn-warning" href="/services/lighting">Learn more</a>
					</div>
					<div class="col-lg mb-3">
						<h2>Sound</h2>
						<p>
							Lens and Lights does numerous sound events on campus! They
							range from smaller events like providing a wireless microphone for a
							speaker, to a Capella shows and music on the quad, to full blown
							robotics competitions like BattleCry at WPI. We have several
							different speakers, mics, consoles and more which we use to create the best
							event possible! If you've ever been interested in learning how sound can go
							from a device like your phone out to some of these larger speakers, feel free to stop
							by a sound event and we will show you the ropes (...and the cables)!
						</p>
						<a class="btn btn-warning" href="/services/sound">Learn more</a>
					</div>
					<div class="col-lg mb-3">
						<h2>Projection</h2>
						<p>
							LNL maintains several projectors on campus, capable of showing theatre
							quality, full-length feature films. Our digital projector is used to
							show weekly films in the Fuller Upper Perreault Hall. We
							also maintain two 35/70mm film projectors that are more than 50 years old.
							Members can be trained on each of these projectors, starting with
							one of our two 16mm projectors and working their way up through the larger formats.
							Setup for weekend movies typically happens at 7:30pm on Saturdays and Sundays.
							Come say hello and learn about the fun that is projection. It's a
							reel-y good time!
						</p>
						<a class="btn btn-warning" href="/services/projection">Learn more</a>
					</div>
				</div>
			</div>
		</section>

		<!--Modal Views-->
		<div class="modal" tabindex="-1" role="dialog" id="critical-alert">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header" id="alert-header">
						<h5 class="modal-title" id="alert-title"></h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body" id="alert-message">
						<p></p>
					</div>
					<div class="modal-footer">
						<button class="btn btn-secondary" data-dismiss="modal">Close</button>
					</div>
				</div>
			</div>
		</div>
		<form id="page-id">
			<input hidden name="project_id" value="LNL">
			<input id="dirID" hidden name="directory" value="">
			<input id="pageID" hidden name="page_id" value="">
		</form>
		<div id="footer"></div>
		<script>
		function setYear() {
			getNotifications();
			getOfficers(true);
		}

		function toggleMenu(){
        	if (document.getElementById("nav").style.display == "block"){
        		document.getElementById("nav").style.display = "none";
        	}else{
        		document.getElementById("nav").style.display = "block";
        	}
        }

		window.onload = setYear;
		</script>
    	<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
    	<script src="assets/js/api.js"></script>
    	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
	</body>
</html>