-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
276 lines (271 loc) · 21.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Double Impact</title>
<link rel="stylesheet" href="styles.css">
<!-- Add these new icon links -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://doubleimpact.charity/">
<meta property="og:title" content="Double Impact Project">
<meta property="og:description" content="Transforming political donations into charitable impact. Your contribution doubles its power, supporting your party while funding vital causes.">
<meta property="og:image" content="https://doubleimpact.charity/og-img.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://doubleimpact.charity/">
<meta property="twitter:title" content="Double Impact Project">
<meta property="twitter:description" content="Transforming political donations into charitable impact. Your contribution doubles its power, supporting your party while funding vital causes.">
<meta property="twitter:image" content="https://doubleimpact.charity/og-img.jpg">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
<div class="container">
<div class="header-container">
<div class="header-icon">
<img src="logodi.svg" alt="Double Impact Logo" class="logo-svg">
</div>
<h1 class="header-title">Double Impact Project</h1>
<p class="header-description">Transforming political donations into charitable impact. Your contribution supports your party while <b>simultaneously</b> funding vital causes.</p>
<!-- <p class="header-description">Transforming political donations into charitable impact. Your contribution doubles its power, supporting your party while funding vital causes.</p>-->
</div>
<div class="donate-section">
<button class="donate-button-democratic" onclick="window.open('https://donate.stripe.com/3cs6pR7tlgo9eIM145', 'newwindow', 'width=1000,height=1000'); return false;">Donate to the Democratic Party</button>
<button class="donate-button-republican" onclick="window.open('https://donate.stripe.com/4gw15x00T3BngQUdQQ', 'newwindow', 'width=1000,height=1000'); return false;">Donate to the Republican Party</button>
</div>
<div class="countdown-container">
<p class="countdown-text"><span id="days-remaining"></span> until the next donation</p>
</div>
<div class="balance-section">
<div class="circle-container">
<div class="circle-row">
<div class="circle democrat-circle">
<p>Democratic <br> Donations</p>
<span id="democrat-amount">$5,115</span>
</div>
<div class="circle republican-circle">
<p>Republican <br> Donations</p>
<span id="republican-amount">$8,344</span>
</div>
</div>
<div class="arrow-container">
<div class="arrow right-arrow">
<svg data-name="1-Arrow Up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<path d="m26.71 10.29-10-10a1 1 0 0 0-1.41 0l-10 10 1.41 1.41L15 3.41V32h2V3.41l8.29 8.29z"/>
</svg>
</div>
<div class="arrow down-arrow">
<svg data-name="1-Arrow Up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<path d="m26.71 10.29-10-10a1 1 0 0 0-1.41 0l-10 10 1.41 1.41L15 3.41V32h2V3.41l8.29 8.29z"/>
</svg>
</div>
</div>
<div class="circle-row">
<div class="circle charity-circle">
<p>Towards <br> Charity</p>
<span id="charity-amount">$0</span>
</div>
<div class="circle remaining-circle">
<p>Towards <br> Party</p>
<span id="remaining-amount">$0</span>
</div>
</div>
</div>
</div>
<div class="section-separator">***</div>
<div class="description-section">
<div class="description-header-container">
<h2 class="description-title">How it Works</h2>
<p class="description-description">
Every year, hundreds of millions of dollars are poured into political campaigns. Both Republicans and Democrats spend heavily on TV ads, each side trying to outdo the other. But in reality, much of the effect cancels out. Think about it: if one side spends $1,000,000 on ads and the other spends the same, plausibly no votes are changed. But we as a nation have burned through $2,000,000.
</p>
<p class="description-description">
There is a better way. What if the money still cancels out, but was directed somewhere far more impactful? What if the same dollars could instead feed the hungry, clothe those in need, and heal the sick?
</p>
<img src="barchart.png" alt="Bar Chart" class="barchart">
<p class="description-description">
This is exactly what the Double Impact project accomplishes. You can pledge money to the party of your choice, but the twist is, if someone pledges money to the opposite party, both contributions "cancel out", and we will send that money to charity that both parties agree to at the end of the month. It's a win-win! Your voice is heard, and those in need get the help they deserve.
</p>
</div>
</div>
<div class="section-separator">***</div>
<div class="charities-section">
<div class="charities-header-container">
<h2 class="charities-title">Funding Charities Both Parties Support</h2>
<p class="charities-description">
By participating in Double Impact, you're redirecting rivalry, making competition a positive sum game. You're not just supporting your political views, but also funding causes that benefit society as a whole.
</p>
</div>
<div class="charities-grid">
<div class="charity-item">
<div class="charity-image-container"><a href="https://www.feedingamerica.org/" target="_blank" class="charity-link"><img class="charity-image" src="pictures/Feeding_America.png" alt="Feeding America"></a></div>
<h3>Feeding America</h3>
<p>Feeding America is the largest hunger-relief organization in the United States, working to provide meals to individuals and families struggling with food insecurity.</p>
</div>
<div class="charity-item">
<div class="charity-image-container"><a href="https://www.juniorachievement.org" target="_blank" class="charity-link"><img class="charity-image" src="pictures/Junior_Achievement_USA.jpg" alt="Junior Achievement"></a></div>
<h3>Junior Achievement</h3>
<p>Junior Achievement (JA) inspires and prepares young people to succeed in a global economy by delivering hands-on, experiential learning in financial literacy, work readiness, and entrepreneurship.</p>
</div>
<div class="charity-item">
<div class="charity-image-container">
<a href="https://www.givewell.org/" target="_blank" class="charity-link">
<img class="charity-image" src="pictures/Givewell.webp" alt="GiveWell">
</a>
</div>
<h3>Give Well</h3>
<p>GiveWell is a nonprofit dedicated to finding and recommending the most effective charities to help donors make informed decisions. Through rigorous research and analysis, GiveWell identifies high-impact giving opportunities, ensuring that donations are used efficiently to improve lives and reduce suffering globally. Their focus on evidence-based approaches makes it easier for individuals to maximize the impact of their contributions.</p>
</div>
<div class="charity-item">
<div class="charity-image-container">
<a href="https://www.stjude.org/" target="_blank" class="charity-link">
<img class="charity-image" src="pictures/StJude.webp" alt="St. Jude Children's Research Hospital">
</a>
</div>
<h3>St. Jude Children’s Research Hospital</h3>
<p>St. Jude Children’s Research Hospital is leading the way in treating and defeating pediatric catastrophic diseases such as cancer. No family ever receives a bill from St. Jude for treatment, travel, housing, or food, ensuring that financial concerns are never a barrier to life-saving care. Their groundbreaking research and commitment to saving lives have made a global impact in the fight against childhood diseases.</p>
</div>
<div class="charity-item">
<div class="charity-image-container">
<a href="https://www.heifer.org/gift-catalog/animals/index.html" target="_blank" class="charity-link">
<img class="charity-image" src="pictures/Heifer.png" alt="Heifer International">
</a>
</div>
<h3>Heifer International</h3>
<p>Heifer International works to end hunger and poverty around the world by empowering communities through sustainable agriculture and economic development. <br> <br/>By providing livestock, seeds, and training, Heifer helps families lift themselves out of poverty, ensuring they can achieve self-reliance and build better futures. Your donation can transform lives by providing resources that create lasting change.</p>
</div>
<div class="charity-item">
<div class="charity-image-container"><a href="https://www.redcross.org" target="_blank" class="charity-link"><img class="charity-image" src="pictures/AmericanRedCross.jpeg" alt="American Red Cross"></a></div>
<h3>American Red Cross</h3>
<p>The American Red Cross provides emergency assistance, disaster relief, and education in the United States.</p>
</div>
</div>
</div>
<div class="section-separator">***</div>
<div class="team-section">
<div class="about-header-container">
<h2 class="about-title">About Us</h2>
<p class="about-description">
We are a team of volunteer innovators, scholars, and technologists dedicated to making the pie bigger for everyone. Our team has members who plan to support candidates on both sides of the 2024 election. We believe technology, creatively applied, can lead to new possibilities for "Third Way" political solutions. This can lead us closer to enjoying ease and abundance – by tapping our potential for perfect coordination as a society.
</p>
</div>
<div class="team-grid">
<div class="team-member">
<a href="https://www.linkedin.com/in/samuelgaller/" target="_blank">
<img class="team-member-photo" src="pictures/Samuel.jpeg" alt="Samuel Galler LinkedIn">
</a>
<h3>Samuel Galler</h3>
<p>Sam Galler is a thought leader in finance, a Rhodes Scholar, a Harvard Social Studies Graduate, and a former USA junior national chess champion. He has contributed to numerous nonprofit initiatives for social good such as the mental health campaign It Gets Brighter. This project was sparked by Sam's initial idea.</p>
</div>
<div class="team-member">
<a href="https://www.linkedin.com/in/jacobcolemit/" target="_blank">
<img class="team-member-photo" src="pictures/Jacob.jpeg" alt="Jacob Cole LinkedIn">
</a>
<h3>Jacob Cole</h3>
<p>Jacob Cole is the founder of <strong><a href="https://www.ideaflow.io/" target="_blank">Ideaflow</a></strong>, a company building collective intelligence tools, which has raised over $10 million from top VCs. He was formerly a collective intelligence researcher at MIT.</p>
</div>
<div class="team-member">
<a href="https:/sahar.io/about" target="_blank">
<img class="team-member-photo" src="pictures/Sahar.jpg" alt="Sahar LinkedIn">
</a>
<h3>Sahar Massachi</h3>
<p>Sahar Massachi worked on the civic integrity team at Facebook, ran data for fundraising at Wikipedia, and founded two prosocial startups. Since then, Sahar became a fellow Berkman Klein Center for Internet & Society at Harvard University. He's a member of the advisory committee of the Louis D. Brandeis Legacy Fund for Social Justice, a StartingBloc fellow, and a Roddenbery Fellow. He co-founded and was the first executive director of <strong><a href="https://integrityinstitute.org/founders-letter" target="_blank">Integrity Institute</a></strong>.</p>
</div>
<div class="team-member">
<a href="https://www.linkedin.com/in/jack-jay-jackson-jesionowski/" target="_blank">
<img class="team-member-photo" src="pictures/Jack.jpeg" alt="Jack Jay LinkedIn">
</a>
<h3>Jack Jesionowski</h3>
<p>Jack Jesionowski is a serial entrepreneur and founder of <b><a href="https://systemicaltruism.com/" target="_blank">Systemic Altruism</a></b>, the nonprofit dedicated to finding creative, high leverage, technical, and social solutions to the world's most pressing problems and partnered with Double Impact. He is also a viral content creator, and inspirational speakers, and his videos are followed by Elon Musk.</p>
</div>
<div class="team-member">
<a href="https://www.ghaliafarzat.com/" target="_blank">
<img class="team-member-photo" src="pictures/Ghalia.png" alt="Ghalia Farzat Website">
</a>
<h3>Ghalia Farzat</h3>
<p>Ghalia is a product manager with experience in program and project management. She started her career as a software developer after completing a bachelor in computer science. Ghalia worked in HigherEd IT, ecommerce and retail. She also worked at early stage startups supporting first time founders with product discovery, user research and product-market fit. She is multilingual, an avid volunteer and a thirsty traveler with international experience and a love for learning and reading.</p>
</div>
<div class="team-member">
<a href="https://www.linkedin.com/in/simon-zhang0606/" target="_blank">
<img class="team-member-photo" src="pictures/Simon.jpeg" alt="Simon Zhang LinkedIn">
</a>
<h3>Simon Zhang</h3>
<p>Simon Zhang is the lead engineer behind the Double Impact Initiative. Simon is the one that cordinates everyone's ideas and makes the Double Impact project a reality. Simon is a software engineer working at Amazon Web Services. He has 5 years experience working on numerous startups and big tech projects.</p>
</div>
</div>
</div>
<div class="systemic-altruism-section">
<p>The Double Impact Project is built in collaboration with <strong><a href="https://systemicaltruism.com/" target="_blank">Systemic Altruism</a></strong>, a charity that aims to address problems similar to this one by finding innovative and high-leverage solutions. To learn more, volunteer, or <strong><a href="https://buy.stripe.com/aEU29B2916Nzasw8wy" target="_blank">donate</a></strong> to make more projects like this happen, please visit.</p>
</div>
<div class="section-separator">***</div>
<div class="faq-section-container">
<h2>Frequently Asked Questions</h2>
<div class="accordion">
<div class="accordion__item">
<input type="checkbox" id="faq1" class="accordion__input">
<label for="faq1" class="accordion__head">
<h3 class="accordion__title">Why are we called Double Impact?</h3>
<div class="accordion__opener">
<i>▼</i>
</div>
</label>
<div class="accordion__description">
<p>The meaning is twofold. The first meaning is you are contributing to the success of the party you believe in, but you are also helping those in need through charity. The second meaning behind this is more interesting. Did you know that if you donate to the side that has less money, any donation you make is effectively doubled? If the Democrats have $1000 and the republicans have $1100 dollars, and you donate $25 dollars to the democrats, that $25 will also take $25 from the republican party's coffers. This effectively is making your $25 donation a $50 donation to charity! <a href="https://docs.google.com/document/d/1ekFj_LoZKJVw7Zs6VEyqRs5RlsFHspF_Zyp9ROhut2A/edit" target="_blank">Read more</a>.</p>
</div>
</div>
<div class="accordion__item">
<input type="checkbox" id="faq2" class="accordion__input">
<label for="faq2" class="accordion__head">
<h3 class="accordion__title">When I donate money to a party, what happens?</h3>
<div class="accordion__opener">
<i>▼</i>
</div>
</label>
<div class="accordion__description">
<p>When your money is donated, it will be stored in a politically neutral charity bank account for up to a week. Every Sunday, we total up how much each party has pledged. For the money that is "canceled out", we send it to the charities listed above evenly, and the rest goes to whichever party "wins".</p>
</div>
</div>
<div class="accordion__item">
<input type="checkbox" id="faq3" class="accordion__input">
<label for="faq3" class="accordion__head">
<h3 class="accordion__title">Can I trust the other party?</h3>
<div class="accordion__opener">
<i>▼</i>
</div>
</label>
<div class="accordion__description">
<p>There is no way for users to game the system because if a donation is not matched by real money from the other side, it automatically goes to the political party of the original donor’s choice. The money is stored safely and securely using <a href="https://stripe.com">Stripe</a> and <a href="https://mercury.com">Mercury</a>’s state of the art banking system.</p>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="footer-content">
<h2>Get in Touch</h2>
<p>© 2024 Double Impact Project. Systemic Altruism LLC. All rights reserved.</p>
<div class="social-links">
<a href="https://x.com/doubleimpactUSA" target="_blank" class="social-link twitter-link">
<i class="fab fa-twitter"></i> Twitter
</a>
<a href="https://github.com/Cream0606/DoubleImpact.github.io/" target="_blank" class="social-link github-link">
<i class="fab fa-github"></i> GitHub
</a>
<a href="mailto:[email protected]" class="social-link email-link">
<i class="fas fa-envelope"></i> Email
</a>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>