-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
188 lines (161 loc) · 7.45 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Oswego History Tours</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body onload="slider()">
<nav>
<div class="logo">
<a style="text-decoration:none" href="https://www.oswegohistory.tours/">
<img src="images/Logo.jpg" alt="Picture of Mary Walker">
<h1>Oswego History Tours</h1>
</a>
</div>
<div class="nav-items">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="https://www.rbhousemuseum.org/contact-us/">Contact</a>
</div>
</nav>
<div class="banner">
<div class="slider">
<img src="images/" id="slideImg" alt="Slideshow">
</div>
<div class="overlay"></div>
<div class="content">
<h1>THE LIFE OF <br> DR. MARY EDWARDS WALKER</h1>
<h4>Civil War Surgeon, Abolitionist, Suffragist, Dress Reformer and only female Medal of Honor recipient</h4>
<button type="button" onClick="document.getElementById('choice').scrollIntoView()">
<span>
</span>
Your Journey <br> Starts Here
</button>
<br>
<br>
<br>
</div>
</div>
<script>
var slideImg = document.getElementById("slideImg");
var images = ["images/Vesta.webp",
"images/CityHall.webp",
"images/Cemetery.webp",
"images/Bridge.webp",
"images/Museum.webp"];
var len = images.length;
var i = 0;
function slider(){
if(i > len-1){
i = 0;
}
slideImg.src = images[i];
i++;
setTimeout('slider()', 4000);
}
</script>
<section>
<div class="container reveal">
<h2 id="path">Step into the past and uncover the fascinating history of Oswego on a journey like no other!</h2>
</div>
</section>
<section id="choice">
<div class="container reveal">
<h2>Choose Your Path!</h2>
<div class="cards" >
<div class="text-card" >
<div style="text-align: center;"><h3 class="wiggle">
<a onclick="localStorage.setItem('followherjourney', 'true'); localStorage.setItem('index', '0');" href="followherjourney.html">Follow Her Journey</a></h3></div>
<p>
Immerse yourself in the life of Mary Walker. We've handpicked a series of sites that weave a rich tapestry of her experiences. Each location builds on the last, creating a seamless narrative that brings her story to life. Let us guide you step by step, and experience the journey as it unfolds.
</p>
</div>
<div class="text-card">
<div style="text-align: center;">
<h3 class="wiggle">
<a href="freeexploration.html">Free Exploration</a>
</h3>
</div>
<p>
Free Exploration lets you choose your own adventure! Simply pick a location and we'll provide you with all the interesting details and history about that place. It's like having your own personal tour guide, but without the hassle. Explore at your own pace and learn something new!
</p>
</div>
</div>
</div>
</section>
<section>
<div class="container reveal">
<h2 id="learn">Learn More</h2>
<div class="cards">
<div class="text-card">
<h3><a href="https://nyheritage.org/">New York Heritage</a></h3>
<p>
New York Heritage is a platform that hosts and provides access to a wide range of digital collections and cultural heritage materials related to the state of New York.These collections include photographs, manuscripts, historical documents, maps, and more, contributed by cultural institutions throughout New York State.
</p>
</div>
<div class="text-card">
<h3><a href="https://www.rbhousemuseum.org/">Richardson-Bates House</a></h3>
<p>
Through displays and educational events, the historical Richard-Bates House provides a peek into the lifestyle of a significant and wealthy Oswego family, as well as the people and places in Oswego County. This location is an old Italian villa from the 19th century that would be a beautiful spot to visit.
</p>
</div>
</div>
</div>
</section>
<script type="text/javascript">
window.addEventListener('scroll', reveal);
function reveal(){
var reveals = document.querySelectorAll('.reveal');
for( var i = 0; i < reveals.length; i++){
var windowheight = window.innerHeight;
var revealtop = reveals[i].getBoundingClientRect().top;
var revealpoint = 150;
if(revealtop < windowheight - revealpoint){
reveals[i].classList.add('active');
}
else{
reveals[i].classList.remove('active');
}
}
}
</script>
<footer>
<div class="footer-content">
<h3>Additional Information</h3>
<ul>
<li>
<a href="https://nyheritage.org/collections/dr-mary-edwards-walker-collection">Archives</a>
</li>
<li>
<a href="https://townofoswego.com/dr-mary-e-walker/">Biographical Timeline</a>
</li>
<li>
<a href="https://www.rbhousemuseum.org/education/dr-mary-walker/">Education</a>
</li>
<li>
<a href="https://www.riversendbookstore.com/">Books</a>
</li>
</ul>
<ul class="socials">
<li><a href="https://www.facebook.com/richardsonbateshousemuseum"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.instagram.com/rbhousemuseum"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<div class="footer-bottom">
<p>Oswego County Historical Society © 2023 <br> Designed by <a href="about.html">SUNY Oswego Students</a> <span>nethunt</span></p>
</div>
</footer>
<section3>
<div class="scrolldown">
<span2></span2>
<span2></span2>
<span2></span2>
</div>
</section3>
</body>
</html>