-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
346 lines (328 loc) · 36.5 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
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
<!DOCTYPE html>
<html>
<head style="font-family: verdana;" >
<title>Tales from Yellowstone Park</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.ie.css" /><![endif]-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" type="text/css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<h1 style= "font-family: helvetica; text-align: center;">Tales from Yellowstone Park</h1>
<div>
<section>
<div id="one"><p style= "font-family: helvetica;">Since its establishment in 1872, Yellowstone park has had over 150 million visitors. Each one of these visitors had their own
unique experience, some leaving with treasured memories and maybe some pictures. While it may just be a quick car ride away nowadays, travelling the
park before automobiles became a common part of American life was a very different experience. The Special Collections at MSU has a handful of
journals and photos from these early tourists, documenting their travels. Some of the more thorough accounts have been selected to be featured in
this map, documenting their travels in the park. Some of the accounts featured here include the journal of Henry F. Keyes, a young Harvard student
who traveled through in 1899, hiking much of the park, until an injury cut his visit short, or Charles Hoff, who rode through in a wagon with his
brother and family in September of 1908. All of these accounts remark on the natural beauty of the park and its unique thermal features.
</p></div>
<div id="two">
<ul>
<li style= "font-family: helvetica;"><a href='http://www.lib.montana.edu/archives/ynp.html'> Yellowstone collections</a>- A list of papers, journals and diaries that Special Collections has involving Yellowstone Park including the accounts used for this map. </li> <p></p>
<li style= "font-family: helvetica;"><a href='keyesIndex.php'> Keyes Journal </a>-A young Harvard student documents his travels from the east coast to Yellowstone. While there he records the sights from the western entrance through the geyser basin. His journey was cut short due to an injury near Old Faithful, but he still saw a good portion of the park on his trip out, travelling first to Yellowstone lake, then up to the Canyon Hotel, eventually leaving through the north entrance near Mammoth Springs.</li><p></p>
<li style= "font-family: helvetica;"><a href='https://arc.lib.montana.edu/finding-aids/item/551'> Hoff journal</a> -Charles Hoff set off on a wagon trip in 1908 with friends and family to see Yellowstone Park. They left from near Boulder Wyoming, making it to the park on September 4, 1908. They came in through the southern entrance and made their way north, circling around to see Tower Falls, Mammoth Springs, and the Geyser Basins, eventually leaving through the western entrance before going home.</li><p></p>
<li style= "font-family: helvetica;"><a href= 'vert/vert.html'> Yellowstone Timeline</a> -For a bit of perspective on the scale of the history of the park, here is a timeline beginning with some early native Americans, extending to modern day.</li>
</ul>
</div>
</section>
</div>
<p></p>
<p></p>
<div id="map" style="width: 100%; height: 800px; align: right";></div>
<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<!-- Include this library for mobile touch support -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
<script src="SliderControl.js"></script>
<script type="text/javascript" src="tile.stamen.js"></script>
<!--<script type="text/javascript" src="https://stamen-maps.a.ssl.fastly.net/js/tile.stamen.js?v1.3.0"></script>
<script type="text/javascript" src="http://maps.stamen.com/js/tile.stamen.js?v1.3.0"></script>
<script type="text/javascript" src="https://stamen-tiles.a.ssl.fastly.net/js/tile.stamen.js?v1.3.0"></script>-->
<script>
var layer = new L.StamenTileLayer("watercolor");
var drawnicon = L.icon({
iconUrl: 'images/mapmark48.PNG',
iconSize: [39,39],
iconAnchor: [19,35],
popupAnchor:[1,-25]
//https://cdn2.iconfinder.com/data/icons/social-hand-drawn-icons/64/social_8-48.png
});
var wordicon = L.icon({
iconUrl: 'images/textmarker.PNG',
iconSize: [39,39],
iconAnchor: [30,35],
popupAnchor: [-8,-20]
});
var wordiconRef = L.icon({
iconUrl: 'images/textmarkerReflect.PNG',
iconSize: [39,39],
iconAnchor: [0,35],
popupAnchor: [18,-20]
});
var sliderControl = null;
var mymap = L.map('map').setView([44.5, -110.5], 10);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(mymap);
//Use usual LayerGroups instead of GeoJSON fetched markers
mymap.addLayer(layer);
var markerGoldenGate = L.marker([44.935309, -110.721347],{time: "1899-08-13 ", icon:drawnicon}).bindPopup("<big><b>Golden Gate </b></big><img src = 'images/goldengateoldnew.PNG' alt = 'the same photo over a hundred years apart'> <font size = '1'> <a href = 'http://www.lib.montana.edu/digital/objects/coll2577/2577-B01-F01.pdf'> Henry F Keyes</font></a><p>The only differences in a hundred years here appear to be man-made.</p>" , { maxWidth : 975, minWidth: 975 } ),
markerFaithful = L.marker([44.460467, -110.828104],{time: "1899-08-05", icon: drawnicon}).bindPopup("<big><b> Old Faithful and Castle Geyser</b></big><img src = 'images/oldfaithfulandcastle.png' alt = 'old faithful'> <font size = '1'> <a href = 'http://www.lib.montana.edu/digital/objects/coll2577/2577-B01-F01.pdf'> Henry F Keyes</font></a><p>While Keyes was walking around on the fifth, he broke through a crust near some of the thermal features and burnt his foot. He spent the next few days in the area recovering, either laying in bed or sitting and watching passing tourists and the geysers. These pictures could have been taken anytime during the days between the fifth and tenth before he was recovered enough to travel. The mornining of the eleventh marks the beginning of his return trip back to Bozeman and eventually home. </p> ",{maxWidth : 750, minWidth: 750}),
markerFountain = L.marker([44.549261, -110.807523],{time: "1899-08-03",icon: drawnicon}).bindPopup("<big><b>Fountain Gyeser</b></big> <img src='images/2577-01-01-27-2.PNG' alt = 'formations at the fountain geyser'> <font size = '1'> <a href = 'http://www.lib.montana.edu/digital/objects/coll2577/2577-B01-F01.pdf'> Henry F Keyes</font></a><p>This set of pictures was taken through the afternoon of the third and the morning of the fourth. Mammoth Paint Pots were later renamed to Fountain Paint Pots, most likely to reduce confusion with the Mammoth Springs in the north part of the park.</p>", {maxWidth : 1200, minWidth: 1200} ),
//marker4 = L.marker([44.549261, -110.807523]).addTo(mymap),
markerMadison = L.marker([44.649587, -110.951056],{time: "1899-08-02", icon: drawnicon}).bindPopup("<big><b>Madison Canyon</b> </big><img src ='images/2577-01-01-27-1.PNG' alt = 'madison river'><font size = '1'> <a href = 'http://www.lib.montana.edu/digital/objects/coll2577/2577-B01-F01.pdf'> Henry F Keyes</font></a><p>This photograph was taken on the trail near where Keyes made camp the evening of the second, around modern day Madison Junction.</p>",{maxWidth : 450, minWidth: 450} ),
markerYellRiv = L.marker([44.711278, -110.501974],{time: "1899-08-12", icon: drawnicon}).bindPopup("<big><b>Yellowstone River</b></big> <img src ='images/yellowstone_river_composite.png' alt = 'composite of the river over a hundred years apart'> <font size = '1'> <a href = 'http://www.lib.montana.edu/digital/objects/coll2577/2577-B01-F01.pdf'> Henry F Keyes</font></a><p>A side by side comparison of the same location on the Yellowstone river over a hundred years apart. </p>",{maxWidth: 925, minWidth: 925}),
markerYellThumb = L.marker([44.460975, -110.556562],{time: "1899-08-11", icon: drawnicon}).bindPopup("<big><b>Yellowstone Lake West Thumb</b></big> <img src = 'images/2577-01-01-29-04.PNG' alt = 'the thumb of yellowstone lake'> <font size = '1'> <a href = 'http://www.lib.montana.edu/digital/objects/coll2577/2577-B01-F01.pdf'> Henry F Keyes</font></a><p>Keyes spent the morning of the eleventh admiring the view from a stage he was riding. He snapped this picture while the stage was stopped for a lunch break.</p>",{maxWidth: 450, minWidth: 450}),
markerNWYellLake = L.marker([44.540147, -110.425663],{time: "1899-08-11", icon: drawnicon}).bindPopup("<big><b>Northwestern Yellowstone Lake</b></big><img src= 'images/2577-01-01-29-02.PNG' alt = 'view from the yellowstone lake' > <font size = '1'> <a href = 'http://www.lib.montana.edu/digital/objects/coll2577/2577-B01-F01.pdf'> Henry F Keyes</font></a><p>The view of the Rockies across the lake was impressive enough to warrant both a mention in his journal as well as a photograph. Keyes could have taken this photo anytime while on the stage, riding to the Lake Hotel or from the hotel itself.</p>",{maxWidth: 450, minWidth: 450}),
EnterMarker = L.marker([44.702668, -111.096728],{time: "1899-08-02 ",icon: wordicon},autoPan = true,title ='Entering the Park').bindPopup("<big><b>Entering the Park</b></big><p> \"Crossed the western boundary of the Yellowstone Park at just 2 P.M. - Rode 4 miles to the Madison River and then turned from the road and camped at its banks\"</p> <a href='journalDB.php?item=30'> -Keyes Journal August 2, 1899</a> "),
markerMammothSprings = L.marker([44.972423, -110.699956],{time: "1899-08-13", icon: drawnicon}).bindPopup("<big><b>Mammoth Hot Springs</b></big><img src ='images/2577-01-01-31-03.PNG' alt = 'a terrace of Mammoth Hot Springs'><font size ='1'><a href = 'http://www.lib.montana.edu/digital/objects/coll2577/2577-B01-F01.pdf'> Henry F Keyes</font></a><p>Keyes' last stop in Yellowstone was here at Mammoth Hot Springs for dinner before he left the park and boarded a train bound for Bozeman.</p>" ,{maxWidth: 450, minWidth: 450}),
markerSulfurMTN = L.marker([44.653718, -110.48504],{time: "1899-08-12", icon: drawnicon}).bindPopup("<big><b>Sulfur Mountain and Springs</b></big><img src='images/sulfurMTN.png' alt = 'sulfur mountain'> <font size = '1'> <a href = 'http://www.lib.montana.edu/digital/objects/coll2577/2577-B01-F01.pdf'> Henry F Keyes</font></a> <p>The People in this set of photos may be Keyes' travelling companions, as he passed them at some point during his travels on the twelfth.</p>",{maxWidth: 1200, minWidth: 1200});
aug2 = L.polyline([[44.702668, -111.096728],
[44.649587, -110.951056]],{
time: "1899-08-02",
color:'#996600',
weight: 5,
opacity: .7,
dashArray: "5, 7"
}),
aug3 = L.polyline([[44.649587, -110.951056],
[44.645171, -110.862466],
[44.549261, -110.807523]],{
time: "1899-08-03",
color:'#996600',
weight: 5,
opacity: .7,
dashArray: "5, 7"
}),
markerAug3 = L.marker([44.635, -110.857],{time: "1899-08-03", icon: wordiconRef}).bindPopup("<big><b>First Geysers</b></big><p>\"Arose at 6- heavy mist hanging over the Madison... walked on toward the Fountain Hotel - Struck the Fire Hole River the east fork of the Madison + followed it up... Camped on the Fire Hole River 1½ miles from the Fountain Hotel... After supper [I] went down to the Fountain Hotel with Sayles- Went in to the hotel looking like a couple of desparados... saw wild black bears afar - went up to the Fountain Geyser + by good luck saw an eruption- First experience with geysers... Hot Spring[s] mean camp where we can get hot water to wash... Sat around camp fire for a while + then turned in at 9:30\"</p> <a href='journalDB.php?item=31'> -Keyes Journal August 3, 1899"),
aug4 = L.polyline([[44.549261, -110.807523],
[44.460467, -110.828104]],{
time: "1899-08-04",
color:'#996600',
weight: 5,
opacity: .7,
dashArray: "5, 7"
}),
markerAug4 = L.marker([44.509,-110.820],{time :"1899-08-04", icon: wordicon}).bindPopup("<big><b>Hiking the Upper Basin</b></big><p>\"Breakfast of fresh meat from the military camp -again- Broke camp at 9 A.M. ... Walked with Sayles around the Upper Basin- Exselsior Geyser-Turquoise Pool-\
Prismatic pool... Took photographs this morning of the Lamar Basin- After passing the Excelsior + Hell's Half Acre, Sayles + I had lunch at the top of a hill... Went up to Old Faithful + saw eruption 125 ft. high\" </p>\
<a href='journalDB.php?item=32'> -Keyes Journal August 4, 1899</a>"),
aug5through10 = L.marker([44.461775, -110.79],{icon: wordicon}).bindPopup("<big><b>Keyes' Injury</big></b><p>\"Walked down to basin with Sayles + Shippee after breakfast at 10 A.M. Broke through the Earth's crust in the crater regions + burnt my ankle. In bed rest of day\"</p><a href='journalDB.php?item=33'> -Keyes Journal August 5, 1899</a>\n\
<p>\"In bed all day\"</p><a href='journalDB.php?item=34'> -Keyes Journal August 6, 1899</a>\n\
<p>\"In bed all the morning and afternoon. Elk and bear at camp\"</p><a href='journalDB.php?item=35'> -Keyes Journal August 7, 1899</a>\n\
<p>\"In bed in morning. Sat up in afternoon and evening.\"</p><a href='journalDB.php?item=36'> -Keyes Journal August 8, 1899</a>\n\
<p>\"Sat up all day and watched the geysers and the passing stages filled with tourists... bears came to the piazza + coyotes made considerable noise...\"</p><a href='journalDB.php?item=37'> -Keyes Journal August 9, 1899</a>\n\
<p>\"Received 16 letters Miss Anna gave them to me one at a time... spent time watching rain, geysers and tourists... Ate heartily- In the afternoon had first shave since Bozeman 4½ weeks ago. Saved Moustache... beautiful sunset- Bed early\"</p><a href='journalDB.php?item=38'> -Keyes Journal August 10, 1899</a>"),
aug11a = L.polyline([[44.460467, -110.828104],
[44.460975, -110.556562]],{
time: "1899-08-11",
color:'#996600',
weight: 5,
opacity: .7,
dashArray: "5, 7"
}),
markerAug11a = L.marker([44.461775,-110.65],{icon: wordicon}).bindPopup("<big><b>Riding to Yellowstone Lake</b></big><p>\"Arose at 5:30+ dressed + had breakfast. Had foot dressed... started on stage 8:15 A.M. Rode 19 miles from the upper basin to the Thumb- beautiful scenery... arrived at the Thumb at 12 view of the lake + little steamer\"</p><a href='journalDB.php?item=39'> -Keyes Journal August 11, 1899</a>"),
aug11b = L.polyline([[44.460975, -110.556562],
[44.540147, -110.425663]],{
color:'#996600',
weight: 5,
opacity: .7,
dashArray: "5, 7"
}),
markerAug11b= L.marker([44.503,-110.49],{icon: wordicon}).bindPopup("<big><b>Continuing to the Lake Hotel</b></big><p>\"At 2:30 started on for the Lake Hotel- Rode 19 miles more- Fine scenery of Rocky Mts across the lake and pelicans in the distance- arrived at Lake Hotel at 6:30- Carl carreid me upstairs to [my] room facing the Lake on the first floor- meal togther in the room- chocolate ice cream and apple pie Carl had a shave after supper... Bed early. 5 bears out back of Hotel Carl says\"</p><a href='journalDB.php?item=39'> -Keyes Journal August 11, 1899</a>"),
aug12a = L.polyline([[44.540147, -110.425663],
[44.653718, -110.48504]],{
time: "1899-08-12",
color:'#996600',
weight: 5,
opacity: .7,
dashArray: "5, 7"
}),
markerAug12a = L.marker([44.59,-110.452],{icon: wordiconRef}).bindPopup("<big><b>Sulfur Mountains</b></big><p>\"Arose at 7 breakfast in room- went down with the official + sat down after breakfast... Started for the canyon at 9:00 A.M... beautiful morning and pleasant ride Mud Geyser- Hayden Valley- Sulphur mts + hot springs\"</p><a href='journalDB.php?item=40'> -Keyes Journal August 12, 1899</a>"),
aug12b = L.polyline([[44.653718, -110.48504],
[44.711278, -110.501974]],{
color:'#996600',
weight: 5,
opacity: .7,
dashArray: "5, 7"
}),
markerAug12b = L.marker([44.69,-110.496],{icon: wordiconRef}).bindPopup("<big><b>Passing Friends</b></big><p>\"Passed Jack Bean + Mac at the camp- wanted to stop but couldn't- Upper Falls- rapids - cascade- Lava falls + canyon - Beautiful entering of canyon. arrived at hotel at 12:30. Carl went out to see the canyon in the afternoon... Sayles came up in the evening and stayed a while... Bed at 9:00\"</p><a href='journalDB.php?item=40'> -Keyes Journal August 12, 1899</a>"),
aug13 = L.polyline([[44.711278, -110.501974],
[44.728073, -110.696635],
[44.935309, -110.721347],
[44.972423, -110.699956]],{
time: "1899-08-13",
color:'#996600',
weight: 5,
opacity: .7,
dashArray: "5, 7"
});
markerAug13 = L.marker([44.835,-110.709],{icon: wordiconRef}).bindPopup("<big><b>Leaving the Park</b></big><p>\"No sleep last night. Arose at 7 A.M. ... Seated on stage at 8. Saw the canyon again + falls + river... drove on to Norris- passed all the fellows walking on the way - lunch at Norris... in afternoon drove on to [Mammoth Hot] Springs - Golden Gate- Devil's Playground... Supper at M.H. Springs.\"</p><a href='journalDB.php?item=41'> -Keyes Journal August 13, 1899</a>");
//end of Keyes entries
//Beginning of Hoff Diary
var
hoffMadison = L.marker([44.67, -110.951056],{time: "1908-09-18", icon: drawnicon}).bindPopup("<big><b>Madison Junction</b> </big><img src ='images/madisonJCT.png' alt = 'madison river'><font size = '1'> ",{maxWidth : 500, minWidth: 500} ).update(),
hoffLoneStar = L.marker([44.418429, -110.796524],{time: "1908-09-14", icon: drawnicon}).bindPopup("<big><b>Lone Star Geyeser</b> </big><img src ='images/lone_star.png' alt = 'Lone Star Geyser'><font size = '1'> ",{maxWidth : 500, minWidth: 500} ),
hoffMudVolcano = L.marker([44.624620, -110.434273],{time: "1908-09-05", icon: drawnicon}).bindPopup("<big><b>Mud Volcano</b> </big><img src ='images/mud_volcano.png' alt = 'mud volcano'><font size = '1'> ",{maxWidth : 500, minWidth: 500} ),
hoffgreatFountain = L.marker([44.537246, -110.806600],{time: "1908-09-13", icon: drawnicon}).bindPopup("<big><b>Great fountain Geyser</b> </big><img src ='images/great_fountain.png' alt = 'Great Fountain Geyser'><font size = '1'> ",{maxWidth : 500, minWidth: 500} ),
hoffgoldengate = L.marker([44.935309, -110.721347],{time: "1908-09-11", icon: drawnicon}).bindPopup("<big><b>Golden Gate Falls</b> </big><img src ='images/ggfalls.png' alt = 'golden gate falls'><font size = '1'> ",{maxWidth : 500, minWidth: 500} ),
hoffchoco = L.marker([44.709598, -110.742732],{time: "1908-09-13", icon: drawnicon}).bindPopup("<big><b>Chocolate Springs</b> </big><img src ='images/chocoSpring.png' alt = 'chocolate spring'><font size = '1'> ",{maxWidth : 500, minWidth: 500} ),
hoffTower = L.marker([44.893773, -110.367198],{time: "1908-09-09", icon: drawnicon}).bindPopup("<big><b>Tower Falls</b> </big><img src ='images/tower_falls.png' alt = 'tower falls'><font size = '1'> ",{maxWidth : 500, minWidth: 500} ),
hoffWashburn = L.marker([44.797714, -110.434217],{time: "1908-09-06", icon: drawnicon}).bindPopup("<big><b>Mount Washburn</b> </big><img src ='images/mount_washburn.png' alt = 'mount washburn'><font size = '1'> ",{maxWidth : 500, minWidth: 500} ),
hoffThumb = L.marker([44.468266, -110.555097],{time: "1908-09-05", icon: drawnicon}).bindPopup("<big><b>Yellowstone Lake Thumb</b> </big><img src ='images/YellowThumb.png' alt = 'Yellowstone lake west thumb'><font size = '1'> ",{maxWidth : 500, minWidth: 500} ),
enterHoff = L.marker([44.136244, -110.665583],{time: "1908-09-04 ", icon: wordicon}).bindPopup("<big><b>Hoff Enters the Park</b></big><p>\"We traveled up on the east side of Snake River until about one o'clock. Crossed Snake River on the bridge. Drove on up to the soldiers' quarters. Got our instructions and got our guns sealed. Crossed a creek just above Moose Falls. Drove on about eight miles to Lewis River, just below the Lewis Lake, and camped.\"</p> <p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 4, 1908</a> "),
introHoff = L.marker([44.093153, -110.671415],{time: "1908", icon: wordicon}).bindPopup("In 1908 Charles Hoff set off on a wagon trip with some friends and family from Boulder Wyoming. They rode north following several rivers through Wyoming, making it to the southern entrance of the Park on September 4, 1908. They continued north through the park, making their way past Yellowstone Lake and the Yellowstone river almost all the way to the northern border of the park. Along the way Hoff describes the landmarks and sights, some in great detail. From Tower falls, they turned towards mammoth springs. During a layover in Mammoth Henry, Charles’ brother, took their horses to Gardner to get them shod before moving south. The group made it all the way to Old Faithful, often traveling though rain and snow, before backtracking to modern day Madison junction and leaving through the western entrance of the park.")
enter = L.polyline([[44.136244, -110.665583],
[44.265335, -110.638124]],{
time: "1908-09-04",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
markerSept4 = L.marker([44.265335, -110.638124],{time: "1908-09-04", icon: wordicon}).bindPopup("<big><b>Camping south of the lake</b></big><p>\"O yes, we heard a bull elk bugle at the moon today, but did not get to see him. Harry says these soldiers did not make a very favorable impression with him. There is nothing sociable about them.\"</p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 4, 1908</a> ", {keepInView: true}),
sept4 = L.polyline([[44.265335, -110.638124],
[44.425683, -110.585807]],{
time: "1908-09-04",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
markerSept5 = L.marker([44.425683, -110.585807],{time: "1908-09-05", icon: wordicon}).bindPopup("<big><b>Visiting the Thumb</b></big><p>\"We left the lake and crossd on the Continental Divide. Found water running north to Yellowstone. Came to the Thumb in about five miles on Yellowstone Lake. We registered, camped and went sightseeing. We saw our first geyser. The Lake Geyser, The Paint Pots, Fish Bowls, Mirror hot springs, Mud springs, and three bear feeding at the hotel stop hole.\"</p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 5, 1908</a> ",{keepInView: true}),
sept5 = L.polyline([[44.425683, -110.585807],
[44.605955, -110.388803]],{
time: "1908-09-05",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
markerSept6 = L.marker([44.605955, -110.388803],{icon: wordicon}).bindPopup("<big><b>The Northern Side of the Lake</b></big><p>\"We sure had company all the afternoon. Two large pelicans with black striped wings were in the river near the wagon. We went up to the hotel on horseback about four o'clock. We were too late to see the bear fed. They had fed twenty-three black and brown. We were there in time to see the silvertips, as they are too shy to come out until later. But when they did come, they made the others scamper. there were seven silvertips.\"</p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 6, 1908</a> ",{keepInView: true}),
sept6 = L.polyline([[44.605955, -110.388803],
[44.735335, -110.492306]],{
time: "1908-09-06",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
markerSept7 = L.marker([44.735335, -110.492306],{icon: wordicon}).bindPopup("<big><b>Morning Fishing and a History Lesson</b></big><p>\"We fished this forenoon. We caught ten fish weighing fifteen pounds, hitched up, and drove down to the river four miles to Mud Volcano. We will not try to describe it. it must be seen to realize its awfulness. the Devil's Fireplace was nearby. </p><p>We drove down to the next place of importance which was where General Howard camped Sept 1, 1877, he having followed a band of Nez Perce indians. They forded the Yellowstone River. He went down to Baronet's Bridge and crossed. went on down to where Captain Spurgin let General Howard's wagon train down a steep hillside. marks in the trees still visisble where ropes burned. Then we crossed Otter Creek where the indians attacked and killed one of a party of travelers from Helena, Montana on Aug 26, 1877.\"</p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 7, 1908</a> ", {keepInView: true}),
sept7 = L.polyline([[44.735335, -110.492306],
[44.893662, -110.390172]],{
time: "1908-09-07",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
markerSept8 = L.marker([44.893662, -110.390172],{icon: wordicon}).bindPopup("<big><b>A Stunning View</b></big><p>\"We then hitched up and started for Mount Washburn. We left the down Ravine Road to our left and went up the hill like pilgrims. We all marveled at the road scored out of solid ledges and wondered what it had cost the government. On top, we found plenty of old snow and some new drifts. Altitude ten thousand and two hundred feet. Yellowstone Lake was in sight. We pulled to Tower Falls and camped.\"</p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 8, 1908</a> ", {keepInView: true}),
sept8 = L.polyline([[44.893662, -110.390172],
[44.922793, -110.398460]],{
time:"1908-09-08",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
markerSept9 = L.marker([44.922793, -110.398460],{icon: wordicon}).bindPopup("<big><b>Tower Falls</b></big><p>We went up Tower Creek two or three hundred yards to the foot of the falls. Here we experienced a sunshine shower. the nearer the falls, the heavier the shower caused by the spray, the water falling perpendicular 110 feet. We went to the camp and ate the big fish for dinner. He was fine\"</p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 9, 1908</a> ", {keepInView: true}),
sept9 = L.polyline([[44.922793, -110.398460],
[44.973713, -110.696803]],{
time:"1908-09-09",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
//markerSpet10 = L.marker().bindPopup("<big><b>title</b></big>", {keepInView: true}),
markerSept11 = L.marker([44.973713, -110.696803],{icon: wordicon}).bindPopup("<big><b>An ancient forest</b></big><p>\"About one mile from Roosevelt, we left the main road and drove about three quaters of a mile up the mountain to see the only standing petrified trees in America. They were genuine, as the dirt had been removed from around them making the roots visisble. This highest one had been brokem off twenty or twenty-five feet from the surface and had several bunches of grass growing on top. It was about five and a half feet through at the base. A smaller one about fifteen feet high had two iron bands around it to keep it from falling as it was crumbling some.\"</p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 11, 1908</a> ", {keepInView: true}),
sept11 = L.polyline([[44.973713, -110.696803],
[44.724653, -110.702201]],{
time:"1908-09-11",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
//markerSept12 = L.marker().bindPopup("<big><b>title</b></big>, {keepInView: true}),
markerSept13 = L.marker([44.724653, -110.702201],{icon: wordicon}).bindPopup("<big><b>Sights in the Northern Park</b></big><p>Next was Rustic Falls at the west end of Golden Gate. We thought this was the most beautiful waterfall we had ever seen. Passed Swan Lake and came to Apollinaris Spring. Next was Obsidian cliff. We called it common glass. In constructing this piece of the road, it was necessary to heat the surface and throw cold water on it in order to shatter it\"</p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 13, 1908</a> ", {keepInView: true}),
sept13 = L.polyline([[44.724653, -110.702201],
[44.552332, -110.807833]],{
time: "1908-09-13",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
markerSept14 = L.marker([44.552332, -110.807833],{icon: wordicon}).bindPopup("<big><b>Taveling to the Fountain Hotel</b></big><p>\"Broke camp at ten o'clock. Drove past the hotel and past several geysers. Continued south for Tower Geyser Basin. Saw several things of interest on the road. Elk parks, Gibbon Meadows, and Chocolate Springs, Iron Springs, Beryl springs, Gibbon Falls. One thing worth mentioning was Chocolate Springs. One on either side of the river. One spurting up in the river. They had formed chocolate colored cones which resembled a skunk in shape, with the hit water spouting out of the top. They were eight or ten feet high after drawing down the Gibbon River\" </p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 14, 1908</a> ", {keepInView: true}),
sept14 = L.polyline([[44.552332, -110.807833],
[44.418487, -110.806529]],{
time: "1908-09-14",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
//markerSept15 = L.marker().bindPopup("<big><b>title</b></big>", {keepInView: true}),
markerSept16 = L.marker([44.418487, -110.816529],{icon: wordicon}).bindPopup("<big><b>Watching the Great Fountain</b></big><p>\"We turned to the left, taking a side road that took us to the Great Fountain which we visited yesterday. It looked to us like it was about ready to spout. We waited until 1:10 before she spouted. This was the largest one that we have seen. It went 100 feet high. The column was about ten feet in diameter. While we were waiting to see it perform, we boiled some eggs, made some tea, and I washed my shirt. Did a good job.\"</p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 16, 1908</a> ", {keepInView: true}),
sept16 = L.polyline([[44.418487, -110.806529],
[44.460695, -110.827710]],{
time: "1908-09-16",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
//markerSept17 = L.marker().bindPopup("<big><b>title</b></big>", {keepInView: true}),
markerSept18 = L.marker([44.460695, -110.827710],{icon: wordicon}).bindPopup("<big><b>Camping Near Old Faithful</b></big><p>\"We broke camp 3:45 in the rain. Drove back to Upper Basin. Camped about one hundred yards east of Old Faithful geyser, so named on account of his faithfulness in spouting every hour for many years. There are many geysers here, to numerous to mention. We have been looking at them today.</p><p> The sun came out about noon. Nettie got her clothes dry and ironed them in a rustic hotel here. It is lighted with electricity. It is the most extensive log structure yet devised by man, it being steam heated. It was opened for the public in 1894 at the cost of two hundred thousand dollars. The center of the building rises eight stories high. The bear seems tamer than usual here. We saw six of them today.\"</p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 18, 1908</a> ", {keepInView: true}),
sept18 = L.polyline([[44.460695, -110.827710],
[44.642427, -110.863650]],{
time: "1908-09-18",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
markerSept19 = L.marker([44.642427, -110.863650],{icon: wordicon}).bindPopup("<big><b>Revisiting the Great Fountain</b></big><p>\"We broke camp 9:35. Pulled down past the hotel. Registered at soldiers' quarters. Stopped at Biscuit Basin. One mile below, we saw the Sapphire Pool, Jewel geyser, and Black Pearl. The Jewel was spouting. We pulled down to the Great Fountain geyser. We saw it was about ready to play. Made a cup of tea, ate our lunch. Just as we were finishing, she belched forth, giving us a better exhibition than it did before. We pronounced this the best geyser in the Park. We considered ourselves lucky seeing it twice, it being off the main-traveled road. Don't suppose that half of the people that visit the Park get to see it all.\"</p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 19, 1908</a> ", {keepInView: true}),
sept19 = L.polyline([[44.642427, -110.863650],
[44.702668, -111.096728]],{
time: "1908-09-19",
color:'#f96363',
weight: 5,
opacity: .7,
dashArray: "10, 8"
}),
markerSept20 = L.marker([44.702668, -111.096728],{time: "1908-09-20", icon: wordicon}).bindPopup("<big><b>Exiting the Park</b></big><p>\"We broke camp at one o' clock, having tried the fish in the forenoon, Nettie beat us again. By a signboard by the roadside, we found we had camped where General Washburn did Sept 19, 1870. He first made known to the world the wonders of the Park on this trip and suggested setting the region apart as a Park. </p><p> We pulled down the Madison River to Riverside Station. Registeered and had the seals broken off of our guns. Drove four miles west of the Station. Crossed the Park line and found the O.S.L. R.R. with Senator Clark's private car backed up to the very edge of the Park. This being Yellowstone Station, Montana. We camped here for the night, all feeling that we had been well paid for our time and trouble.\"</p><a href='https://arc.lib.montana.edu/finding-aids/item/551'> -Hoff Journal Sept 20, 1908</a> ", {keepInView: true});
//end of Hoff entries
layerGroup = L.layerGroup([ EnterMarker, aug2,markerMadison, aug3, markerAug3,markerFountain,aug4, markerAug4, markerFaithful, aug5through10, aug11a, markerAug11a, markerYellThumb, aug11b, markerAug11b, markerNWYellLake, aug12a, markerAug12a, markerSulfurMTN, aug12b, markerAug12b, markerYellRiv, aug13, markerAug13, markerGoldenGate, markerMammothSprings, introHoff, enterHoff, enter, markerSept4, sept4, markerSept5, sept5, hoffThumb, hoffMudVolcano, markerSept6, sept6, hoffWashburn, markerSept7, sept7, markerSept8, sept8, markerSept9, sept9, hoffTower, markerSept11, sept11, hoffgoldengate, markerSept13, hoffchoco, sept13, hoffgreatFountain, markerSept14, sept14, hoffLoneStar, markerSept16, sept16, markerSept18, sept18, hoffMadison.update(), markerSept19, sept19, markerSept20]);
var sliderControl = L.control.sliderControl({layer:layerGroup, follow: true, range: true, position: "topright"});
mymap.addControl(sliderControl);
sliderControl.startSlider();
L.Control.Watermark = L.Control.extend({
onAdd: function(map) {
var img = L.DomUtil.create('img');
img.src = 'images/msu-library-square.png';
img.style.width = '150px';
return img;
},
onRemove: function(map) {
}
});
L.control.watermark = function(opts) {
return new L.Control.Watermark(opts);
};
L.control.watermark({ position: 'bottomleft' }).addTo(mymap);
mymap.on('popupopen', function(e) {
var px = mymap.project(e.popup._latlng);
px.y -= e.popup._container.clientHeight/1.7;
mymap.panTo(mymap.unproject(px),{animate: true});
e.update();
});
</script>
</body>
</html>