-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
115 lines (112 loc) · 7.58 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HelpNYC Fight Poverty and Improve Education</title>
<link rel="stylesheet" href="https://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css" />
<link rel="stylesheet" type="text/css" href="helpNYC.css" />
<meta name="viewport" content="width=device-width" />
<meta name="description" content="Millions of New Yorkers live below the poverty line. They are your neighbors. You can help. HelpNYC fight poverty and improve education." />
<meta name="author" content="Paolo Unger Dvorchik" />
<script type="text/javascript">
(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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-85812331-2', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="modal modal-call-to-action">
<div class="call-to-action-text">
<h2>
<span class="intro-1">Millions of New Yorkers live below the poverty line.</span>
<span class="intro-2 invisible"> Not everyone graduates from high school.</span>
<span class="intro-3 invisible"> They are your neighbors.</span>
</h2>
<h1 class="intro-4 invisible">You can help.</h1>
<h3 class="intro-5 invisible">Click on your neighborhood to learn more.</h3>
</div>
</div>
<div class="header">
<div class="prompt center-v invisible">
<h1>
<img src="./images/HelpNYCLogo.png" class="logo" alt="HelpNYCLogo"> <span class="header-text">fight poverty.</span>
</h1>
</div>
</div>
<div id="map" class="invisible">
<div class="modal modal-info">
<div class="modal-info-content center-v">
<div class="modal-info-top">
<h3 class="modal-close" onclick="hideInfoModal()">✖</h3>
<div class="stat-box">
<div class="stat-box-text">
<div class="stat stat-poverty"></div>
<label>People within your community live below the poverty level. <sup>1</sup></label>
<div class="stat stat-no-diploma"></div>
<label>Adults never completed High School, and didn't get their GED. <sup>2</sup></label>
<div class="stat stat-fluency"></div>
<label>People do not speak English fluently.<sup>2</sup></label>
<div class="modal-info-social">You can make a difference. <span class="hidden-on-mobile"><!-- 8,291 people from Brooklyn have already gotten involved. --> Let us connect you to opportunities in your borough where you can improve your community.</span></div>
<div class="align-center social-media">
<div class="fb-like" data-href="https://helpnyc.spry-group.com/" data-layout="button" data-action="like" data-size="large" data-show-faces="false" data-share="true"></div>
</div>
<div class="modal-text sources">
<p>1 <a href="https://www1.nyc.gov/site/opportunity/poverty-in-nyc/poverty-data.page" target="_blank">NYC Center for Economic Opportunity</a>
<br />2 <a href="https://data.cityofnewyork.us/City-Government/Demographic-Profiles-of-ACS-5-Year-Estimates-at-th/8fje-7v4x" target="_blank">Demographics and profiles at the Public Use Microdata Area level</a></p>
<p><a href="https://www.flickr.com/photos/rkarthick/6056923513/" target="_blank" class="hidden-on-mobile">Photo credit: Karthick Ramachandran</a><a href="https://www.flickr.com/photos/eddzis/5455658424/" target="_blank" class="hidden-on-desktop">Photo credit: Edward Ziskin</a></p>
</div>
</div>
</div>
<div class="opportunities">
<div class="opportunities-text">
<h1 class="modal-title"></h1>
<div class="organization organization-foodbank">
<h3 class="margin-none"><a href="https://volunteer.foodbanknyc.org/HOC__Volunteer_Opportunity_Search_Page?dstnc=10&k=&p=Se&z=11221" target="_blank">Volunteer at Food Banks and Soup Kitchens</a></h3>
<h4 class="margin-none">Food Bank For New York City</h4>
<p class="margin-none">Food Bank For New York City has been the city's major hunger-relief organization working to end hunger throughout the five boroughs for more than 30 years. Nearly one in five New Yorkers relies on Food Bank for food and other resources. Food Bank takes a strategic, multifaceted approach that provides meals and builds capacity in the neediest communities, while raising awareness and engagement among all New Yorkers. Through its network of more than 1,000 charities and schools citywide, Food Bank provides food for approximately 62.5 million free meals per year for New Yorkers in need.</p>
<div class="more"><a href="" target="_blank">More</a></div>
</div>
<div class="volunteer-matches">
</div>
<div class="more more-opportunities"><a href="https://www.volunteermatch.org/search/?l=Brooklyn,%20NY,%20USA&categories=23#k=&v=false&categories=23&categories=23&s=21&o=recency&l=Brooklyn%2C+NY%2C+USA&r=20&sk=&specialGroupsData.groupSize=&na=&partner=&usafc=" target="_blank">More Opportunities</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer align-center invisible">
<a href="//spry-group.com" target="_blank"><img src="images/spry.png" alt="Spry-Group Logo"></a>
<a href="//carto.com" target="_blank"><img src="images/carto.svg" alt="Carto Logo"></a>
<a href="//www.volunteermatch.org" target="_blank"><img src="images/volunteermatch.png" alt="VoltuneerMatch Logo"></a>
<a href="//foodbanknyc.org" target="_blank"><img src="images/foodbank.png" alt="Foodbank Logo"></a>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js"></script>
<script src="helpNYC.js"></script>
<div id="fb-root"></div>
<script type="text/javascript">(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));</script>
</body>
</html>