-
Notifications
You must be signed in to change notification settings - Fork 0
/
intro.html
129 lines (121 loc) · 7.97 KB
/
intro.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>New York City 2019</title>
<meta name="apple-mobile-web-app-title" content="New York City 2019">
<meta name="application-name" content="New York City 2019">
<meta name="msapplication-TileColor" content="#147568">
<!--- css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bulma-extensions.min.css"/>
<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.css"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bulma-extensions.min.js"></script>
<script src='https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.js'></script>
<script src="jssource.js"></script>
<!--- favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
</head>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="index.html">
<img src="liberty.svg" width="30" height="30">
</a>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a href="intro.html" class="navbar-item">
<b>Introduction</b>
</a>
<a href="stories.html" class="navbar-item">
Stories
</a>
<a href="places.html" class="navbar-item">
Places
</a>
<a href="exhibits.html" class="navbar-item">
Exhibits
</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
More
</a>
<div class="navbar-dropdown">
<a href="about.html" class="navbar-item">
About
</a>
<a href="bibliography.html" class="navbar-item">
Bibliography
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
<body>
<section class="section">
<div class="container" id="main">
<h1 class="title">
<span class="inline">“</span><span class="popup" onclick="myFunction('MOIA')">New York has always been a city of immigrants<span class="popuph1" id="MOIA"><a href="bibliography.html#MOIA">NYC Mayor’s Office of Immigrant Affairs, 2018, page 2</a></span></span><p class="inline"></p>”
</h1>
<p class="subtitle" id="inline">
It is “<span class="popup" onclick="myFunction('foner2007')">America’s classic immigrant city<span class="popuptext" id="foner2007"><a href="bibliography.html#foner2007">Foner, 2007</a></span></span><p class="subtitle" id="inline">” and as such has been profoundly shaped by successive waves of immigration over the last four centuries.</p>
</p>
</div>
<div class="section">
<div id='map'></div>
<div id='features'>
<section id='part-1' class='active'>
<p class="inline">New York is also home to <span class="popup" onclick="myFunction('museums')">hundreds of museums<span class="popuptext bottomup" id="museums"><a href="https://www.tripadvisor.co.uk/Attractions-g60763-Activities-c49-New_York_City_New_York.html">TripAdvisor lists 344 museums in NYC</a></span></span>, monuments, and memorials, many of which reflect this immigrant history and address issues stemming from or otherwise relating to immigration.</p>
<p>I looked at five of these sites which present information about immigration to New York.</p>
<p>The rest of this website will detail:
<ul>• the different narratives they tell about immigration</ul>
<ul>• the effects of the locations themselves on the immigration narratives told there</ul>
<ul>• the ways in which these narratives are told</ul>
</p>
</section>
<section id='part-2'>
<p><b>Ellis Island</b> was the United States’ busiest immigration processing station, which between 1892 and 1924 processed approximately <span class="popup" onclick="myFunction('twelvemillion')">12 million immigrants entering the US<span class="popuptext" id="twelvemillion"><a href="bibliography.html#maddern2004">Maddern, 2004, page 303</a></span></span>. It is now home to the National Museum of Immigration, which tells the story of immigration to the US, specifically focusing on those whose journeys took them through the island. </p>
<br>
<img src='images/IMG_1678.jpeg' width='100%' />
</section>
<section id='part-3'>
<p>Before Ellis Island opened to new arrivals, the country’s official immigrant processing center was at <b>Castle Clinton</b> (aka Castle Garden), which from 1855 to 1890 processed 8 million immigrants: two out of every three immigrants to the United States in the period. It, like Ellis Island, is now a National Monument run by the National Park Service.</p>
<br>
<img src='images/clinton.jpg' width='100%' />
</section>
<section id='part-4'>
<p>The <b>Irish Hunger Memorial</b> is unique amongst the sites visited in that it is not a museum, but rather “<span class="popup" onclick="myFunction('pletnevaveller2012')">a large, multisensory public sculpture<span class="popuptext" id="pletnevaveller2012"><a href="bibliography.html#pletnevaveller2012">Pletneva Veller, 2012, page iii</a></span></span>” commemorating the 1845 to 1852 Great Irish Famine, in which about one million people died and a million more emigrated from Ireland, <span class="popup" onclick="myFunction('ross2002')">primarily to the United States<span class="popuptext" id="ross2002"><a href="bibliography.html#ross2002">Ross, 2002, page 226</a></span></span>.</p>
<br>
<img src='images/IMG_2171.jpeg' width='100%' />
</section>
<section id='part-5'>
<p>The <b>Museum at Eldridge Street</b> is housed in the Eldridge Street Synagogue, built in 1887 for the then-growing community of Jewish immigrants from Eastern Europe who had settled on the Lower East Side. After its original congregation left the area the synagogue fell into disrepair, before being reopened in 2007 following a twenty-year-long restoration project.</p>
<br>
<img src='images/IMG_2252.jpeg' width='100%' />
</section>
<section id='part-6'>
<p>The <b>Tenement Museum</b> tells the stories of the immigrants who lived in the historic tenement buildings at 97 and 103 Orchard Street. Visitors to the museum tour the recreated apartments (and lager beer saloon) “<span class="popup" onclick="myFunction('tenementmuseum97orchard')">to learn the powerful stories of the immigrants who built new lives, weathered hard times, and cleared the path for generations of Americans to come<span class="popuptext" id="tenementmuseum97orchard"><a href="bibliography.html#tenementmuseum97orchard">Tenement Museum: 97 Orchard Street</a></span></span>”.</p>
<br>
<img src='images/Tenement_Museum.jpg' width='100%' />
</section>
<section id='part-7'>
<h2><a href="stories.html">Now click here to uncover the stories told in these places.</a></h2>
</section>
</div>
</div>
</section>
</body>
</html>