-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathhistory.html
executable file
·191 lines (187 loc) · 11.1 KB
/
history.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
<!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="Lens and Lights has been around since 1962. Learn more about the club's origin and history.">
<title>Lens and Lights | History</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" style="background-color: #777;">
<div id="slides" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active slide-img" style="background-image: url('assets/img/history/H1.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H2.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H3.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H4.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H5.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H6.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H7.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H8.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H9.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H10.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H11.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H12.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H13.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H14.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H15.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H16.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H17.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H18.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H19.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H20.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H21.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H22.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H23.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H24.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H25.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H26.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H27.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H28.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H29.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H30.jpg');">
</div>
<div class="carousel-item slide-img" style="background-image: url('assets/img/history/H31.jpg');">
</div>
</div>
<a class="carousel-control-prev" href="#slides" role="button" data-slide="prev">‹</a>
<a class="carousel-control-next" href="#slides" role="button" data-slide="next">›</a>
</div>
</section>
<section class="text-white bg-dark" style="box-shadow: 0 -2px 5px #333;">
<div class="container py-5">
<h1 style="color: yellow">History of Lens and Lights</h1>
<br>
<p>During the winter of 1961-62, seven WPI students got together and formed an organization they called Lens and Lights. The first president, Jim Day, named the club after his Wethersfield CT A/V club. The purpose of the club was to aid groups using Alden Memorial Auditorium to more fully and effectively use the technical facilities of the auditorium.</p>
<p>The founding fathers of the club included:</p>
<ul style="margin-left:20px;">
<li><strong><span style="color: yellow">Jim Day</span> - Mechanical Engineering, 1965</strong></li>
<li><strong><span style="color: yellow">Chuck Frary</span> - Electrical Engineering, 1965</strong></li>
<li><strong><span style="color: yellow">Steve Noble</span> - Physics, 1964</strong></li>
<li><strong><span style="color: yellow">Bill Remillong</span> - Chemical Engineering, 1966</strong></li>
<li><strong><span style="color: yellow">John Schmidt</span> - Electrical Engineering, 1964</strong></li>
<li><strong><span style="color: yellow">Dick Stone</span> - Electrical Engineering, 1966</strong></li>
<li><strong><span style="color: yellow">Bill Swiger</span> - Electrical Engineering, 1964</strong></li>
<li><strong><span style="color: yellow">Donald Howe</span> - Electrical Engineering, 1938; Professor of Physics, Faculty Advisor</strong></li>
</ul>
<p>In the beginning, the club also provided audio and lighting services. The safety of our crews, the groups that we served, and the audiences were always a top priority, a tradition that continues to this day. Working with the Buildings and Grounds department, college administration, and interested professors, the club was granted access to the Alden Projection Booth and worked to repair the old 35mm Simplex Projectors in it. These projectors were left over from showing Navy recruitment films during WWII. Since 35mm was cheaper than 16mm back then, club members taught themselves
and each other how to run the projectors and began showing movies on them.</p></p>
<p>We also inspected and repaired copies of the now infamous WPI recruitment film <i>Bridge to the Future</i> between its uses in the field. Eventually, the dated 20 minute reels of 16mm film were made up of more splice than film, and were retired.</p>
<p>By 1964, the club had accumulated 25 or so members. They appropriated a space in the
basement of Sanford Riley Hall, a building which continues to serve as a student residence
today. Later, we moved our equipment to another storage area on the other side of the same
hall, which served as our primary office for many years until it was transformed into a
digital music lab in 2009.</p>
<p>In 2022, LNL celebrated 60 years of providing the WPI Community with motion picture
projection services. To read more about LNL's projection equipment,
<a href="services/projection.html" class="text-warning">click here</a>.</p>
</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">×</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() {
document.getElementById("year").innerHTML = (new Date()).getFullYear();
getNotifications();
}
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>