-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
249 lines (228 loc) · 15.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Neighborline"
content="A daily, 3pm EST hotline call that serves to connect isolated New Yorkers in the time of Covid19.">
<title>Neighborline, a neighborly daily phone call in the time of Coronavirus</title>
<link href="https://fonts.googleapis.com/css2?family=Corben:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164077976-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-164077976-1');
</script>
</head>
<body>
<header>
<nav role="navigation">
<div id="menuToggle">
<input type="checkbox" />
<span></span>
<span></span>
<span></span>
<ul id="menu">
<a href="#about">
<li>About</li>
</a>
<a href="#guidelines">
<li>Rules</li>
</a>
<a href="#contact">
<li>Contact</li>
</a>
<a href="#resources">
<li>Resources</li>
</a>
<a href="#support">
<li>Support</li>
</a>
<a href="#team">
<li>Team</li>
</a>
</ul>
</div>
</nav>
<p class="tagline">“Listening is where love begins: listening to ourselves and then to our neighbors.”<br>- Fred
Rogers</p>
<h1>Neighborline</h1>
</header>
<button onclick="topFunction()" id="myBtn" title="Go to top">↑</button>
<section class="one">
<div class="number-tag">
<h2>917-341-7837 every day, 3pm EST </h2>
<h4>Have a friendly chat in a strange time.</h4>
</div>
<h2><a id="about">How Does It Work?</a></h2>
<h4>Simply. Designed for everyone</h4>
<p>Every day at 3:00 pm (EST), Neighborline is open for calls.
<br>Dial the number to be placed on the line with another caller for a chat.
<br>Think of Neighborline as a way of striking up small spontaneous conversations.</p>
<h2><a id="guidelines">Community Guidelines</a></h2>
<h4>A little kindness goes a long way</h4>
<ul class="bullet-list">
<li>There is <b>NO PLACE</b> for hatred or intolerance on Neighborline. If you encounter this, <a
href="#contact"><b>HANG UP & REPORT IT</b></a> to us.</li>
<li><b>DO NOT REVEAL PERSONAL DETAILS</b>, including your telephone number. Neighborline is designed to keep
your number safe.</li>
<li>This is <b>NOT A CRISIS LINE</b>. If you need help or critical support, look at the resources provided
below.</li>
<li><b>BE KIND.</b> Build bridges. Our circumstances may be different, but everyone is struggling right now.
</li>
</ul>
<h2>Feeling Shy?</h2>
<h4>That's okay, it happens to the best of us</h4>
<p>Here are some tips for making good conversation.</p>
<ul class="bullet-list">
<li>Keep it brief! A small conversation can be a beautiful thing.</li>
<li>Bring your gratitude. Think of one thing that you are grateful for and share it.</li>
<li>Ask a good question. What have you read recently? Have you seen a fun movie? Tell your neighbor.</li>
<li>Be vulnerable. It's ok to have a bad day. Expressing - within reason - can help.</li>
<li>Don't try to solve anyone's problems. It's ok to just listen. In fact, it's often better than advice!
</li>
</ul>
<h2>Who's on the Line?</h2>
<h4>Your neighbors & fellow New Yorkers</h4>
<p>Neighborline creates an opportunity for daily connection in a challenging time.<br>
<br>This daily call can be especially helpful for localized communities in isolation who may not have access
to highly-networked circles online, like the elderly or those without access to the internet. Truly,
Neighborline is for anyone who has a phone.</p>
<h2><a id="contact">Problems? Questions?</a></h2>
<h4>Uh-oh. Let's try to fix it</h4>
<p><B>IF YOU HAVE A PROBLEM OR QUESTION</B> You can <a
href="mailto:[email protected]?Subject=I%20have%20a%20problem" target="_top">email us</a> or
call us at 917-341-7837 and press 2 when prompted to leave a voicemail. If you have a <a
request</a>, say hello.
<br><B>PLEASE REMEMBER</B> Neighborline is for our community and staffed by volunteers. We will make our
best effort to get back to you promptly.</p>
</section>
<section class="two">
<h2><a id="resources">Additional Resources</a></h2>
<div class="grid-container2">
<a href="https://docs.google.com/document/d/1abMgR8tw3BBEOud0-igLcIpSPp0PaRp5YKqo76PlBjY/edit?usp=sharing"
target="_blank"
onClick="window.open('https://docs.google.com/document/d/1abMgR8tw3BBEOud0-igLcIpSPp0PaRp5YKqo76PlBjY/edit?usp=sharing','pagename'); return false;"
button class="grid-item" id="1" onclick="myFunction()">Spread the Word, Print a Neighborline
Flyer</button></a>
<br>
<a href="https://docs.google.com/document/d/18WYGoVlJuXYc3QFN1RABnARZlwDG3aLQsnNokl1KhZQ/edit"
target="_blank"
onClick="window.open('https://docs.google.com/document/d/18WYGoVlJuXYc3QFN1RABnARZlwDG3aLQsnNokl1KhZQ/edit','pagename'); return false;"
button class="grid-item" id="2" onclick="myFunction()">NYC United Against Coronavirus</button></a>
<a href="https://mutualaid.nyc/resource-list/#category" target="_blank"
onClick="window.open('https://mutualaid.nyc/resource-list/#category','pagename'); return false;" button
class="grid-item" id="3" onclick="myFunction()">NYC Mutual Aid Resource List</button></a>
<a href="https://nycwell.cityofnewyork.us/en/" target="_blank"
onClick="window.open('https://nycwell.cityofnewyork.us/en/','pagename'); return false;" button
class="grid-item" id="8" onclick="myFunction()">NYC Well Mental Health Hotline</button></a>
<a href="https://coronavirus.health.ny.gov/covid-19-testing" target="_blank"
onClick="window.open('https://coronavirus.health.ny.gov/covid-19-testing','pagename'); return false;"
button class="grid-item" id="9" onclick="myFunction()">Find a Covid 19 Testing Site</button></a>
<a href="https://labor.ny.gov/ui/how_to_file_claim.shtm" target="_blank"
onClick="window.open('https://labor.ny.gov/ui/how_to_file_claim.shtm','pagename'); return false;" button
class="grid-item" id="9" onclick="myFunction()">File NYS Unemployment</button></a>
<a href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019" target="_blank"
onClick="window.open('https://www.who.int/emergencies/diseases/novel-coronavirus-2019','pagename'); return false;"
button class="grid-item" id="9" onclick="myFunction()">World Health Organization</button></a>
<a href="https://coronavirus.health.ny.gov/home" target="_blank"
onClick="window.open('https://coronavirus.health.ny.gov/home','pagename'); return false;" button
class="grid-item" id="9" onclick="myFunction()">NY State Coronavirus</button></a>
<a href="https://www.cdc.gov/coronavirus/2019-ncov/index.html" target="_blank"
onClick="window.open('https://www.cdc.gov/coronavirus/2019-ncov/index.html','pagename'); return false;"
button class="grid-item" id="9" onclick="myFunction()">CDC</button></a>
<a href="https://paidfamilyleave.ny.gov/covid19" target="_blank"
onClick="window.open('https://paidfamilyleave.ny.gov/covid19','pagename'); return false;" button
class="grid-item" id="9" onclick="myFunction()">NYS Paid Sick Leave</button></a>
<a href="https://www.foodbanknyc.org/get-help/" target="_blank"
onClick="window.open('https://www.foodbanknyc.org/get-help/','pagename'); return false;" button
class="grid-item" id="4" onclick="myFunction()">Food Bank NYC</button></a>
<a href="https://www.schools.nyc.gov/school-life/food/free-meals" target="_blank"
onClick="window.open('https://www.schools.nyc.gov/school-life/food/free-meals','pagename'); return false;"
button class="grid-item" id="5" onclick="myFunction()">NYC Free Meals</button></a>
<a href="https://covid19.fas.org/l/en" target="_blank"
onClick="window.open('https://covid19.fas.org/l/en','pagename'); return false;" button class="grid-item"
id="7" onclick="myFunction()">Ask A Scientist</button></a>
<a href="https://www.metcouncilonhousing.org/program/tenants-rights-hotline/" target="_blank"
onClick="window.open('https://www.metcouncilonhousing.org/program/tenants-rights-hotline/','pagename'); return false;"
button class="grid-item" id="9" onclick="myFunction()">Tenant Rights Hotline</button></a>
<a href="https://mutualaid.nyc/get-involved/volunteer/" target="_blank"
onClick="window.open('https://mutualaid.nyc/get-involved/volunteer/','pagename'); return false;" button
class="grid-item" id="9" onclick="myFunction()">Volunteer to Help a Neighbor</button></a>
<a href="https://mutualaid.nyc/get-involved/donate/" target="_blank"
onClick="window.open('https://mutualaid.nyc/get-involved/donate/','pagename'); return false;" button
class="grid-item" id="9" onclick="myFunction()">Donate</button></a>
<br>
</div>
<h2><a id="support">Support Neighborline</a></h2>
<h4>Want to help us?</h4>
<p>We are volunteer run. The best way for you to help us is to participate every day at 3pm and spread the word.
</p>
<!-- <a href="1.html" target="_blank" onClick="window.open('1.html','pagename','resizable,height=1000,width=500'); return false;" button class="grid-item" id="1" onclick="myFunction()">Make a Contribution</button></a> -->
<h2><a id="team">Why Did We Make This?</a></h2>
<h4>Something to look forward to, daily</h4>
<p>Normally, New Yorkers share impromtu exchanges as we move through our city. As we stay home, we need to find
new ways of being neighborly. Like a cheer at 7pm, it's important for us to create rituals and have
something to look forward to every day.<br>
<br>At the moment, Neighborline has is serving New York. We hope Neighborline can be a model for other areas
around the country and the world. We’re providing all the documentation and resources for Neighborline to
inspire others to replicate, reimagine, and rediscover the magic of a good, old-fashioned phone call.<br>
<br>Neighborline was imagined and built as part of NYU ITP's Hack Against Covid-19 on March 20, 2020. We are
generously supported by Twilio.</p>
<h2>Team</h2>
<h4>Made with <span class="orange">♥</span> in a challenging time</h4>
<p><b>Dawn Sinkowski</b> is a creative director and visual storyteller with over a decade of experience. She
creates meaningful, resonant content for digital and legacy platforms. Her clients include The New York
Times, Conde Nast, LVMH, Nike and Citibank. Dawn was the Photography Director for Martha Stewart from
2015-2019. She also launched Common Good, an eco-friendly household product line, in 2010. She is currently
pursuing a master's degree from NYU's Interactive Telecommunications Program (ITP) at Tisch School of the
Arts. She holds an undergraduate degree from Parsons School of Design.</p>
<br>
<br>
<p><b>Simone Salvo</b> is a cultural producer and strategist. She has produced interactive activations and
exhibitions in Paris, San Francisco, and New York on issues of climate change, poverty, and the family
separation crisis at the US–Mexico border. She received her BA in Photography and Human Rights from Bard
College. For six years, she has led communications at the Magnum Foundation and advises individual artists
and other non-profits on digital communications strategies. Formerly, Simone was a research and
communications fellow at Human Rights First. She is currently pursuing her master's degree at the
Interactive
Telecommunications Program at NYU, exploring creative applications of technology, with support by the Davis-Putter Scholarship fund.</p>
<br>
<br>
<p><b>Terrell Ibanez</b> is a software developer / engineer. He has competed in over a dozen hackathons and won
awards at 7 of them, including Florida Polytechnic's iSpy (Security / Signals Intelligence), Georgia Tech's
Hacklytics (Data Science / Machine Learning) and MIT's RealityHack (Augmented Reality / Virtual Reality).
Outside of hackathons, he's previously worked at / on projects for the Palm Beach County School District,
the Max Planck Florida Institute for Neuroscience, and Echelon, a smart exercise hardware startup. He's
currently finishing up his undergraduate degree in Computer Science as a graduating senior at the University
of Central Florida's College of Engineering and Computer Science.</p>
<br>
<br>
<br>
<br>
<p class="tagline">"We speak with more than our mouths. We listen with more than our ears."<br>- Fred Rogers</p>
</section>
<script>
// Get the button https://www.w3schools.com/howto/howto_js_scroll_to_top.asp
var mybutton = document.getElementById("myBtn");
window.onscroll = function () { scrollFunction() };
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<footer>2020©</footer>
</body>
</html>