├── CNAME
├── assets
    ├── bml.png
    ├── fist.png
    ├── venmo.jpg
    ├── venmo.png
    ├── bailoutlogo.png
    ├── venmo-transparent.png
    └── gofundmelogo_transparent.png
├── dollar.html
├── dollarchain.html
├── pay
    └── index.html
├── README.md
├── index.html
└── service-workers.html


/CNAME:
--------------------------------------------------------------------------------
1 | bailout.nyc


--------------------------------------------------------------------------------
/assets/bml.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kortina/bailout-nyc/HEAD/assets/bml.png


--------------------------------------------------------------------------------
/assets/fist.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kortina/bailout-nyc/HEAD/assets/fist.png


--------------------------------------------------------------------------------
/assets/venmo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kortina/bailout-nyc/HEAD/assets/venmo.jpg


--------------------------------------------------------------------------------
/assets/venmo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kortina/bailout-nyc/HEAD/assets/venmo.png


--------------------------------------------------------------------------------
/assets/bailoutlogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kortina/bailout-nyc/HEAD/assets/bailoutlogo.png


--------------------------------------------------------------------------------
/assets/venmo-transparent.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kortina/bailout-nyc/HEAD/assets/venmo-transparent.png


--------------------------------------------------------------------------------
/assets/gofundmelogo_transparent.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kortina/bailout-nyc/HEAD/assets/gofundmelogo_transparent.png


--------------------------------------------------------------------------------
/dollar.html:
--------------------------------------------------------------------------------
1 | <script type="text/javascript">
2 | 
3 |   window.location = "https://venmo.com/NatalieGuerrero?txn=pay&amount=1&note=TAP%20HERE:%20www.bailout.nyc/dollar.html%20to%20send%20$1%20to%20@NatalieGuerrero%20-%20your%20dollar%20goes%20to%20support%20%F0%9F%96%A4%20Black%20Lives%20Matter%20%F0%9F%96%A4.%20Netflix%20is%20matching%20200%20percent."
4 | 
5 | </script>
6 | 


--------------------------------------------------------------------------------
/dollarchain.html:
--------------------------------------------------------------------------------
1 | <script type="text/javascript">
2 | 
3 |   window.location = "https://venmo.com/NatalieGuerrero?txn=pay&amount=1&note=TAP%20HERE:%20www.bailout.nyc/dollar.html%20to%20send%20$1%20to%20@NatalieGuerrero%20-%20your%20dollar%20goes%20to%20support%20%F0%9F%96%A4%20Black%20Lives%20Matter%20%F0%9F%96%A4.%20Netflix%20is%20matching%20200%20percent."
4 | 
5 | </script>
6 | 


--------------------------------------------------------------------------------
/pay/index.html:
--------------------------------------------------------------------------------
1 | <script type="text/javascript">
2 | 
3 |   window.location = "https://venmo.com/bailoutnyc?txn=pay&note=%23blacklivesmatter%20-%20donations%20to%20https%3A%2F%2Fbailout.nyc%20support%20organizations%20combatting%20racism%2C%20injustice%2C%20and%20inequality%20via%20communitybailfunds.com.%20Spotify%20is%20matching%20employee%20donations%20200%20percent.%20🖤"  
4 | 
5 | </script>
6 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # bailout.nyc
 2 | 
 3 | **UPDATE 2020-06-02**
 4 | 
 5 | We are now redirecting proceeds to Nationwide Bailout Fund to help provide bail for protesters: https://secure.actblue.com/donate/bail_funds_george_floyd
 6 | 
 7 | ---
 8 | 
 9 | When we began working on this project to help provide financial relief to service workers, one of our **KEY REQUIREMENTS** was to build something *QUICKLY*.
