-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpersonal.html
227 lines (187 loc) · 7.15 KB
/
personal.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
<!DOCTYPE html>
<html>
<head>
<link rel = "stylesheet" href = "style.css" type = "text/css">
<style>
/* Paralex scrolling */
.parallex {
background-image: url('lockwood_using_equipment.jpg');
height: 90%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* end Paralex scrolling */
</style>
<title> Personal Life </title>
</head>
<body style = "text-align: center;">
<!-- Menu Bar -->
<div class="menu-bar">
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/index"> Home </a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/personal.html" class = "active"> 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: 100px"> Personal Life </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>
<!-- This is the personal life timeline -->
<div style = "height: 100px; font-size: 26px; color: white">
<h1 class = "center"> <a name = "early_life" > Early Life </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">Birth</h2>
<div class="timeline-content-info">
December 29, 1899
</div>
<p> Marian Lockwood was born on Dec 29 1899 in Rye NY.</p>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
</div>
<div class="cd-timeline-content">
<h2> Education </h2>
Date
<p> She attended Wellesley College, and though she never graduated, it was where she became interested in astronomy.</p>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
</div>
<div class="cd-timeline-content">
<h2>Passed Away</h2>
1 Dec 1973
<p>Marian Lockwood passed away on Dec 1 1973 in an unknown location.</p>
</div>
</div>
</section>
<!-- End of early life timeline -->
<!-- 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 -->
<!-- citing -->
<section>
<div class="block" >
<h2> Citations</h2>
<p> American Museum of Natural History. Lockwood Staff Data Sheet. 1965, p.1 </p>
<p> Image no. 315009 AMNH Library </p>
<p> Image no. 284439 AMNH Library </p>
<p> Image no. 284440 AMNH Library </p>
<p> Image no. 292818 AMNH Library </p>
<p> Image no. 297493 AMNH Library </p>
<p> Image no. 315064 AMNH Library </p>
<p> Family Tree Now. "Marian Lockwood." Version. Family Tree Now. https://www.familytreenow.com/search/death/results?first=Marian&last=Lockwood&rid=0sn&smck=gbAKcgd5_Qwd3YnPLy_KMg </p>
</div>
</section>
<!-- citing -->
<!-- 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>