-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·352 lines (305 loc) · 17 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
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Average Foundation - Funding little acts of kindness by the average people</title>
<meta content="Average Foundation - Funding little acts of kindness by the average people" name="description"/>
<link rel="icon" href="/img/favicon.png" sizes="16x16 32x32" type="image/png">
<meta property="og:title" content="Average Foundation"/>
<meta property="og:description" content="Average Foundation - Funding little acts of kindness by the average people"/>
<meta property="og:locale" content="en_SG"/>
<meta property="og:site_name" content="Average Foundation"/>
<meta name="robots" content="index,follow"/>
<meta name="googlebot" content="index,follow"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@elishatan"/>
<meta name="twitter:creator" content="@elishatan"/>
<meta property="og:url" content="https://www.averagefoundation.com/"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="https://www.averagefoundation.com/img/og_image.png"/>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,700;1,400&display=swap" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/new-age.min.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-60X9H569NN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-60X9H569NN');
</script>
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">AF</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#apply">Apply</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#questions">Questions</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead">
<div class="container h-100">
<div class="row h-100">
<div class="my-auto col-lg-12">
<div class="header-content">
<h1>Average Foundation</h1>
<p>Funding small acts of kindness by the average people</p>
<a href="#about" class="btn js-scroll-trigger">Read More</a>
</div>
</div>
</div>
</div>
</header>
<section id="about">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<p>Average. Did I just call you “average people”? The audacity! Why yes I did. But let me explain while you grab a drink and get comfy.</p>
<p>We all grew up on stories of princes, princesses, and superheroes, that only <i>the chosen one</i> can do good and save the world. These chosen ones display extraordinary qualities of bravery, intelligence, or actual superpowers, and everyone else who're not chosen are just inconsequential.</p>
<p>But most of us are not <i>the chosen one</i>. Most of us will not win a Nobel prize, cure COVID-19, or have millions in the bank.</p>
<p>Most of us are just... average.</p>
<p>So what does this leaves us? Do we strive to become heroes before we can do some good or throw our hands up in despair?</p>
<p><b>Answer: No, we can do good wherever and whoever we are.</b> But yes, put your hands up and wave them in the air. 🙌</p>
<strong><p class="large">Average Foundation supports the idea of one - one person, one time, one small act of kindness.</p> </strong>
<p>By funding your projects, I want to remove the financial pressures and help you get started in contributing and doing small acts of kindness for your community.</p>
<p>At this point of the page, you may be wondering who I am and if I'm secretly Black Panther. If you're not, <a class="js-scroll-trigger" href="#apply">click here to move down the page.</a> For those of you who are still here, hi I'm Elisha!</p>
<div class="row">
<div class="col-md-9">
<p>Here's the person who responds to the name Elisha.</p>
<p>I'm passionate about bringing people together to solve big problems and I believe the way to have a meaningful life is to contribute and help others. </p>
<p>My career allows me to be effective at designing and executing programs for tech + social good. With these skills and savings, I want to empower more people to start doing good. You can <a href="https://www.elishatan.com/about/" target="_blank">read the longer version of my professional bio here.</a> </p>
</div>
<div class="col-md-3 mx-auto bio-pic">
<img src="img/elishatan.jpg">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="apply">
<div class="container">
<div class="row">
<div class="col-lg-4 my-auto">
<div class=" section-heading header-content">
<h2>How It Works</h2>
<p class="text-muted">
Here's how to have your projects funded by the Average Foundation
</p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSd7pmbhi3Kfrwks7a2QbCzKV0YwudGCiQ1Rhv6BzejLaM3Dkw/viewform" target="_blank" class="btn btn-outline btn-xl">APPLY NOW</a>
</div>
</div>
<div class="col-lg-8 my-auto">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6">
<div class="feature-item">
<h3>Selection Criteria</h3>
<p class="text-muted">Small or one-off community projects in Singapore or San Francisco, especially on basic needs, education, and mental health. Selection criteria includes feasibility, usefulness, and purpose of the project.</p>
<p class="text-muted">Examples:
<ul>
<li class="text-muted">💆♂️ Mental health meetup for men</li>
<li class="text-muted">🍱 Pantry/Soup Kitchen for low-income neighborhoods</li>
<li class="text-muted">💻 Coding workshop for ex-convicts</li>
</ul>
</p>
</div>
</div>
<div class="col-lg-6">
<div class="feature-item">
<h3>Funding Coverage</h3>
<p class="text-muted">Funding covers all logistics and fees required of the project but does not cover personal expenses incurred due to the project.</p>
<p class="text-muted">Examples:
<ul>
<li class="text-muted">✅ Food and venue for an event</li>
<li class="text-muted">✅ Tickets and educator fees</li>
<li class="text-muted">❌ Your transportation fees</li>
<li class="text-muted">❌ Gifts and/or fees for volunteers</li>
<li class="text-muted">❌ Any injuries or damage because of the project</li>
</ul>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="feature-item">
<h3>Application Schedule</h3>
<p class="text-muted">Your application is reviewed every 15th of the month in 2022, and I will reach out to you within 2 weeks after review if your project is selected. </p>
<p class="text-muted">You should research and have a basic plan before applying. Your application should include:
<ul>
<li class="text-muted">💰 Total project budget, broken down by line items</li>
<li class="text-muted">🤝 Proof that you have reached out to or secured partners, if applicable</li>
</ul>
</p>
</div>
</div>
<div class="col-lg-6">
<div class="feature-item">
<h3>Reimbursement Cadence</h3>
<p class="text-muted">Projects costing less than USD50 will be reimbursed to the project owner upon project completion. Projects above USD50 receive some fees upfront.</p>
<p class="text-muted">Reimbursements are made within two weeks of submitting these document:
<ul>
<li class="text-muted">🧾 Receipts</li>
<li class="text-muted">📸 Photos of the project, including volunteers</li>
<li class="text-muted">📄 Short writeup on how the project went and areas of improvement</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<section>
<div class="row">
<div class="col-lg-4 my-auto">
<div class=" section-heading header-content">
<h2>Projects Funded</h2>
<p class="text-muted">Click the images to learn more or follow AF on <a href="https://www.instagram.com/averagefoundation/" target="_blank">Instagram</a> and <a href="https://www.facebook.com/averagefoundation/" target="_blank">Facebook</a>. </p>
</div>
</div>
<div class="col-lg-8 my-auto">
<div class="container-fluid">
<div class="embedsocial-hashtag" data-ref="a9eb111bc8dd900dcd56399a1a049c37008dfa0c"><a class="feed-powered-by-es feed-powered-by-es-slider" href="https://embedsocial.com/social-media-aggregator/" target="_blank" title="EmbedSocial"><span>→</span></a></div><script>(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://embedsocial.com/cdn/ht.js"; d.getElementsByTagName("head")[0].appendChild(js);}(document, "script", "EmbedSocialHashtagScript"));</script>
</div>
</div>
</div>
</section>
</section>
<section id="questions">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<h2>Questions?</h2>
<ul class="faq">
<li class="q">
<img src="img/arrow.png">
What happens after my project is selected?
</li>
<li class="a text-muted">If your project is selected, please create a detailed project timeline and resources needed. You can count on me to help out with organizing, brainstorming, or logistics! We will also agree on the payment cadence and requirements. </li>
<li class="q">
<img src="img/arrow.png">
What's the catch to receiving funds from the Average Foundation?
</li>
<li class="a text-muted">In exchange for funding from Average Foundation, you must be featured on AF's social media and tag AF on your social media posts. This is so that more people can be inspired by your story and know where to get a grant for their community projects. </li>
<li class="q">
<img src="img/arrow.png">
How will the information and photos I provide be used?
</li>
<li class="a text-muted">I will use these materials for me to understand your project idea and to communicate with you. Project details and photos may be published at Average Foundation’s social media channels at my discretion. <br><br>I want to share about your project to inspire more people to do the same, however, I’m against exploiting the disadvantaged for Klout. Unless proof of consent is provided, project beneficiaries will always have their identities anonymized before publishing to protect their privacy. You and your volunteers may choose to be anonymized too.</li>
<li class="q">
<img src="img/arrow.png">
Is there an age limit for applicants?
</li>
<li class="a text-muted">Not quite. However, applicants below the age of 16 should apply with a guardian above the age of 21.</li>
<li class="q">
<img src="img/arrow.png">
Is there a budget limit for projects?
</li>
<li class="a text-muted">Not quite, but generally small and one-off projects should cost less than USD3000.</li>
<li class="q">
<img src="img/arrow.png">
Hi Elisha, why are you doing this?
</li>
<li class="a text-muted">Hello! Thanks for asking... even though we both know that I put this question here. <br><br> Over the last 5 years, I have made significant contributions to my communities both professionally and personally. While I’m proud of what I’ve accomplished, I’ve realized the limit on what I can do. More can be done if I empower others to give back to their communities. That’s why I started the Average Foundation.</li>
<li class="q">
<img src="img/arrow.png">
Who’s funding the Average Foundation?
</li>
<li class="a text-muted">That's me!</li>
<li class="q">
<img src="img/arrow.png">
Are you rich?
</li>
<li class="a text-muted">Nope, I just happen to have a stable career, no kids, and not-too-old parents.</li>
<li class="q">
<img src="img/arrow.png">
You’re giving money away, are you stupid?
</li>
<li class="a text-muted">Well, I hope not.</li>
<li class="q">
<img src="img/arrow.png">
I’m going to scam you!
</li>
<li class="a text-muted">
<div class="row">
<div class="col-md-8">
Please don’t. 🥺 I know an emoji isn’t enough, so here’s a photo of a cat to remind you that you’re a good person.
</div>
<div class="col-md-4 mx-auto">
<img src="img/cute-cat.png" class="cat-img">
</div>
</div>
</li>
<li class="q">
<img src="img/arrow.png">
Things didn’t go well for my project, I want to speak to your manager.
</li>
<li class="a text-muted">Hello, it's me. I’m my manager. You are responsible for your project and its outcomes, please don’t sue me.</li>
<li class="q">
<img src="img/arrow.png">
The quality of questions is going downhill. Where can I ask better questions?
</li>
<li class="a text-muted">Email me at [email protected]!</li>
</ul>
</div>
</div>
</div>
</section>
<footer>
<div class="container contact">
<ul class="list-inline list-social">
<li class="list-inline-item">
<a href="mailto:[email protected]">
<i class="far fa-envelope"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.instagram.com/averagefoundation/" target="_blank">
<i class="fab fa-instagram"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.facebook.com/averagefoundation/" target="_blank">
<i class="fab fa-facebook-f"></i>
</a>
</li>
</ul>
<p>An Average Project by A Little Better Pte Ltd</p>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/new-age.min.js"></script>
</body>
</html>