Skip to content

Instantly share code, notes, and snippets.

@BurgosNY

BurgosNY/index.html

Created March 17, 2015 17:49
Show Gist options
  • Save BurgosNY/2edd6667843597f85831 to your computer and use it in GitHub Desktop.
Save BurgosNY/2edd6667843597f85831 to your computer and use it in GitHub Desktop.
Download ZIP
Immigration Waves in NYC
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Waves of Immigration to New York City</title>
<!-- Bootstrap --><!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>Waves of Immigration</h1>
<p class="lead">How and when New York City attracted people from all over the world</p>
</div><!-- /jumbotron -->
<p class="text-muted byline">By Sean Delvin and Pedro Burgos | <a href="//twitter.com/sdevlin7">@SDevlin7</a> | <a href="//twitter.com/burgos">@burgos</a> | Mar 17, 2015</p>
<div class="row">
<div class="col-md-4">
<p><h2>Background</h2></p>
<p>New York City has always been a city of immigrants. Since large scale immigration to the United States <a href="http://www.city-data.com/states/New-York-Migration.html
">began in the 19th century</a>, New York has been consistently at the forefront of locales that immigrants from abroad flock to. However, as time progressed, the demographics of these immigrants to New York City has changed a great deal, and along with it, so has the neighborhood makeup of the city. Each wave of immigration from different parts of the world has contributed to the demographic mosaic, which in turn, has created trends of neighborhood shift and gentrification across the city over time.</p>
</div>
<div class="col-md-8">
<a href="http://imgur.com/tkKXJ15"><img width='100%' src="http://i.imgur.com/tkKXJ15.jpg" title="source: imgur.com" /></a>
</div>
<div class="col-md-12">
<p><p align="center" class="lead"></p></p>
<p><p align="center" class="lead">* * *</p></p>
<p><p align="center" class="lead"></p></p>
</div>
<div class="col-md-4">
<p><h2>Immigrant Origins</h2></p>
<p>The first major waves of immigration to New York City began in the mid-19th century. This was spurred by several events, including the Irish Potato Famine. By 1900, there were nearly half a million native-born Irish in New York City. Following this initial wave, Germans and Eastern/Central European Jews followed, themselves followed by Italian immigrants in the early 20th century. With each group, there was a method of settling and dispersal throughout the city region and nation, only to be replaced by more immigrants.</p>
</div>
<div class="col-md-8">
<a href="http://imgur.com/ZG8nX9r"><img width='100%' src="http://i.imgur.com/ZG8nX9r.jpg" title="source: imgur.com" /></a>
<p align=center><em>Actual map will show the 10 major immigrant groups across time, color-coded</em></p>
</div>
<div class="col-md-12">
<p><p align="center" class="lead"></p></p>
<p><p align="center" class="lead">* * *</p></p>
<p><p align="center" class="lead"></p></p>
</div>
<div class="col-md-4">
<p><h2>Immigrant NYC now</h2></p>
<p>As the 20th century wore on, these European immigrants were replaced by people from other reaches of the world, particularly Asia, South and Central America, and the Carribean. Each group and nationality brought their language and culture with them, often replacing areas that were once historically populated by European immigrants with their own imprint. </p>
</div>
<div class="col-md-8">
<a href="http://imgur.com/x6dFIlt"><img width='100%' src="http://i.imgur.com/x6dFIlt.png" title="source: imgur.com" /></a>
</div>
<div class="col-md-12">
<p><p align="center" class="lead"></p></p>
<p><p align="center" class="lead">* * *</p></p>
<p><p align="center" class="lead"></p></p>
</div>
<div class="col-md-12">
<p><h2>Where did they settle?</h2></p>
<p>Immigrant population is spread throughout each of the five boroughs of New York City, with particularly large concentrations in the Outer Boroughs.</p>
</div>
<div class="col-md-12">
<a href="http://imgur.com/J6DhWvG"><img width='100%' src="http://i.imgur.com/J6DhWvG.jpg" title="source: imgur.com" /></a>
<p align=center><em>Actual map will show where 10 major immigrant groups are concentrated, color-coded. We are going to overlay the map with median house-value.</em></p>
</div>
<div class="col-md-12">
<p><p align="center" class="lead"></p></p>
<p><p align="center" class="lead">* * *</p></p>
<p><p align="center" class="lead"></p></p>
</div>
</div> <!-- /row -->
</div><!-- /container -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment