-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathexplore.html
More file actions
162 lines (154 loc) · 12.1 KB
/
Copy pathexplore.html
File metadata and controls
162 lines (154 loc) · 12.1 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>explore</title>
<link rel="icon" type="image/x-icon" href="https://github.com/nicetry1/nicetry1.github.io/raw/main/media/on-earth-favicon.png">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav id="navbar">
<ul class="navbar">
<li><a href='index.html'>home</a></li>
<li><a href='about.html'>about</a></li>
<li><a href='contact.html'>contact</a></li>
<li><a href='breakdown.html'>breakdown</a></li>
</ul>
</nav>
<header>
<h1>explore</h1>
</header>
<section id="explore-intro">
<p>The table below contains a small and topically cohesive sampling of objects in the archive of research materials assembled so far in the development of the project.</p><p>Click the object's title to learn more about each piece. For a more comprehensive and wide-ranging list of topics in the research scope of On Earth, see the <a href="about.html">about</a> section of this website.</p>
</section>
<section id="explore-table-container">
<table>
<!--
no luck using colgroup to format borders, plus conflicting information
on formatting this feature from different documentation sources, MDN and
w3schools conflict, for example. decided to style manually using clases.
<colgroup>
<col span="2" class="first-columns"></col>
</colgroup>
-->
<thead>
<tr>
<th class="first-columns">object</th>
<th class="first-columns">source</th>
<th class="last-column">topics</th>
</tr>
</thead>
<tbody>
<tr class="first-rows">
<td class="first-columns"><button id="firstContent">"The Ruin"</button></td>
<td class="first-columns">Raffel, Burton, translator. <em>Poems From the Old English.</em> 2nd ed., University of Nebraska Press, 1964.</td>
<td class="last-column">ruins, ancient history, fire, baths, empire, time</td>
</tr>
<tr class="first-rows">
<td class="first-columns"><button id="secondContent">1953 Cliff House Menu</button></td>
<td class="first-columns">Menu from the restaurant occupying the final major Cliff House renovation prior to the burning of the baths, sourced from Ebay seller 1salmon</td>
<td class="last-column">sutro heights, cliff house, ocean beach, seal rocks, 20th century san francisco</td>
</tr>
<tr class="first-rows">
<td class="first-columns"><button id="thirdContent">Joel Springer's "Going to Blazes"</button></td>
<td class="first-columns">Joel Springer and the outsidelands.org Western Neighborhoods Project c/o Mark Adams</td>
<td class="last-column">fire, san francisco history, ephemeral cinema, sutro baths, heraclitus</td>
</tr>
<tr class="first-rows">
<td class="first-columns"><button id="fourthContent">The Site of Sutro's Estate</button></td>
<td class="first-columns">Personal video archive</td>
<td class="last-column">san francisco history, sutro heights, 21st century san francisco, ephemeral cinema, gardens, light</td>
</tr>
<tr>
<td class="first-columns last-row"><button id="fifthContent">"Short Talk on Where to Travel"</button></td>
<td class="first-columns last-row">Carson, Anne. <em>Short Talks.</em> Brick Books, 1992. </td>
<td class="last-column last-row">ruins, empire, travel, light, time</td>
</tr>
</tbody>
<!--
<tr>
<th class="first-columns">object</th>
<th class="first-columns">source</th>
<th class="last-column">topics</th>
</tr>
-->
</table>
</section>
<section>
<div id="firstModal" class="modal">
<span id="close1" class="close">×</span>
<div class="modal-content">
<p>One of the more famous surviving poems from the Old English. Its authorship is unknown and the manuscript marred by fire, leaving the poem's final stanzas pocked by empty space. It is, ironically, a ruin of a poem, one whose ruination is inextricable from its surviving meaning.</p>
<img id="ruinjpg" src="media/ruin.jpg" alt="THE RUIN
(Ancient Roman wreckage, perhaps Bath. Lines 12-19a and 126.
49 are framentary; the MS was partly destroyed by fire.)
Fate has smashed these wonderful walls, This broken city, has crumbled the work Of giants. The roofs are gutted, the towers Fallen, the gates ripped off, frost In the mortar, everything moulded, gaping, Collapsed. The earth has clutched at rulers And builders, a hundred generations rotting In its rigid hands. These red-stained stones, Streaked with grey, stood while governors, And kingdoms dissolved into dust, and storms
Crashed over them; they were broad and high, and they fell.
...
...
... strong hearted men hung
The walls together with beaten wire.
It was a shining city, filled with bath-houses, With towering gables, with the shouts of soldiers, With dozens of rousing drinking-halls,
Until Fate's strength was swung against it.
The riches dried away, pestilence
Came, the crowds of soldiers were dead;
Their forts and camps crumbled to the ground, And the city, with all its idols and temples, Decayed to these ruins, its bwildings rotted,
Its red-stoned arches splitting brick From brick, And the ruined site sank To a heap of tumbled stones, where once Cheerful, strutting warriors flocked,
Golden armor gleaming, giddy With wine; here was wealth, silver,
Gems, cattle, land, in the crowning
City of a far-flung kingdom. There were buildings Of stone, where steaming currents threw up
Surging heat; a wall encircled
That brightness, with the baths inside at the glowing Heart. Life was easy and lush.
They'd make the warm streams pour over
Old grey stones...
...until
The rounded pools grew hot...
...
...
A house
... a kingly thing, ... a city...">
</div>
</div>
<div id="secondModal" class="modal">
<span id="close2" class="close">×</span>
<div class="modal-content">
<img src="media/cliff-house-menu.gif" id="cliffhousemenu" alt="an animated image switching back and forth between the front and back cover and the interior of a 1953 restaurant menu featuring airbrushed illustrations of the seal rocks at ocean beach and other san francisco landmarks. steak minute and potatoes special priced at $2.50!">
</div>
<div class="cliff-house-text">
<p>The first Cliff House was a stately wood-framed mansion that loomed over the edge of the cliffs at Land's End. It was built in 1863 by zealous real estate developers as a resort destination for California's new elite. In the 1880s the estate along with a parcel of land surrounding it was purchased by Adolph Sutro, a Prussian-Jewish immigrant silver mining engineer turned real-estate magnate, and the eventual first and only candidate elected mayor of San Francisco on the Populist party ticket.</p><p>It was destroyed by fire in 1894, after Sutro had turned the surrouding land into his own private estate along with a public sculpture garden and what was at the time the largest indoor bathing complex in the world, the Sutro Baths. Sutro remodeled the property in 2 years, but 11 years after that, in 1907, the second Cliff House was destroyed, also by fire. Sutro's daughter rebuilt the cliff house without a wood frame and at a more economical scale, and 2 years later it was once again open to the public.</p><p>In 1937 the Sutro family sold the third Cliff House, and in the 40 years between the sale and the Cliff House's acquisition by the National Parks Service, its ownership changed several times and it underwent multiple renovations.</p><p>This menu comes from the 1953 Cliff House restaurant, whose owners had leaned in to the location and its history to brand the Cliff House as a tourist attraction. On the left hand side of the exterior cover, you'll see renderings of the four previous Cliff House iterations. </p>
</div>
</div>
<div id="thirdModal" class="modal">
<span id="close3" class="close">×</span>
<div class="modal-content">
<p>Sutro Baths burned on June 26, 1966. This footage was shot by Joel Springer, and comes courtesy of our friend and WNP member Mark Adams. Mr. Springer chased and filmed many San Francisco fires, and we're indebted to his son for transferring the old 8mm to DVD.<sup>1</sup></p>
<p>The world, which is the same for all, no one of gods or men has made; but it was ever, is now, and ever shall be an ever living Fire, with measures of it kindling, and measures going out.<sup>2</sup></p>
</div>
<video id="goingtoblazes" poster="https://github.com/nicetry1/nicetry1.github.io/raw/main/media/going-to-blazes-poster.png" controls>
<source src="https://github.com/nicetry1/nicetry1.github.io/raw/main/media/sutro-baths-burning.mp4">
</video>
<div class="modal-content">
<p><sup>1</sup> <a href=https://www.outsidelands.org/baths_burning.php>"Sutro Baths Burning, 1966,"</a> Western Neighborhoods Project, outsidelands.org.</p><p><sup>2</sup> Heraclitus quoted in Burnet, John. <em>Early Greek Philosophy.</em> United Kingdom, A. & C. Black, 1963.</p>
</div>
</div>
<div id="fourthModal" class="modal">
<span id="close4" class="close">×</span>
<div class="modal-content">
<video id="mansionsite" controls>
<source src="https://github.com/nicetry1/nicetry1.github.io/raw/main/media/sutro-mansion-site.mp4">
</video>
</div>
<div class="modal-content">
<p>The mansion of turn of the century multimillionaire Adolph Sutro used to sit on these grounds, with the white limestone lookout patio its only remaining trace. In February of 2022 I watched the light pass over it.</p>
</div>
</div>
<div id="fifthModal" class="modal">
<span id="close5" class="close">×</span>
<img id="short-talk" src="https://github.com/nicetry1/nicetry1.github.io/raw/main/media/ann-carson-short-talk.png" alt="SHORT TALK ON WHERE TO TRAVEL
I went travelling to a wreck of a place. There were three gates standing ajar and a fence that broke off. It was not the wreck of anything else in particular. A place came there and crashed. After that it remained the wreck of a place. Light fell on it.">
</div>
</section>
<script src="scripts/modals.js"></script>
</body>
</html>