-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
242 lines (233 loc) · 13.9 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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>LTU SPS</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">
<img src="assets/atom.svg" width="30" height="30" alt="">
LTU SPS
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link text-white" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="https://forms.gle/5A5rmJRPw9caryBSA" target="_blank">Join Us <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active dropdown">
<a class="nav-link dropdown-toggle text-white" href="#" role="button" data-toggle="dropdown" id="eventsDropdown" aria-haspopup="true" aria-expanded="false">Events</a>
<div class="dropdown-menu" aria-labelledby="eventsDropdown" style="background-color: #007bff;">
<a class="nav-link dropdown-item text-white" href="events.html">Event Information</a>
<a class="nav-link dropdown-item text-white" href="https://calendar.google.com/calendar/u/2?cid=bHR1LnNwc0BnbWFpbC5jb20" target="_blank">Event Calendar</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="resources.html">Resources</a>
</li>
<li class="nav-item">
<a class="navbar-brand" href="https://twitter.com/ltusps">
<img src="assets/twitter_logo.svg" width="30" height="30" alt="">
</a>
</li>
</ul>
</div>
</nav>
<!-- Homepage Banner -->
<div class="jumbotron jumbotron-fluid container-fluid" style="padding-top: 10px; padding-bottom: 10px; margin-top: 0px; margin-bottom: 5px;">
<div class="container">
<div class="row">
<div class="col-5 col-md-5" style="vertical-align: middle">
<img class="img-fluid img-responsive" src="assets/LTU_SPS_Logo.png" style="width: 100%">
</div>
<div class="col-2 offset-sm-2 col-md-2 offset-md-1" style="vertical-align: middle">
<a href="https://www.spsnational.org/">
<img class="img-fluid img-responsive" src="assets/SPS_Logo_Border.png" style="width: 100%">
</a>
</div>
<div class="col-2 offset-sm-2 col-md-2 offset-md-0" style="vertical-align: middle">
<a href="https://www.aps.org/programs/innovation/fund/idea.cfm">
<img class="img-fluid img-responsive" src="assets/APS_IDEA_Logo.png" style="width: 100%">
</a>
</div>
<div class="col-2 offset-sm-2 col-md-2 offset-md-0" style="vertical-align: middle">
<a href="https://www.aps.org/programs/innovation/fund/idea.cfm">
<img class="img-fluid img-responsive" src="assets/APS_Logo.png" style="width: 100%">
</a>
</div>
</div>
</div>
</div>
<!-- Images -->
<div id="carouselSPSHomePage" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators img-fluid">
<li data-target="#carouselSPSHomePage" data-slide-to="0" class="active"></li>
<li data-target="#carouselSPSHomePage" data-slide-to="1"></li>
<li data-target="#carouselSPSHomePage" data-slide-to="2"></li>
<li data-target="#carouselSPSHomePage" data-slide-to="3"></li>
<li data-target="#carouselSPSHomePage" data-slide-to="4"></li>
<li data-target="#carouselSPSHomePage" data-slide-to="5"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item img-fluid active">
<img class="img-fluid rounded mx-auto d-block" src="assets/SPS Photos/SPS_Meeting.JPG" style="width: 70%;" alt="SPS Meeting">
<div class="carousel-caption d-none d-md-block bg-dark" style="opacity: 0.8;">
<h5>An SPS Meeting</h5>
<p>SPS Members meet in S211 for a weekly meeting at LTU.</p>
</div>
</div>
<div class="carousel-item">
<img class="img-fluid rounded mx-auto d-block" src="assets/SPS Photos/Guest_Lecture_1.JPG" style="width: 70%;" alt="Guest Lecture">
<div class="carousel-caption d-none d-md-block bg-dark" style="opacity: 0.8;">
<h5>Guest Lecture</h5>
<p>Dr. Bhupal Dev (Washington University in St. Louis) gives a Guest Lecture in S217.</p>
</div>
</div>
<div class="carousel-item">
<img class="img-fluid rounded mx-auto d-block" src="assets/SPS Photos/Zoo_Trip.jpg" style="width: 70%;" alt="Game Night">
<div class="carousel-caption d-none d-md-block bg-dark" style="opacity: 0.8;">
<h5>Zoo Trip!</h5>
<p>SPS Members at the Detroit Zoo in October 2019</p>
</div>
</div>
<div class="carousel-item img-fluid">
<img class="img-fluid rounded mx-auto d-block" src="assets/SPS Photos/Geek_Week_2.JPG" style="width: 70%;" alt="Expirement Day">
<div class="carousel-caption d-none d-md-block bg-dark" style="opacity: 0.8;">
<h5>Experiment Day Fall 2019</h5>
<p>SPS Members and other students play with the Gravity Table to simulate gravity in space.</p>
</div>
</div>
<div class="carousel-item img-fluid">
<img class="img-fluid rounded mx-auto d-block" src="assets/SPS Photos/Geek_Week_3.JPG" style="width: 70%;" alt="Acoustic Levitator">
<div class="carousel-caption d-none d-md-block bg-dark" style="opacity: 0.8;">
<h5>Experiment Day Fall 2019</h5>
<p>SPS Members Alec Ferensic (behind table) and Reinali Calisin (in front of table, center) demonstrate their Acoustic Levitator.</p>
</div>
</div>
<div class="carousel-item img-fluid">
<img class="img-fluid rounded mx-auto d-block" src="assets/SPS Photos/Cranbrook_2019.jpg" style="width: 70%;" alt="Acoustic Levitator">
<div class="carousel-caption d-none d-md-block bg-dark" style="opacity: 0.8;">
<h5>Cranbrook Field Trip</h5>
<p>SPS Members in front of the T-Rex Skeleton at the Cranbrook Institute of Science in fall 2019.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselSPSHomePage" role="button" style="width: 35%;" data-slide="prev">
<span class="carousel-control-prev-icon" style = "width: 35%" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselSPSHomePage" role="button" style="width: 35%;" data-slide="next">
<span class="carousel-control-next-icon" style = "width: 35%" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- Events -->
<hr style="width: 80%; border-color: darkgray; background-color: darkgray; color: darkgray;">
<div class="row" style="margin-right: 0px; margin-left: 0px;">
<div class="col-md-8" style="text-align: center;">
<h1>News</h1>
<hr style="width: 45%; border-color: silver; background-color: silver; color: silver;">
<div class="card mx-auto border-secondary container-fluid" style="width: 78%; margin-bottom: 1rem">
<div class="card-body">
<h4 class="card-title" style="text-align: center; vertical-align: middle; margin-bottom: 0px">LTU SPS Women in Physics Committee Receives APS Grant</h3>
<h5 class="card-title" style="text-align: center; vertical-align: middle; margin-bottom: 0px">9 December 2021</h4>
<p class="card-title" style="text-align: center; vertical-align: middle; margin-bottom: 0px">The LTU SPS Women in Physics Committee has recieved a <b>$1,000 grant from the American Physics Society for our Women in Science activities</b>! WiP committee co-chairs Andrea Houck and Christina Wallace intend to use the grant to help pay for guest speaker presentation expenses, make the study of physics more approachable to the LTU community, and assist in recruiting undergraduate women to the department.</p>
</div>
</div>
<div class="card mx-auto border-secondary container-fluid" style="width: 78%; margin-bottom: 1rem">
<div class="card-body">
<h4 class="card-title" style="text-align: center; vertical-align: middle; margin-bottom: 0px">LTU SPS wins Outstanding Chapter Award</h3>
<h5 class="card-title" style="text-align: center; vertical-align: middle; margin-bottom: 0px">13 December 2021</h4>
<p class="card-title" style="text-align: center; vertical-align: middle; margin-bottom: 0px">LTU SPS has been awared the <b>Outstanding Chapter Award</b> by SPS National for the 2020-2021 semester. We would like to congratulate all SPS members for making this possible!</p>
</div>
</div>
<div class="card mx-auto border-secondary container-fluid" style="width: 78%; margin-bottom: 1rem">
<div class="card-body">
<h4 class="card-title" style="text-align: center; vertical-align: middle; margin-bottom: 0px">Dr. Kaitlin Rasmussen to give talk for SPS</h3>
<h5 class="card-title" style="text-align: center; vertical-align: middle; margin-bottom: 0px">When: 9 Nov 2021</h4>
<p class="card-title" style="text-align: center; vertical-align: middle; margin-bottom: 0px">Spectroscopist and Exoplaneteer <a href="https://www.kaitlinrasmussen.com/">Dr. Kaitlin Rasmussen</a> will be giving an in-person Guest Lecture about her work looking for planets which could support life. See <a href = "assets/WiS_KRassmussen_UM.pdf" target = "_blank">our flyer here!</a></p>
</div>
</div>
<a href="https://ltusps.github.io/events.html" role="button" class="btn btn-primary" aria-pressed="true"><h5>See All Events</h5></a>
<a href="https://calendar.google.com/calendar/u/2?cid=bHR1LnNwc0BnbWFpbC5jb20" target="_blank" role="button" class="btn btn-primary" aria-pressed="true"><h5>Calendar</h5></a>
<hr style="width: 45%; border-color: silver; background-color: silver; color: silver;">
<h1 style="text-align: center;">Awards</h1>
<div class="row" style = "margin-right: 0px; margin-left: 0px">
<div class = "col-md-6" style = "text-align:center;">
<h4>Distinugished SPS Chapter 2019-2020</h4>
<button class = "btn" data-toggle="modal" data-target = "#awardmodal_distinguished_2020"><img type = "button" class = "img-fluid rounded mx-auto d-block" src="Board/Distinguished_Chapter_2020.png" style="width: 12rem" alt="Distinguished SPS Chapter 2020"></button>
</div>
<div class = "col-md-6" style = "text-align:center;">
<h4>2019-2020 Blake Lilly Prize</h4>
<button class = "btn" data-toggle="modal" data-target = "#awardmodal_blakelilly_2020"><img class="img-fluid rounded mx-auto d-block" src="Board/Blake_Lilly_SPS_2020.png" style="width: 12rem" alt="Blake Lilly Prize 2020"></button>
</div>
</div>
</div>
<div class="col-md-4" style="text-align: center; border-left: 1px solid darkgray">
<h1>Mailing List</h1>
<hr style="width: 60%; border-color: silver; background-color: silver; color: silver;">
<div class="card mx-auto border-secondary container-fluid" style="width: 78%; margin-bottom: 1rem">
<div class="card-body">
<p class="card-text" style="text-align: left; vertical-align: middle; margin-bottom: 1rem">If you would like to recieve LTU SPS Updates, including event information, regular meeting info, and LTU/SPS National/APS (American Physical Society) Resources, please click the button below:</p>
<a href="https://forms.gle/5A5rmJRPw9caryBSA" target="_blank" role="button" class="btn btn-primary" aria-pressed="true">Sign up for our mailing list</a>
</div>
</div>
</div>
</div>
<div class="modal fade" id="awardmodal_distinguished_2020" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-diolog-centered modal-lg" role="document" style="width: 102rem">
<div class="modal-content">
<img type = "button" class = "img-fluid rounded mx-auto d-block" src="Board/Distinguished_Chapter_2020.png" style="width: 102rem;" alt="Distinguished SPS Chapter 2020">
</div>
</div>
</div>
<div class="modal fade" id="awardmodal_blakelilly_2020" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-diolog-centered modal-lg" role="document" style="width: 102rem">
<div class="modal-content">
<img type = "button" class = "img-fluid rounded mx-auto d-block" src="Board/Blake_Lilly_SPS_2020.png" style="width: 102rem;" alt="Distinguished SPS Chapter 2020">
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer bg-primary py-4 my-4">
<div class="container">
<p class="text-white">Copyright (c) Lawrence Technological University Society of Physics Students. All rights
reserved.</p>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
</script>
<script>
$('.carousel').carousel({
interval: 10000
})
</script>
<script>
$enable-responsive-font-sizes = true
</script>
</body>
</html>