-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
239 lines (195 loc) · 8.85 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
---
title: Home
css: [ "style.css" ]
---
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" type = "text/css">
<!--FontAwesome-->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<title>Marian Lockwood</title>
</head>
<body style = "text-align: center;">
<!-- Menu Bar -->
<div class="menu-bar">
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/" class = "active"> Home </a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/personal.html"> Personal Life </a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/work.html"> Achievements</a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/context.html"> Context </a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/newMain.html"> Legacy </a>
<div class="dropdown">
<a href="#" onclick="myFunction()" class="dropbtn"> More </a>
<div id="myDropdown" class="dropdown-content">
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/about.html">About us</a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/Marian_Lockwood_Quiz.html">Lockwood Quiz</a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/quiz.html">Space Quiz</a>
</div>
</div>
</div>
<!-- end Menu Bar -->
<!-- Heading video -->
<div class = "fullscreen">
<div class = "video_overlay_text">
<p style = "color: white; font-size: 150px"> Marian Lockwood</p>
</div>
<video loop muted autoplay poster="img/videoframe.jpg" class = "fullscreen_video">
<source src="Background_08.mp4" type="video/mp4">
</video>
</div>
<!-- End Heading video -->
<!-- Parallex -->
<div class="parallex"> </div>
<!--About-->
<section class="aboutbio" id="bioabout">
<div class="Bio">
<p class="bio1"> <strong> Who is She? </strong> </p>
<p> Marian Lockwood was born on Dec 29 1899. She was an Assistant curator in the department of Hayden Planetarium from 1935 to 1942. Then in 1943 she became the Associate Curator followed by the Acting Chairman of the department. She was one of the only women lecturers and directors of American planetaria during this time period. She had supportive male mentors but nonetheless faced sexism and salary discrimination that resulted from being a woman in a male-dominated field. During her time at the planetarium 'powerful gender biases resticted women in the years after 1945 Apprentice-style was virtually closed to women. Only a single postwar record is known of women who attained temporary leadership position beyond a lecturs' role. Marian helped change that by hiring Catherine E. Barry who later became co-chair of the planetarium.</p>
</div>
</section>
<!-- This is the different sections of the website-->
<div style = "height: 100px; font-size: 26px; color: white">
<h1 class = "center"> <a name = "early_life" > All About Lockwood: </a> </h1>
</div>
<section id="cd-timeline" class="cd-container">
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
</div>
<div class="cd-timeline-content">
<h2 id = "early_life"> <a href="https://hackthesolarsystem.github.io/Marian-Lockwood/personal.html" style="color:white">Personal Life</a></h2>
<div class="timeline-content-info">
Click here to see her personal journey and exhibitions or facilities she has helped develop.
</div>
</div>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
</div>
<div class="cd-timeline-content">
<h2> <a href="https://hackthesolarsystem.github.io/Marian-Lockwood/work.html" style="color:white">Achievements </a> </h2>
<p> Click here to learn all about her achievements, work, and contributions she's made to Hayden Planetarium!</p>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
</div>
<div class="cd-timeline-content">
<h2> <a href= "https://hackthesolarsystem.github.io/Marian-Lockwood/context.html"style="color:white">Historical Context</a></h2>
<p>Click here to learn more!</p>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
</div>
<div class="cd-timeline-content">
<h2> <a href="https://hackthesolarsystem.github.io/Marian-Lockwood/newMain.html" style="color:white">Legacy </a> </h2>
<p> Click here to all about Marian's Legacy!</p>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
</div>
<div class="cd-timeline-content">
<h2> <a href="https://hackthesolarsystem.github.io/Marian-Lockwood/Marian_Lockwood_Quiz.html" style="color:white">Click here to test your knowlegde on Marian Lockwood</a></h2>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
</div>
<div class="cd-timeline-content">
<h2> <a href="https://hackthesolarsystem.github.io/Marian-Lockwood/quiz.html"style="color:white">Click here to test your Astronomical Skills! </a></h2>
</div>
</div>
</div>
</div>
</section>
<!-- Slideshow HTML -->
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 5</div>
<img src="staff_of_hayden_planetarium.jpg" style="width:100%">
<div class="text">Staff of the Hayden Planetarium, front row, left to right: Marian Lockwood, Dr. Clyde Fisher, William H. Barton, Dorothy A. Bennet; rear row: Charles Federer and Arthur Draper, September, 1936</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 5</div>
<img src="marian_lockwood_group.jpg" style="width:100%">
<div class="text">Assistant Curator Marian Lockwood with group of children in the Copernican Planetarium, Hayden Planetarium, 1940</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 5</div>
<img src="staff_of_planetarium.jpg" style="width:100%">
<div class="text">Staff of Planetarium lecturers, left to right: Clyde Fisher, Dorothy A. Bennett, Arthur L. Draper, Marion Lockwood, and William H. Barton, Jr., October 1, 1935</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 5</div>
<img src="staff_of_planetarium_lecturers.jpg" style="width:100%">
<div class="text">Staff of Planetarium lecturers, left to right: Clyde Fisher, Dorothy A. Bennett, William H. Barton, Jr., Marion Lockwood, and Arthur L. Draper, October 1, 1935</div>
</div>
<div class="mySlides fade">
<div class="numbertext">5 / 5</div>
<img src="lockwood_using_equipment.jpg" style="width:100%">
<div class="text">Astronomer Marian Lockwood at the control panel, Hayden Planetarium, July 1943</div>
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<div style="text-align:center; color: #1234">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
<span class="dot" onclick="currentSlide(5)"></span>
</div>
<!-- End slideshow HTML -->
<!-- Beginning Javascript for slideshow -->
<script>
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
<!-- End Javascript for slideshow -->
<script>
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
// Close the dropdown if the user clicks outside of it
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
</script>
</body>
</html>