10 | 
11 | Below is a rough description of how we built bailout.nyc. Please feel free to clone this project to create your own version to support your local community.
12 | 
13 | ## 1. Fork this repo on github
14 | 
15 | Pretty much everything is in `index.html` with some key configuration at the top.
16 | 
17 | ### 1.1
18 | 
19 | If you get this up and running for your local area, please create a PR to add yourself to the README here:
20 | 
21 | - [bailout-bergennj.com](https://bailout-bergennj.com/)
22 | - [bailouthbg.com](https://bailouthbg.com/)
23 | - [bailoutbos.com](http://bailoutbos.com/)
24 | - [bailouteugene.org](http://bailouteugene.org/)
25 | - [mitten.services](https://mitten.services/)
26 | - [savevanfaves.com](https://savevanfaves.com/)
27 | 
28 | 
29 | ## 2. Create a registration form on Google Forms
30 | 
31 | Ours asks for:
32 | 
33 | - Business Name
34 | - Physical Business Address
35 | - Description of where the funds will go and why they're needed
36 | - What are 5 adjectives that describe your staff?
37 | - What's keeping you hopeful through this time?
38 | - Venmo Username (e.g. @JoePizzaHelpStaff)
39 | - GoFundMe Link
40 | - Verify that it's you by DM-ing your Venmo username to @bailoutnyc on Instagram or Twitter from your business account, or by posting publicly about bailout.nyc.
41 | 
42 | Get the **Share URL** for the form by clicking **Send** and the **Link** icon:
43 | 
44 | ![image](https://user-images.githubusercontent.com/5924/77241138-67023900-6bab-11ea-8322-17c7009f3891.png)
45 | 
46 | Put this in the **configuration** section of `index.html` as the value of `REGISTER_FORM_URL`.
47 | 
48 | *Recommended.* Turn on email notifications for new registrations:
49 | 
50 | ![image](https://user-images.githubusercontent.com/5924/77241236-661dd700-6bac-11ea-944f-0e8dd823be17.png)
51 | 
52 | ## 3. Create another spreadsheet to use as your database of registered businesses
53 | 
54 | It **MUST** have the following columns, in this order:
55 | 
56 | - `Business Name`
57 | - `Venmo Handle`
58 | - `Location`
59 | - `Description`
60 | - `GoFundMe URL`
61 | 
62 | Get the `id` portion of the URL from here:
63 | 
64 | ![image](https://user-images.githubusercontent.com/5924/77240847-09202200-6ba8-11ea-9ee0-1ad714bc12a3.png)
65 | 
66 | Put this in the **configuration** section of `index.html` as the value of `SPREADSHEET_ID`.
67 | 
68 | ### 3.1: Publishing your Google Sheets to the web
69 | Step 1:
70 | Click File > Publish to the web…
71 | Step 2:
72 | Click Publish, then OK
73 | 
74 | ## 4. When people register, verify them and add them to the sheet.
75 | 
76 | They will automatically show up on your landing site.
77 | 
78 | ## 5. Host your site with GitHub pages
79 | 
80 | ![image](https://user-images.githubusercontent.com/5924/77241254-b39a4400-6bac-11ea-9cf0-0873b7d14174.png)
81 | 
82 | ## 6. You're live!
83 | 
84 | Optionally setup analytics with the following configuration settings in `index.html`:
85 | 
86 | ```javascript
87 | var GOOGLE_ANALYTICS_ID = '_______';
88 | var FULL_STORY_ORG = '_______';
89 | var FULL_STORY_NAMESPACE = '_______';
90 | ```
91 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <head>
  2 |   <script>
  3 |     /* Warning: all the code on this page is very sloppy! caveat emptor */
  4 |     /* configuration */
  5 |     var REGISTER_FORM_URL =
  6 |       'https://docs.google.com/forms/d/e/1FAIpQLSeVfXDv07KhzMyOWfgbrQvZQOzqmABMIsKXZm7BK9FeKx1iwA/viewform';
  7 |     var GOOGLE_ANALYTICS_ID = 'UA-161542621-1';
  8 |     var FULL_STORY_ORG = 'SW787';
  9 |     var FULL_STORY_NAMESPACE = 'FS';
 10 |   </script>
 11 |   <!-- Global site tag (gtag.js) - Google Analytics -->
 12 |   <script async src="https://www.googletagmanager.com/gtag/js"></script>
 13 |   <script>
 14 |     /****************************************/
 15 |     /* google analytics */
 16 |     /****************************************/
 17 |     window.dataLayer = window.dataLayer || [];
 18 |     function gtag() {
 19 |       dataLayer.push(arguments);
 20 |     }
 21 |     gtag('js', new Date());
 22 |     gtag('config', GOOGLE_ANALYTICS_ID);
 23 | 
 24 |     /****************************************/
 25 |     /* full story */
 26 |     /****************************************/
 27 |     window['_fs_debug'] = false;
 28 |     window['_fs_host'] = 'fullstory.com';
 29 |     window['_fs_script'] = 'edge.fullstory.com/s/fs.js';
 30 |     window['_fs_org'] = FULL_STORY_ORG;
 31 |     window['_fs_namespace'] = FULL_STORY_NAMESPACE;
 32 |     (function (m, n, e, t, l, o, g, y) {
 33 |       if (e in m) {
 34 |         if (m.console && m.console.log) {
 35 |           m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');
 36 |         }
 37 |         return;
 38 |       }
 39 |       g = m[e] = function (a, b, s) {
 40 |         g.q ? g.q.push([a, b, s]) : g._api(a, b, s);
 41 |       };
 42 |       g.q = [];
 43 |       o = n.createElement(t);
 44 |       o.async = 1;
 45 |       o.crossOrigin = 'anonymous';
 46 |       o.src = 'https://' + _fs_script;
 47 |       y = n.getElementsByTagName(t)[0];
 48 |       y.parentNode.insertBefore(o, y);
 49 |       g.identify = function (i, v, s) {
 50 |         g(l, { uid: i }, s);
 51 |         if (v) g(l, v, s);
 52 |       };
 53 |       g.setUserVars = function (v, s) {
 54 |         g(l, v, s);
 55 |       };
 56 |       g.event = function (i, v, s) {
 57 |         g('event', { n: i, p: v }, s);
 58 |       };
 59 |       g.anonymize = function () {
 60 |         g.identify(!!0);
 61 |       };
 62 |       g.shutdown = function () {
 63 |         g('rec', !1);
 64 |       };
 65 |       g.restart = function () {
 66 |         g('rec', !0);
 67 |       };
 68 |       g.log = function (a, b) {
 69 |         g('log', [a, b]);
 70 |       };
 71 |       g.consent = function (a) {
 72 |         g('consent', !arguments.length || a);
 73 |       };
 74 |       g.identifyAccount = function (i, v) {
 75 |         o = 'account';
 76 |         v = v || {};
 77 |         v.acctId = i;
 78 |         g(o, v);
 79 |       };
 80 |       g.clearUserCookie = function () {};
 81 |       g._w = {};
 82 |       y = 'XMLHttpRequest';
 83 |       g._w[y] = m[y];
 84 |       y = 'fetch';
 85 |       g._w[y] = m[y];
 86 |       if (m[y])
 87 |         m[y] = function () {
 88 |           return g._w[y].apply(this, arguments);
 89 |         };
 90 |       g._v = '1.2.0';
 91 |     })(window, document, window['_fs_namespace'], 'script', 'user');
 92 | 
 93 |     /****************************************/
 94 |     /* site scripts */
 95 |     /****************************************/
 96 |     var SHEET = [];
 97 |     var REF;
 98 |     var JSON_URL = `https://spreadsheets.google.com/feeds/cells/${SPREADSHEET_ID}/1/public/full?alt=json`;
 99 | 
100 |     const sendGAEvent = (send, type, event_category, event_action, event_label, event_value) => {
101 |       if (
102 |         REF != null &&
103 |         (event_category == 'GoFundMe Buttons' || event_category == 'Venmo Buttons')
104 |       ) {
105 |         event_category = event_category + ' ' + REF;
106 |       }
107 |       if (type == 'event') {
108 |         gtag('event', event_action, {
109 |           event_category: event_category,
110 |           event_label: event_label,
111 |           value: event_value,
112 |         });
113 |       }
114 |     };
115 |   </script>
116 | 
117 |   <title>bailout.nyc</title>
118 |   <meta property="og:image" content="./assets/bailoutlogo.png" />
119 |   <meta property="og:type" content="website" />
120 |   <meta property="og:url" content="http://bailout.nyc" />
121 |   <meta property="og:title" content="bailout.nyc" />
122 |   <meta
123 |     property="og:description"
124 |     content="Make a contribution to bailout.nyc through venmo, and we will donate 100% to bail funds across the country. #blacklivesmatter"
125 |   />
126 |   <link
127 |     href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
128 |     rel="stylesheet"
129 |   />
130 | 
131 |   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
132 | 
133 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
134 |   <link
135 |     rel="icon"
136 |     href="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/heavy-black-heart_2764.png"
137 |   />
138 | 
139 |   <style type="text/css">
140 |     /************************************** reset **************************************/
141 |     /* http://meyerweb.com/eric/tools/css/reset/
142 |       v2.0 | 20110126
143 |       License: none (public domain)
144 |     */
145 | 
146 |     html,
147 |     body,
148 |     div,
149 |     span,
150 |     applet,
151 |     object,
152 |     iframe,
153 |     h1,
154 |     h2,
155 |     h3,
156 |     h4,
157 |     h5,
158 |     h6,
159 |     p,
160 |     blockquote,
161 |     pre,
162 |     a,
163 |     abbr,
164 |     acronym,
165 |     address,
166 |     big,
167 |     cite,
168 |     code,
169 |     del,
170 |     dfn,
171 |     em,
172 |     img,
173 |     ins,
174 |     kbd,
175 |     q,
176 |     s,
177 |     samp,
178 |     small,
179 |     strike,
180 |     strong,
181 |     sub,
182 |     sup,
183 |     tt,
184 |     var,
185 |     b,
186 |     u,
187 |     i,
188 |     center,
189 |     dl,
190 |     dt,
191 |     dd,
192 |     ol,
193 |     ul,
194 |     li,
195 |     fieldset,
196 |     form,
197 |     label,
198 |     legend,
199 |     table,
200 |     caption,
201 |     tbody,
202 |     tfoot,
203 |     thead,
204 |     tr,
205 |     th,
206 |     td,
207 |     article,
208 |     aside,
209 |     canvas,
210 |     details,
211 |     embed,
212 |     figure,
213 |     figcaption,
214 |     footer,
215 |     header,
216 |     hgroup,
217 |     menu,
218 |     nav,
219 |     output,
220 |     ruby,
221 |     section,
222 |     summary,
223 |     time,
224 |     mark,
225 |     audio,
226 |     video {
227 |       margin: 0;
228 |       padding: 0;
229 |       border: 0;
230 |       font-size: 100%;
231 |       font: inherit;
232 |       vertical-align: baseline;
233 |     }
234 |     /* HTML5 display-role reset for older browsers */
235 |     article,
236 |     aside,
237 |     details,
238 |     figcaption,
239 |     figure,
240 |     footer,
241 |     header,
242 |     hgroup,
243 |     menu,
244 |     nav,
245 |     section {
246 |       display: block;
247 |     }
248 |     body {
249 |       line-height: 1;
250 |     }
251 |     ol,
252 |     ul {
253 | 
254 |     }
255 |     blockquote,
256 |     q {
257 |       quotes: none;
258 |     }
259 |     blockquote:before,
260 |     blockquote:after,
261 |     q:before,
262 |     q:after {
263 |       content: '';
264 |       content: none;
265 |     }
266 |     table {
267 |       border-collapse: collapse;
268 |       border-spacing: 0;
269 |     }
270 |     /************************************** reset **************************************/
271 |     .material-icons {
272 |       font-family: 'Material Icons';
273 |       font-weight: normal;
274 |       font-style: normal;
275 |       font-size: 24px; /* Preferred icon size */
276 |       display: inline-block;
277 |       line-height: 1;
278 |       text-transform: none;
279 |       letter-spacing: normal;
280 |       word-wrap: normal;
281 |       white-space: nowrap;
282 |       direction: ltr;
283 | 
284 |       /* Support for all WebKit browsers. */
285 |       -webkit-font-smoothing: antialiased;
286 |       /* Support for Safari and Chrome. */
287 |       text-rendering: optimizeLegibility;
288 | 
289 |       /* Support for Firefox. */
290 |       -moz-osx-font-smoothing: grayscale;
291 | 
292 |       /* Support for IE. */
293 |       font-feature-settings: 'liga';
294 |     }
295 |     body {
296 |       font-family: 'Roboto', sans-serif;
297 |       background-color: #fff;
298 |       color: #000;
299 |       line-height: 1.4em;
300 |       padding:20px;
301 |       background:#000;
302 |       color:#fff;
303 |     }
304 |     article,
305 |     header,
306 |     footer {
307 |       padding: 0 5px;
308 |       text-align: center;
309 |     }
310 |     article > *,
311 |     header > * {
312 |       max-width: 420px;
313 |       text-align: left;
314 |       margin: 0 auto;
315 |       margin-bottom: 1em;
316 |     }
317 |     header {
318 |       margin: 2em 0;
319 |     }
320 |     header h1 {
321 |       font-size: 24px;
322 |       float: left;
323 |     }
324 |     header img {
325 |       float: right;
326 |       height: 48px;
327 |     }
328 |     h3 {
329 |       font-size: 18px;
330 |       font-weight: 500;
331 |     }
332 |     h6 {
333 |       margin-top: 80px;
334 |     }
335 |     strong {
336 |       font-weight: 600;
337 |     }
338 |     ul > li {
339 |       margin-bottom: 1em;
340 |       margin-left:15px;
341 |     }
342 |     a,
343 |     a:hover,
344 |     a:visited {
345 |       color: #5E95CA;
346 |     }
347 |     a.venmo_button {
348 |       display: inline-block;
349 |       color: #fff;
350 |       font-weight: 300;
351 |       text-decoration: none;
352 |       background: #5E95CA;
353 |       border: 1px solid #FFF;
354 |       box-sizing: border-box;
355 |       border-radius: 5px;
356 |       text-align: center;
357 |       padding: 10px;
358 |       width:100%;
359 |     }
360 |     a.venmo_button:hover,
361 |     a.venmo_button:active {
362 |       background: #5E95CA;
363 |       text-decoration: none;
364 |     }
365 |     footer {
366 |       font-size: small;
367 |     }
368 |     footer a {
369 |       display: inline-block;
370 |       margin: 0 2px;
371 |     }
372 |     .black-stripe {
373 |       background-color: #000;
374 |       color: #fff;
375 |       padding: 10px 0;
376 |       text-align: center;
377 |       font-size: small;
378 |     }
379 |     .black-stripe a,
380 |     .black-stripe a:visited {
381 |       color: #fff;
382 |     }
383 |   </style>
384 | </head>
385 | 
386 | <body>
387 |   <a name="home"></a>
388 | 
389 |   <header>
390 |     <div>
391 | 
392 |       <img src="assets/bml.png" />
393 | 
394 |     </div>
395 |   </header>
396 |   <article style="pa3">
397 |     <h2></h2>
398 | 
399 |     <h3 style="color:#F5E23C; margin-bottom:38px;">
400 |       <div style="color:#fff;">bailout.nyc</div>#blacklivesmatter</h3>
401 |     <p style="margin-bottom:34px;">
402 |       Make a contribution to bailout.nyc through venmo, and we will donate 100% to bail funds across the country via <a href="https://secure.actblue.com/donate/bail_funds_george_floyd">communitybailfunds</a> (you can also donate directly at that link).
403 |     </p>
404 |     <a
405 |       id="main_venmo_link"
406 |       class="venmo_button"
407 |       target="_blank"
408 |       href="https://venmo.com/bailoutnyc?txn=pay&note=%23blacklivesmatter%20-%20donations%20to%20https%3A%2F%2Fbailout.nyc%20support%20organizations%20combatting%20racism%2C%20injustice%2C%20and%20inequality%20via%20communitybailfunds.com.%20Spotify%20is%20matching%20employee%20donations%20200%20percent.%20✊🏿"
409 |       onClick="sendGAEvent('send', 'event', 'Venmo Buttons', 'bailoutnyc main button', '0', '0')"
410 |       >Donate with Venmo</a
411 |     ><br/><br/>
412 | 
413 |     <h3>Why Donate?</h3>
414 |     <p>
415 |       The unjust deaths of <a href="https://en.wikipedia.org/wiki/Killing_of_George_Floyd" target="_blank">George Floyd</a>, <a href="https://en.wikipedia.org/wiki/Shooting_of_Ahmaud_Arbery" target="_blank">Ahmaud Arbery</a>, <a href="https://en.wikipedia.org/wiki/Shooting_of_Breonna_Taylor" target="_blank">Breanna Taylor</a> & many more black people have caused nationwide protests to quell the injustice. Thousands of protesters, who have not been proven guilty, are in jail. Your contribution will provide bail for those who cannot afford it.
416 |     </p>
417 |     <p style="font-weight:bold;">Listen to George Floyd: "I can't breathe," as the Cop, Derek Chauvin, holds his neck to the ground.</p>
418 |     <p>
419 |       <iframe width="100%" height="600" src="https://pro.ense.nyc/ense/257546/indigoorangeviolet?cover=https://upload.wikimedia.org/wikipedia/en/3/3c/George_Floyd_neck_knelt_on_by_police_officer.png" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ></iframe>
420 |       <br/><br/>
421 |     </p>
422 |     <h3>Updates</h3>
423 |     <ul>
424 |       <li>
425 |         Spotify is matching employee donations 200%, and Ny (one of our team members, see below) works at Spotify and will be having Spotify match the donations that we receive.
426 |       </li>
427 |       <li>
428 |         We have repurposed the homepage of bailoutnyc to support
429 |         <strong>#blacklivesmatter</strong>.
430 |       </li>
431 |       <li>
432 |         We are not the @bailoutnycmay venmo account that is associated with the FreeThemAll2020
433 |         Twitter account. That account is no longer accepting donations (see
434 |         <a target="_blank" href="https://twitter.com/FreeThemAll2020/status/1267217636485709830?s=20">here</a>).
435 |       </li>
436 |       <li>
437 |         Learn more about effective policy for ending police violence at
438 |         <a target="_blank" href="https://www.joincampaignzero.org/solutions#solutionsoverview">Campaign Zero</a>.
439 |       </li>
440 | 
441 |       <li>
442 |         You can still donate to help service workers <a href="/service-workers.html">here</a>.
443 |       </li>
444 |     </ul>
445 | 
446 | 
447 |   </article>
448 |   <footer style="border-top:1px solid #222;margin-top:20px;">
449 |     <h4 style="font-weight:bold;margin-top:20px;">
450 |       About
451 |     </h4>
452 |     <p>
453 |       Venmo was built <a href="https://technical.ly/philly/2010/04/12/venmo-mobile-payments-drives-exchange-for-charities-retail/" target="_blank">to help people support each other</a>,
454 |       <br/>especially in times like these. Bailout is our effort to continue this vision.<br/>
455 |       ~<br/>
456 |       ny vo - former product manager at venmo <br />
457 |       jesse bentert - former head of product at venmo <br />
458 |       iqram & kortina - founders of venmo<br/><br/>
459 |     </p>
460 | 
461 |     <a
462 |       href="#home"
463 |       onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked home', 'From bottom', '0')"
464 |       >home</a
465 |     >
466 |     <a
467 |       target="_blank"
468 |       href="http://venmo.com/bailoutnyc"
469 |       onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked Venmo', 'From bottom', '0')"
470 |       >venmo</a
471 |     >
472 |     <a
473 |       target="_blank"
474 |       href="http://instagram.com/bailoutnyc"
475 |       onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked Instagram', 'From bottom', '0')"
476 |       >instagram</a
477 |     >
478 |     <a
479 |       target="_blank"
480 |       href="http://twitter.com/bailoutnyc"
481 |       onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked Twitter', 'From bottom', '0')"
482 |       >twitter</a
483 |     >
484 |     <a
485 |       target="_blank"
486 |       href="https://github.com/kortina/bailout-nyc"
487 |       onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked Github', 'From bottom', '0')"
488 |       >fork on github</a
489 |     >
490 |   </footer>
491 | 
492 |   <script
493 |     type="text/javascript"
494 |     src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"
495 |   ></script>
496 | </body>
497 | 


--------------------------------------------------------------------------------
/service-workers.html:
--------------------------------------------------------------------------------
  1 | <head>
  2 |   <script>
  3 |     /* Warning: all the code on this page is very sloppy! caveat emptor */
  4 |     /* configuration */
  5 |     var SPREADSHEET_ID = '1BNUEa4LPVRQ4aY6xw4W5rhh7V18Xy5YnZ5ZWXS7zkN4';
  6 |     var REGISTER_FORM_URL =
  7 |       'https://docs.google.com/forms/d/e/1FAIpQLSeVfXDv07KhzMyOWfgbrQvZQOzqmABMIsKXZm7BK9FeKx1iwA/viewform';
  8 |     var GOOGLE_ANALYTICS_ID = 'UA-161542621-1';
  9 |     var FULL_STORY_ORG = 'SW787';
 10 |     var FULL_STORY_NAMESPACE = 'FS';
 11 |     var RANDOMIZE_BUSINESS_LIST = false;
 12 |     var REPUBLIC_PARTNERSHIP = true;
 13 |     var ENABLE_VENMO_ALL_BUSINESS_BUTTON = true;
 14 |   </script>
 15 |   <!-- Global site tag (gtag.js) - Google Analytics -->
 16 |   <script async src="https://www.googletagmanager.com/gtag/js"></script>
 17 |   <script>
 18 |     /****************************************/
 19 |     /* google analytics */
 20 |     /****************************************/
 21 |     window.dataLayer = window.dataLayer || [];
 22 |     function gtag() {
 23 |       dataLayer.push(arguments);
 24 |     }
 25 |     gtag('js', new Date());
 26 |     gtag('config', GOOGLE_ANALYTICS_ID);
 27 | 
 28 |     /****************************************/
 29 |     /* full story */
 30 |     /****************************************/
 31 |     window['_fs_debug'] = false;
 32 |     window['_fs_host'] = 'fullstory.com';
 33 |     window['_fs_script'] = 'edge.fullstory.com/s/fs.js';
 34 |     window['_fs_org'] = FULL_STORY_ORG;
 35 |     window['_fs_namespace'] = FULL_STORY_NAMESPACE;
 36 |     (function (m, n, e, t, l, o, g, y) {
 37 |       if (e in m) {
 38 |         if (m.console && m.console.log) {
 39 |           m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');
 40 |         }
 41 |         return;
 42 |       }
 43 |       g = m[e] = function (a, b, s) {
 44 |         g.q ? g.q.push([a, b, s]) : g._api(a, b, s);
 45 |       };
 46 |       g.q = [];
 47 |       o = n.createElement(t);
 48 |       o.async = 1;
 49 |       o.crossOrigin = 'anonymous';
 50 |       o.src = 'https://' + _fs_script;
 51 |       y = n.getElementsByTagName(t)[0];
 52 |       y.parentNode.insertBefore(o, y);
 53 |       g.identify = function (i, v, s) {
 54 |         g(l, { uid: i }, s);
 55 |         if (v) g(l, v, s);
 56 |       };
 57 |       g.setUserVars = function (v, s) {
 58 |         g(l, v, s);
 59 |       };
 60 |       g.event = function (i, v, s) {
 61 |         g('event', { n: i, p: v }, s);
 62 |       };
 63 |       g.anonymize = function () {
 64 |         g.identify(!!0);
 65 |       };
 66 |       g.shutdown = function () {
 67 |         g('rec', !1);
 68 |       };
 69 |       g.restart = function () {
 70 |         g('rec', !0);
 71 |       };
 72 |       g.log = function (a, b) {
 73 |         g('log', [a, b]);
 74 |       };
 75 |       g.consent = function (a) {
 76 |         g('consent', !arguments.length || a);
 77 |       };
 78 |       g.identifyAccount = function (i, v) {
 79 |         o = 'account';
 80 |         v = v || {};
 81 |         v.acctId = i;
 82 |         g(o, v);
 83 |       };
 84 |       g.clearUserCookie = function () {};
 85 |       g._w = {};
 86 |       y = 'XMLHttpRequest';
 87 |       g._w[y] = m[y];
 88 |       y = 'fetch';
 89 |       g._w[y] = m[y];
 90 |       if (m[y])
 91 |         m[y] = function () {
 92 |           return g._w[y].apply(this, arguments);
 93 |         };
 94 |       g._v = '1.2.0';
 95 |     })(window, document, window['_fs_namespace'], 'script', 'user');
 96 | 
 97 |     /****************************************/
 98 |     /* site scripts */
 99 |     /****************************************/
100 |     var SHEET = [];
101 |     var REF;
102 |     var JSON_URL = `https://spreadsheets.google.com/feeds/cells/${SPREADSHEET_ID}/1/public/full?alt=json`;
103 |     var VENMO_PAYMENT_MESSAGE =
104 |       '?txn=pay&note=Support%20local%20service%20workers%20on%20http://bailout.nyc%20%E2%9D%A4%EF%B8%8F';
105 | 
106 |     const showTellMeMore = () => {
107 |       var x = document.getElementById('tell_me_more');
108 |       var y = document.getElementById('tell_me_more_header');
109 |       if (x.style.display === 'none') {
110 |         x.style.display = 'block';
111 |         y.innerHTML = '<h3>Tell Me More</h3>';
112 |       } else {
113 |         x.style.display = 'none';
114 |       }
115 |     };
116 | 
117 |     const showFullDescription = (row_number) => {
118 |       document.getElementById(`business_${row_number}_long_description`).style.display = 'block';
119 |       document.getElementById(`business_${row_number}_description`).style.display = 'none';
120 |     };
121 | 
122 |     const showShortenedDescription = (row_number) => {
123 |       document.getElementById(`business_${row_number}_long_description`).style.display = 'none';
124 |       document.getElementById(`business_${row_number}_description`).style.display = 'block';
125 |     };
126 | 
127 |     const getQueryParams = () => {
128 |       var href = window.location.href;
129 |       field = 'ref';
130 |       var reg = new RegExp('[?&]' + field + '=([^&#]*)', 'i');
131 |       REF = reg.exec(href);
132 |       if (REF != null && REF.includes('republic') | REF.includes('Republic')) {
133 |         VENMO_PAYMENT_MESSAGE =
134 |           '?txn=pay&note=Support%20nyc%20service%20workers%20on%20http://bailout.nyc%20%E2%9D%A4%EF%B8%8F%20http://republic.co%20will%20match%20this%20donation.';
135 |         document.getElementById('main_venmo_link').href =
136 |           'https://venmo.com/bailoutnyc' + VENMO_PAYMENT_MESSAGE;
137 |       }
138 |     };
139 | 
140 |     const sendGAEvent = (send, type, event_category, event_action, event_label, event_value) => {
141 |       if (
142 |         REF != null &&
143 |         (event_category == 'GoFundMe Buttons' || event_category == 'Venmo Buttons')
144 |       ) {
145 |         event_category = event_category + ' ' + REF;
146 |       }
147 |       if (type == 'event') {
148 |         gtag('event', event_action, {
149 |           event_category: event_category,
150 |           event_label: event_label,
151 |           value: event_value,
152 |         });
153 |       }
154 |     };
155 |     var businesses;
156 |     var number_of_businesses;
157 |     const parseSheetResult = (result) => {
158 |       let colMap = {
159 |         '1': 'business_name',
160 |         '2': 'venmo_handle',
161 |         '3': 'location',
162 |         '4': 'description',
163 |         '5': 'gofundme_url',
164 |       };
165 |       var rows = [];
166 |       result.feed.entry.map((e) => {
167 |         let rowNum = parseInt(e['gs$cell'].row, 10);
168 |         while (rows.length < rowNum) {
169 |           rows.push({});
170 |         }
171 |         let rowIndex = rowNum - 1;
172 |         let colNum = e['gs$cell'].col;
173 |         let key = colMap[colNum];
174 |         let cellValue = e['gs$cell']['$t'];
175 |         rows[rowIndex][key] = cellValue;
176 |       });
177 |       businesses = rows;
178 |       number_of_businesses = rows.length;
179 |       return rows;
180 |     };
181 | 
182 |     const drawTable = (sheet) => {
183 |       let ALL_VENMO_USERS = [];
184 |       let t = document.getElementById('sheet');
185 | 
186 |       t.innerHTML = '';
187 |       const sortAlpha = (a, b) => {
188 |         if (a.business_name.toLowerCase() < b.business_name.toLowerCase()) {
189 |           return -1;
190 |         }
191 |         if (a.business_name.toLowerCase() > b.business_name.toLowerCase()) {
192 |           return 1;
193 |         }
194 |         return 0;
195 |       };
196 |       const sortRandom = (a, b) => {
197 |         return 0.5 - Math.random();
198 |       };
199 |       const sortFunc = RANDOMIZE_BUSINESS_LIST ? sortRandom : sortAlpha;
200 |       sheet
201 |         .filter((row) => row.business_name != 'Business Name' && !!row.business_name)
202 |         .sort(sortFunc)
203 |         .map((row, i) => {
204 |           let outer = document.createElement('div');
205 |           outer.className = `place_pill`;
206 |           ['business_name', 'location', 'venmo_handle', 'description', 'gofundme_url'].map((k) => {
207 |             let div = document.createElement('div');
208 |             div.className = `div_content_${k}`;
209 |             div.id = `business_${i}_${k}`;
210 | 
211 |             //https://venmo.com/iqram?txn=pay&amount=0.01&note=Hii,%20I%20worked%20with%20John%20on%20Venmo,%20and%20he%20wants%20to%20hear%20your%20voice.%20Listen%20to%20this%20Ense%20he%20made:%20https://ense.nyc/ense/154602/violetredyellow
212 | 
213 |             if (k == 'venmo_handle') {
214 |               if (row[k] == null && row['gofundme_url'] != null) {
215 |                 //GofundMe
216 |                 div.innerHTML =
217 |                   "<div class='gofundme_pill'><a target='_blank' href='" +
218 |                   row['gofundme_url'] +
219 |                   '\' onClick=\'sendGAEvent("send", "event", "GoFundMe Buttons", "Clicked individual business", "' +
220 |                   row['gofundme_url'] +
221 |                   '", "' +
222 |                   i +
223 |                   "\");'><img src='./assets/gofundmelogo_transparent.png' width='86px;'/>" +
224 |                   '</a></div>';
225 |               } else {
226 |                 let venmo_username = (row[k] || '').replace(/[@\s]/g, '');
227 |                 //Venmo
228 | 
229 |                 ALL_VENMO_USERS.push(venmo_username);
230 | 
231 |                 let venmo_link = 'https://venmo.com/' + row[k] + VENMO_PAYMENT_MESSAGE;
232 |                 div.innerHTML =
233 |                   "<div class='venmo_pill'><a target='_blank' href='" +
234 |                   venmo_link +
235 |                   '\' onClick=\'sendGAEvent("send", "event", "Venmo Buttons", "Clicked individual business", "' +
236 |                   venmo_username +
237 |                   '", "' +
238 |                   i +
239 |                   "\");'><img src='./assets/venmo-transparent.png' width='25px;'/>Venmo @" +
240 |                   venmo_username +
241 |                   '</a></div>';
242 |               }
243 |             } else if (k == 'business_name' || k == 'location') {
244 |               div.textContent = row[k];
245 |             } else if (k == 'description') {
246 |               let long_description_div = document.createElement('div');
247 |               long_description_div.classname = `div_content_${k}`;
248 |               long_description_div.id = `business_${i}_long_description`;
249 | 
250 |               var description = row[k];
251 |               if (description != null) {
252 |                 var shortened_description = description.substring(0, 120);
253 |                 if (description.length > 120) {
254 |                   shortened_description =
255 |                     shortened_description +
256 |                     `... <a href='' onClick='showFullDescription(${i}); sendGAEvent("send", "event", "businesses", "Clicked see more", "0", "0"); return false;'> show more</a>`;
257 |                   description =
258 |                     description +
259 |                     ` <a href='' onClick='showShortenedDescription(${i}); return false;'> show less</a>`;
260 |                 }
261 |                 div.innerHTML = shortened_description;
262 | 
263 |                 long_description_div.innerHTML = description;
264 |                 long_description_div.style.display = 'none';
265 |                 outer.appendChild(long_description_div);
266 |               }
267 |             }
268 | 
269 |             outer.appendChild(div);
270 |             t.appendChild(outer);
271 |           });
272 |         });
273 | 
274 |       console.log(ALL_VENMO_USERS);
275 |       if (ENABLE_VENMO_ALL_BUSINESS_BUTTON) {
276 |         $('#all_venmo_users').html(
277 |           '<a target="_blank" href="http://venmo.com/?txn=pay&recipients=' +
278 |             ALL_VENMO_USERS.join(',') +
279 |             "&note=www.bailout.nyc ❤️ / paying restaurants to support service workers\" onClick=\"sendGAEvent('send', 'event', 'Header Links', 'Clicked All Venmo', 'From top', '0')\"><img src=\"./assets/venmo-transparent.png\" width=\"25px;\" />Venmo All " +
280 |             ALL_VENMO_USERS.length +
281 |             ' Establishments</a>'
282 |         );
283 |       }
284 |     };
285 |     const searchFilter = () => {
286 |       const searchInput = document.getElementById('search');
287 |       const q = (searchInput.value || '').trim();
288 |       if (q == '') {
289 |         drawTable(SHEET);
290 |         return true;
291 |       }
292 |       const terms = q.split(/\s/).map((w) => w.trim().toLowerCase());
293 |       const results = SHEET.filter((row) => {
294 |         let words = row.business_name.split(/\s/).map((w) => w.trim().toLowerCase());
295 |         // every term much match the head of some word in the business name
296 |         return terms.every((t) => words.some((w) => w.indexOf(t) == 0));
297 |       });
298 |       drawTable(results);
299 |       return true;
300 |     };
301 |     const onBodyLoad = () => {
302 |       $.ajax(JSON_URL).done(function (result) {
303 |         SHEET = parseSheetResult(result);
304 |         drawTable(SHEET);
305 |       });
306 |       if (REPUBLIC_PARTNERSHIP) {
307 |         document.getElementById('republic_partnership').style.display = 'block';
308 |       }
309 |       getQueryParams();
310 |     };
311 | 
312 |     const randomlyChooseBusiness = () => {
313 |       var random_business_index = Math.floor(Math.random() * number_of_businesses + 1);
314 |       document.getElementById('search').value = businesses[random_business_index]['business_name'];
315 |       searchFilter();
316 |     };
317 |   </script>
318 | 
319 |   <title>bailout.nyc</title>
320 |   <meta property="og:image" content="./assets/bailoutlogo.png" />
321 |   <meta property="og:type" content="website" />
322 |   <meta property="og:url" content="http://bailout.nyc" />
323 |   <meta property="og:title" content="bailout.nyc" />
324 |   <meta
325 |     property="og:description"
326 |     content="bailout.nyc is a citizen-organized fund to help provide financial relief for service workers whose businesses have closed in response to covid-19."
327 |   />
328 |   <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet" />
329 |   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
330 | 
331 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
332 |   <link
333 |     rel="icon"
334 |     href="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/heavy-black-heart_2764.png"
335 |   />
336 |   <link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css" />
337 | 
338 |   <style type="text/css">
339 |     .material-icons {
340 |       font-family: 'Material Icons';
341 |       font-weight: normal;
342 |       font-style: normal;
343 |       font-size: 24px; /* Preferred icon size */
344 |       display: inline-block;
345 |       line-height: 1;
346 |       text-transform: none;
347 |       letter-spacing: normal;
348 |       word-wrap: normal;
349 |       white-space: nowrap;
350 |       direction: ltr;
351 | 
352 |       /* Support for all WebKit browsers. */
353 |       -webkit-font-smoothing: antialiased;
354 |       /* Support for Safari and Chrome. */
355 |       text-rendering: optimizeLegibility;
356 | 
357 |       /* Support for Firefox. */
358 |       -moz-osx-font-smoothing: grayscale;
359 | 
360 |       /* Support for IE. */
361 |       font-feature-settings: 'liga';
362 |     }
363 |     body {
364 |       font-family: 'Lato', sans-serif;
365 |       background-color: #dae5f2;
366 |     }
367 |     .nav {
368 |       text-align: center;
369 |       padding: 4px;
370 |       font-size: 14px;
371 |     }
372 |     .nav a {
373 |       display: inline-block;
374 |       margin: 0 4px;
375 |     }
376 |     a,
377 |     a:visited,
378 |     a:active {
379 |       color: #457b9d;
380 |     }
381 |     .button-wrapper {
382 |       display: block;
383 |       text-align: center;
384 |       margin-left: 8px;
385 |       margin-right: 8px;
386 |     }
387 |     .button {
388 |       border: none;
389 |       border-radius: 4px;
390 |       box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
391 |       display: inline-block;
392 |       font-size: 1em;
393 |       padding: 1em 2em;
394 |       width: 100%;
395 |       max-width: 462px;
396 |     }
397 | 
398 |     .cta-button {
399 |       background-color: #123456;
400 |       color: #f1faee !important;
401 |     }
402 | 
403 |     .cta-button:hover {
404 |       background-color: #457b9d;
405 |     }
406 | 
407 |     .button_new {
408 |       text-align: center;
409 |       align-items: center;
410 |     }
411 | 
412 |     .button_new a {
413 |       text-decoration: none;
414 |       background: #123456;
415 |       border: none;
416 |       padding: 18px;
417 |       border-radius: 4px;
418 |       display: inline-block;
419 |       width: 100%;
420 |       align-items: center;
421 |       color: white;
422 |       text-align: center;
423 |       text-align: center;
424 |       align-items: center;
425 |     }
426 | 
427 |     #business_flex {
428 |       margin-top: 20px;
429 |       display: flex;
430 |       flex-direction: row;
431 |     }
432 |     #search_icon {
433 |       color: inherit;
434 |       font-weight: bold;
435 |       padding-right: 5px;
436 |     }
437 |     #search_icon i {
438 |       line-height: 24px;
439 |       font-size: 18px;
440 |     }
441 |     #search {
442 |       flex-grow: 1;
443 |       vertical-align: bottom;
444 |       padding: 0;
445 |       border: none;
446 |       background: transparent;
447 |       border-bottom: 1px solid #333;
448 |       color: #333;
449 |       outline: none;
450 |     }
451 |     #search::placeholder {
452 |       color: #333;
453 |     }
454 |     .flex_item {
455 |       flex-basis: auto;
456 |     }
457 | 
458 |     table,
459 |     tr,
460 |     td {
461 |       padding: 0;
462 |       margin: 0;
463 |       border-collapse: collapse;
464 |       border-spacing: 0;
465 |     }
466 | 
467 |     #sheet td {
468 |       border-top: 1px solid #efefef;
469 |       border-left: 1px solid #efefef;
470 |       padding: 4px;
471 |       color: #333;
472 |       vertical-align: top;
473 |     }
474 |     #sheet tr {
475 |       border-bottom: 1px solid #efefef;
476 |       border-right: 1px solid #efefef;
477 |     }
478 |     #sheet .tr_0 td {
479 |       font-weight: bold;
480 |     }
481 |     #sheet .td_description {
482 |       width: 400px;
483 |     }
484 | 
485 |     .place_pill {
486 |       padding: 20px;
487 |       background: #fff;
488 |       border-radius: 4px;
489 |       margin-top: 20px;
490 |       /* box-shadow: 1px 1px 1px #eee; */
491 |     }
492 | 
493 |     .div_content_business_name {
494 |       font-size: 22px;
495 |       font-weight: bold;
496 |     }
497 | 
498 |     .div_content_location {
499 |       color: #666;
500 |       padding-top: 2px;
501 |       font-size: 14px;
502 |     }
503 | 
504 |     .venmo_pill {
505 |       margin: 20px 0px;
506 |     }
507 | 
508 |     .venmo_pill a {
509 |       text-decoration: none;
510 |       background: #6696cc;
511 |       border: 1px solid #6696cc;
512 |       padding: 15px;
513 |       border-radius: 4px;
514 |       display: flex;
515 |       align-items: center;
516 |       color: white;
517 |     }
518 | 
519 |     .venmo_pill img {
520 |       margin-right: 10px;
521 |     }
522 | 
523 |     .gofundme_pill {
524 |       margin: 20px 0px;
525 |     }
526 | 
527 |     .gofundme_pill a {
528 |       text-decoration: none;
529 |       background: rgb(0, 195, 103);
530 |       border: 1px solid rgb(0, 195, 103);
531 |       padding: 15px;
532 |       border-radius: 4px;
533 |       display: flex;
534 |       align-items: center;
535 |       color: white;
536 |     }
537 | 
538 |     .gofundme_pill img {
539 |       margin-right: 10px;
540 |     }
541 | 
542 |     .lucky_pill {
543 |       margin: 20px 0px;
544 |     }
545 | 
546 |     .lucky_pill a {
547 |       text-decoration: none;
548 |       background: #f28f3b;
549 | 
550 |       padding: 20px;
551 |       border-radius: 4px;
552 |       display: flex;
553 |       align-items: center;
554 |       color: white;
555 |     }
556 | 
557 |     ol {
558 |       list-style: none;
559 |       padding-left: 2rem;
560 |       counter-reset: circle-counter;
561 |     }
562 | 
563 |     ol li {
564 |       counter-increment: circle-counter;
565 |     }
566 |     ol li:before {
567 |       border: 1px solid black;
568 |       content: counter(circle-counter);
569 |       width: 1.5rem;
570 |       height: 1.5rem;
571 |       position: absolute;
572 |       border-radius: 4px;
573 |       text-align: center;
574 |       line-height: 1.5rem;
575 |       margin-left: -2rem;
576 |     }
577 |   </style>
578 | </head>
579 | 
580 | <body onload="onBodyLoad();">
581 |   <a name="home"></a>
582 |   <div class="nav nav-top center mw7">
583 |     <a
584 |       href="#home"
585 |       onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked home', 'From top', '0')"
586 |       >Home</a
587 |     >
588 |     <a
589 |       href="#businesses"
590 |       onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked businesses', 'From top', '0')"
591 |       >Businesses</a
592 |     >
593 |     <a
594 |       target="_blank"
595 |       href="http://venmo.com/bailoutnyc"
596 |       onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked Venmo', 'From top', '0')"
597 |       >Venmo</a
598 |     >
599 | 
600 |     <a
601 |       target="_blank"
602 |       href="http://instagram.com/bailoutnyc"
603 |       onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked Instagram', 'From top', '0')"
604 |       >Instagram</a
605 |     >
606 |     <a
607 |       target="_blank"
608 |       href="http://twitter.com/bailoutnyc"
609 |       onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked Twitter', 'From top', '0')"
610 |       >Twitter</a
611 |     >
612 |     <a
613 |       href="#about-us"
614 |       onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked whos behind this', 'From top', '0')"
615 |       >About Us</a
616 |     >
617 | 
618 |     <a
619 |       target="_blank"
620 |       href="https://github.com/kortina/bailout-nyc"
621 |       onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked Github', 'From top', '0')"
622 |       >Fork on Github</a
623 |     >
624 |   </div>
625 | 
626 |   <div class="mw7 ph4 center">
627 |     <div style="border-bottom: 1px #6696cc solid; padding: 10px; padding-bottom: 26px;">
628 |       <div style="font-size: 30px; margin-top: 40px; font-weight: bold;">bailout.nyc ❤️</div>
629 |     </div>
630 | 
631 |     <div
632 |       class="fl w-100 pa2"
633 |       style="font-size: 24px; line-height: 36px; padding: 30px 0; font-weight: 900;"
634 |     >
635 |       <strong
636 |         >UPDATE: <br />We are now using this account to support Nationwide Bailout Fund. <br /><a
637 |           href="/"
638 |           >Learn more</a
639 |         >.
640 |       </strong>
641 |     </div>
642 | 
643 |     <div class="fl w-100 pa2">
644 |       <h1 style="font-size: 36px;">
645 |         Help Service Workers
646 |       </h1>
647 |       <h1 class="f4 measure">
648 |         Many are in financial distress due to Covid-19 business closures.
649 |       </h1>
650 |     </div>
651 | 
652 |     <div class="button-wrapper" style="margin-bottom: 10px; text-align: left;">
653 |       <div id="all_venmo_users" class="venmo_pill"></div>
654 |     </div>
655 | 
656 |     <div class="fl w-100 pa2">
657 |       <div class="bg-white br1 pa3" style="border-radius: 4px;">
658 |         <h3 class="f4 measure-narrow mt0">
659 |           Service Workers Need Help
660 |         </h3>
661 |         With businesses closing in response to Covid-19, many service workers have suddenly lost a
662 |         reliable income. To support them, Venmo @bailoutnyc. We'll distribute 100% of the money
663 |         raised to the Venmo accounts of the registered businesses listed below, so they can send it
664 |         to their staff.
665 | 
666 |         <br />
667 |         <br />
668 |         If you'd like to support the staff of a particular business, you can also find them below
669 |         and contribute to them directly. <br />
670 | 
671 |         <br />
672 |         <div id="tell_me_more_header">
673 |           <a
674 |             href=""
675 |             onClick="showTellMeMore(); sendGAEvent('send', 'event', 'Tell me more', 'Clicked tell me more', '0', '0'); return false;"
676 |             >Tell me more...</a
677 |           >
678 |         </div>
679 |         <div id="tell_me_more" style="display: none;">
680 |           <p>
681 |             In order to slow the spread of the coronavirus, the local government is
682 |             <a
683 |               target="_blank"
684 |               href="https://www1.nyc.gov/site/doh/health/health-topics/coronavirus.page"
685 |               >advising</a
686 |             >
687 |             restaurants, bars, cafes, nightclubs, movie theaters, small theater houses, and concert
688 |             venues to close. Elsewhere closures are even more comprehensive.
689 |           </p>
690 |           <p>
691 |             While this is prudent from a public health perspective, these closures will have a real
692 |             and immediate economic impact to service workers across industries. It could mean missed
693 |             rent or inability to pay for basic needs for many.
694 |           </p>
695 |           <p>
696 |             The city recognizes the economic stress this will put on service workers, and, in order
697 |             to incentivize businesses to keep employees on payroll, the administration has announced
698 |             that "businesses with fewer than 100 employees could be eligible for an interest-free
699 |             loan up to $75,000 as long as they can document a 25% loss in customer receipts because
700 |             of the coronavirus."
701 |           </p>
702 |           <p>
703 |             While an interest free loan is a good place to start, we believe we can do more to help
704 |             those affected, and are raising funds to be distributed to all the businesses affected
705 |             by this public health crisis.
706 |           </p>
707 |           <p>
708 |             The economic impacts of the coronavirus will be comparable to a very severe recession --
709 |             some economists estimate direct output loss of 30% for a fiscal quarter, which would
710 |             equate to an annual GDP loss of 7.5%.
711 |           </p>
712 |           <p>
713 |             Hopefully, we can anticipate the second order consequences of the coronavirus and
714 |             proactively work to mitigate them more swiftly than we have addressed the public health
715 |             concerns.
716 |           </p>
717 |           <p>
718 |             We cannot all be working alongside all of the heroic healthcare workers testing and
719 |             treating coronavirus patients, but our goal with this project is to enable every citizen
720 |             to do something today to mitigate the economic impact suffered by a huge number of
721 |             service workers.
722 |           </p>
723 |         </div>
724 |       </div>
725 | 
726 |       <div
727 |         class="bg-white br1 pa3"
728 |         style="border-radius: 4px; margin-top: 20px; margin-bottom: 15px;"
729 |       >
730 |         <h3 class="f4 measure-narrow mt0">
731 |           Add a Business
732 |         </h3>
733 |         Tell your favorite local businesses to register on bailout.nyc so we can all support their
734 |         staff.<br /><br />
735 |         If you own or operate a business affected by Covid-19,
736 |         <a
737 |           id="register_business_link"
738 |           style="font-weight: 900;"
739 |           target="_blank"
740 |           href=""
741 |           onClick="sendGAEvent('send', 'event', 'Businesses', 'Clicked form link', '0', '0')"
742 |           >fill out this form</a
743 |         >
744 |         to register your business for listing + relief.
745 |         <script>
746 |           document.getElementById('register_business_link').href = REGISTER_FORM_URL;
747 |         </script>
748 |       </div>
749 | 
750 |       <div class="bg-white br1 pa3" style="border-radius: 4px;">
751 |         <h3 class="f4 measure-narrow mt0"><a name="random"></a>Anyone can use help</h3>
752 |         <div class="div_content_venmo_handle">
753 |           <div class="lucky_pill">
754 |             <a
755 |               onClick="randomlyChooseBusiness(); sendGAEvent('send', 'event', 'Randomizer', 'Clicked random business generator', '0', '0');"
756 |               href="#random"
757 |             >
758 |               Randomly choose a business
759 |             </a>
760 |           </div>
761 |         </div>
762 |         <div>Use this button to randomly choose a business to contribute to.</div>
763 |       </div>
764 |     </div>
765 | 
766 |     <div class="fl w-100 pt10 pa2">
767 |       <a name="businesses"></a>
768 |       <div id="business_flex">
769 |         <div id="search_icon" class="flex_item">
770 |           <i class="material-icons">search</i>
771 |         </div>
772 |         <input
773 |           autocomplete="off"
774 |           id="search"
775 |           class="flex_item"
776 |           type="text"
777 |           placeholder="Search businesses..."
778 |           onkeyup="searchFilter();"
779 |         />
780 |       </div>
781 |       <div id="sheet" style="margin-bottom: 15px;"></div>
782 |     </div>
783 | 
784 |     <div style="text-align: center;">
785 |       <a name="about-us" style="font-size: 16px; color: inherit;">About Us</a>
786 |       <div
787 |         style="
788 |           font-size: 12px;
789 |           margin-top: 12px;
790 |           margin-bottom: 5px;
791 |           margin-left: 10px;
792 |           margin-right: 10px;
793 |           text-align: center;
794 |         "
795 |       >
796 |         <div style="max-width: 410px; margin: 0 auto;">
797 |           We are a group of friends who used to work at Venmo. We built Venmo to help people support
798 |           each other, especially in times like these.
799 |         </div>
800 |         <br /><br />
801 |         ❤️<br />
802 |         Ny Vo - former Product Manager at Venmo <br />
803 |         Jesse Bentert - former Head of Product at Venmo <br />
804 |         Aneesh Bhoopathy - former designer at Venmo<br />
805 |         Iqram Magdon-Ismail - co-founder of Venmo<br />
806 |         Andrew Kortina - co-founder of Venmo<br /><br />
807 |       </div>
808 |     </div>
809 | 
810 |     <div class="nav nav-bottom center mw7">
811 |       <a
812 |         href="#home"
813 |         onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked home', 'From bottom', '0')"
814 |         >Home</a
815 |       >
816 |       <a
817 |         href="#businesses"
818 |         onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked businesses', 'From bottom', '0')"
819 |         >Businesses</a
820 |       >
821 |       <a
822 |         target="_blank"
823 |         href="http://venmo.com/bailoutnyc"
824 |         onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked Venmo', 'From bottom', '0')"
825 |         >Venmo</a
826 |       >
827 |       <a
828 |         target="_blank"
829 |         href="http://instagram.com/bailoutnyc"
830 |         onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked Instagram', 'From bottom', '0')"
831 |         >Instagram</a
832 |       >
833 |       <a
834 |         target="_blank"
835 |         href="http://twitter.com/bailoutnyc"
836 |         onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked Twitter', 'From bottom', '0')"
837 |         >Twitter</a
838 |       >
839 |       <a
840 |         href="#about-us"
841 |         onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked whos behind this', 'From bottom', '0')"
842 |         >About Us</a
843 |       >
844 |       <a
845 |         target="_blank"
846 |         href="https://github.com/kortina/bailout-nyc"
847 |         onClick="sendGAEvent('send', 'event', 'Header Links', 'Clicked Github', 'From bottom', '0')"
848 |         >Fork on Github</a
849 |       >
850 |     </div>
851 |   </div>
852 | 
853 |   <script
854 |     type="text/javascript"
855 |     src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"
856 |   ></script>
857 | </body>
858 | 


--------------------------------------------------------------------------------