-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
352 lines (270 loc) · 14.4 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
347
348
349
350
351
352
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="js/jQuery/jquery-2.1.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/general.css">
<link rel="stylesheet" type="text/css" href="css/media.css">
<link rel="stylesheet" type="text/css" href="css/map.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<link rel="shortcut icon" href="img/emerald.ico"/>
<script src="js/functions.js"></script>
<title>Cemetery</title>
</head>
<body>
<!--HEADER-->
<div class="container-full">
<div class="row">
<div style="padding:0;"class="col-md-12 col-xs-12 col-sm-12">
<div id="buttons">
<a id="button0" href="https://www.dailyemerald.com"><img id="emerald" src="img/logo.png"></a>
<a id="button1" href="https://www.twitter.com"><img id="twitter" src="img/twitter.png"></a>
<a id="button2" href="https://www.facebook.com"> <img id="facebook" src="img/fb.png"></a>
</div>
<div class="absolute">Eugene Masonic Cemetery</div>
<div class="nextAb">You walk through it every day.<br>How much do you actually know about it?</div>
<video id="headerVideo" loop autoplay="autoplay" muted>
<source src="fly.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
<!--BODY 1-->
<div class="container">
<div class="row">
<div id="body1" class="col-md-5 col-xs-12 col-sm-12">
<p style="padding-top: 10%; padding-bottom: 5%;"><u id="author">By Kaylee Tornay______</u></p>
In the midst of a noisy university, George Dull lives in one of the quietest neighborhoods around: surrounded by more than 4,000 graves in the center of the Eugene Pioneer Cemetery.
“**Dull quote
Every day, dozens of students walk through the cemetery on their way to or from classes, but few ever encounter its elusive groundskeeper. Fewer still stop to talk to him if they meet him. The cemetery, and Dull, coexist beside Mac Court and Knight Library in relative anonymity.
Even so, Dull is one of the most visible figures in the network of people who keep the EPC, which has provided residence to the dead since 1872, up and running. Several other men and women, whose roots go deep into the Eugene community, work beyond the sight of students to preserve and protect those buried there, including, for some, their own ancestors.
One of them is Quentin Holmes, whose family ties to Eugene and the cemetery precede him by three generations, with the headstones to prove it. Holmes has been the president of the Eugene Pioneer Cemetery Association since 2012; his mother had been active on the board for decades and the biggest catalyst for him joining. Holmes’ great-grandfather Burt Lake moved to Eugene from Minnesota and is buried next to his first wife and sister. When he was growing up, he was frequently sent to the cemetery to clean the plot.
“Back then, that was just what people did,” Holmes says.
Fewer people embrace this kind of regular maintenance anymore, though, which is where Dull and the EPCA Board of Directors come into play. The cemetery EPC differs from most Eugene cemeteries in several ways, but one major dissimilarity is that it is not what is referred to as a “perpetual care” ceme-
</div>
<div id="center" class="col-md-7 col-xs-12 col-sm-12">
<div class="picBox">
<div class="picLeft">
<img src="img/story/1.png">
</div>
<div class="picRight">
<div class="text">
<div class="bigText">George Dull</div>
<div class="smText">59, Cemetery Grounds Keeper</div>
</div>
</div>
</div>
<div class="picBox">
<div class="picLeft">
<img src="img/story/2.png">
</div>
<div class="picRight">
<div class="text">
<div class="bigText">George Dull</div>
<div class="smText">59, Cemetery Grounds Keeper</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--PICTURES-->
<div class="container">
<div id="body3" class="row">
<div class="col-md-4 col-xs-12 col-xs-12">
<img class="picture" src="img/story/man.png"/>
</div>
<div class="col-md-4 col-xs-12 col-xs-12">
<img class="picture" src="img/story/cemetery.png"/>
Agni unt ut quodit et aut aturiae nonsed etur
lab il magnam aut etur?
</div>
<div class="col-md-4 col-xs-12 col-xs-12">
<img class="picture" src="img/story/lady.png"/>
</div>
</div>
</div>
<!--BODY 2-->
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="picBox">
<img src="img/story/3.png">
<div class="bigText">George Dull</div>
<div class="smText">59, Cemetery Grounds Keeper</div>
</div>
<div class="picBox">
<img src="img/story/4.png">
<div class="bigText">George Dull</div>
<div class="smText">59, Cemetery Grounds Keeper</div>
</div>
</div>
<div id="body2" class="col-md-7 col-xs-12 col-sm-12">
<div id="subline">Subline goes here</div>
tery. When someone buys a plot, it’s similar to buying a house deed—the land is then theirs to provide as much or as little care as they desire.
This style of ownership, though it places a heavy maintenance burden on the board, played an important role in the cemetery’s history, when the fate of the bodies buried was not as secure as it has been now for several decades.
The EPC was originally established under the care of the Independent Order of Oddfellows two years before the UO. In the 1930s, the plot owners formed the EPCA to maintain their property within the cemetery, and the two associations were in charge of the entity together. At first, the few graves and the singular building (Deady Hall) that housed the university were separated by about two blocks. Over the years, though, they grew closer together—too close for comfort for either. The Oddfellows eventually sold unclaimed property in the cemetery to the UO, which led to conflict in the late 1960s, when the university decided it wanted to expand onto the north end. According to Register-Guard articles from the time, about 1,100 graves would have had to be relocated from the six acres the university wanted to purchase.
The decision, which had to be settled in the state legislature, was hotly contested by plot owners and the families of those buried. One memorable proposal made by a state representative suggested that the university to construct its building over the cemetery, raised above the ground on stilts, a proposal that an EPCA board member said at the time, “merits some consideration—but not much.”
The cemetery was eventually preserved because plot owners refused to surrender their land and because the EPCA discovered that a Medal of Honor winner, Louis Renninger, was buried there. Medal of Honor winners cannot be moved after they are buried, nor can the cemeteries in which they are buried be changed to some other purpose. After that decision was made, the university and the cemetery have existed more harmoniously.
</div>
<div class="col-md-3"></div>
</div>
</div>
<div class="container-full">
<div class="row">
<div style="padding:0;"class="col-md-12 col-xs-12 col-sm-12">
<video id="headerVideo" loop autoplay="autoplay" muted>
<source src="fly.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
<!--BODY 3-->
<div class="container">
<div id="body3" class="row">
<div class="col-md-6 col-xs-12 col-xs-12">
</div>
<div class="col-md-6 col-xs-12 col-xs-12">
<div id="subline">Subline goes here</div>
Dis magnihi tisquae nonserc hilicilitis maximet omnimus nobis
adigent imet plignime voles abores nus solum re corum re
vellabo. Neque cus, suntis niatiore nihicimposam entotatendam
ipsant laut magnatus quae plam que eatias pos atint.
Qui dolendaes mos etum volorem. Picit, sundam aut optat
molori iducia qui comnis doluptas porist et latet et omniatem
ne omnisse ditius, culpariosti adit mil int qui que voluptia qui
ut eri accus repedit, sae. Ut omnis eum laut fugiandae porepel
ectest, ulpa cus.
Nemqui ut as maxime laceped quid molores mil molenetur sa
quis sunt, sunt voluptat renient, sum nulpa di ulluptatis re aut
quo qui dunte dis suntisincte nones de ducius aboribus.
Dundandam aut voluptat aut voleseq uatium rest, teculpa rcimendi
inctur?
Ut et omnimi, sunt hit ventur, tet quundia comniet et ut ut
lautemp orrorent reptatenda voluptatia ad ea doluptatetus doluptat.
Dunt. Pore, tem fugiatione illaccae minctest hiliquatur? Qui
ut magnis non repta niscilignim rectiumquis doluptas aut volore
es nobis que ipsaper sperupta cus aspellias utecerit, enis
mint facesti ipic to cone con conse comnita tiumenimus volupta
tiusapis ut omnim quam eossum senimus num fugit
rem ra assit millige nimusci lluptur, ut veligendae nobis nossit,
nimillaborro tem quis nonsecto vel mos volore moles autem
cone nis et odi ium, as as doloriant arum int endunt atempossit,
audae si soluptis dolupta volut dolum harum quaectu remolora
num lendi ut apici cus es exceaquunti dolland essunduntet
ma nonsectaquo maximpo ribus, vendicitae nonseque
voluptate voluptu reprovi tibusapienda illorunt que voluptaturIberions
equatur, voloribus aut ipsum restrum fugia simos
simoluptur, con rerum autatquis quo es rero qui ut facimil et
quis audi dem ex es earibus aborepe litisit essiti apeditet, ipit
et, consequos nos doluptionse niet offictae laut pellis dolupid
uciendit omnienes acipsum esto blabore cuptatquo es nossit
viducipiet que ma quo excestia dolorest quid explaborum conecab
intionet quae exceror sinullaut et molorunt lab ipsam re,
consed mossim ate venet quibus, con natius volorrorem dolesse
quisquis am que minvel et delest hil eniaectat volupta netusae
que volorem aligendi doluptaspis nimaio velestibus eicimet
licipsunt dolo ducim ut milluptatis venestrum aut autem.
Nim sunt labo. Dae laborpo reprateni as modipiet abor ad ut
dolorrum aut ex esediti beatum quibust officte cestem seditat
uriostius moluptatus.
Tasperum, ut lamuscid quis millitatibus volum ent.
Sitatio nseque earci deremque con natum restiiste minctiore
quistio rumetur?
In provitis ilibusda doloreribus alia volescipsam, ullab illorerem
harum suntio.Nus. Optatet optam qui consequo id mo et
rectur, sedit a doluptusapit hicium qui opti ullupta tiatiumque
earis sam, occae simagnis aut lam et aut et intur aute dolupta
tiatio dollatus, omnis dolumendipis alitass itaecto conse quia
</div>
</div>
</div>
<!--MAP-->
<div id="warning" class="container">
<div class="row">
<div class="col-xs-12">
<p style="font-size:200%">FLIP TO LANDSCAPE</p>
<img id="stillmap" src="img/map.png"/>
</div>
</div>
</div>
<div id="wholemap" class="container">
<div class="row">
<div id="relative" class="col-xs-12">
<div class="list-group">
<button onclick="changemap(0)" type="button" class="list-group-item">Judge J.J. Walton</button>
<button onclick="changemap(1)" type="button" class="list-group-item">John Straub</button>
<button onclick="changemap(2)" type="button" class="list-group-item">Louis Renninger</button>
<button onclick="changemap(3)" type="button" class="list-group-item">Harrison Kincaid</button>
<button onclick="changemap(4)" type="button" class="list-group-item">Smith Vault</button>
<button onclick="changemap(5)" type="button" class="list-group-item">Spanish American War Plot</button>
<button onclick="changemap(6)" type="button" class="list-group-item">G.A.R Plot</button>
</div>
<img id="map1" src="img/map/1.jpg"/>
<img id="map2" src="img/map/12.jpg"/>
<img id="map3" src="img/map/13.jpg"/>
<img id="map4" src="img/map/14.jpg"/>
<img id="map5" src="img/map/15.jpg"/>
<img id="map6" src="img/map/16.jpg"/>
<img id="map7" src="img/map/17.jpg"/>
</div>
</div>
</div>
<!--BODY-->
<div class="container">
<div id="body3" class="row">
<div class="col-md-6 col-xs-12 col-xs-12">
<div id="subline">Subline goes here</div>
suntem volendi psamendis et et plautem faccatis estiur?
pic atiaern atenducium fugiatque sin et excero ipsum rehendam
volorTe plicitibus dem il ium et officide laboribust autem dolut
quam il int, ommoluptate que naturem nus nonsequid quo
conecus veles ex exceseque des am doluptur rehende dolore doluptatium
inctata volescid maxim fugiam ipis cora nimet ab id
magnis doluptatiur ma doloremque expernam eiciand ignimet
ad molorio rernam as idel ipsus dolupta taeperit, nis con ea sus
et mo molo in cullo eum quation expe sed es eum quae cum
labore, oditiis alia sequi bero cus eost laut et porenihit ipicatur?
Qui acium restrum ipsaes descili gendam quid quia voluptatur?
Qui derfere perrores aliqui dolesti atquas molum idicidi ditist,
idellorit ipsuntibus, nulparc hitium volorer atureris rest, qui
te nulparumqui aliqui reriatur? Quibusti volorem. Ut omnis
iuremporem. Seditate poreped esto molupta tquaece pudaeces
magnat fuga. Et lam acestis doluptatis molut des et ad que aut
andus doluptis experep eritis earum autatur reptatur magniss
edicia vollecaerum quasim que quaepressi core volupta tempedios
qui cus, ullabor emquia simpore pudandionse occuptatur,
soluptinum qui dendis accus dolorro quas moluptatur, quam t
</div>
<div class="col-md-6 col-xs-12 col-xs-12">
<iframe style="height:400px" id="headerVideo" src="https://www.youtube.com/embed/nDopn_p2wk4"></iframe>
</div>
</div>
</div>
</body>
<div class="container">
<div class="row">
<div class="col-xs-12">
</div>
</div>
</div>
<!-- GOOGLE ANALYTICS-->
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-56398960-1', 'auto');
ga('send', 'pageview');
</script>
</html>