forked from hackforla/website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
487 lines (474 loc) · 38.8 KB
/
about.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
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
---
layout: default
title: About
---
<div class="header-container header-container--about-us">
<div class="about-header-text-margin">
<h1>About Us</h1>
<p class="header-text--about-us">We bring together civic-minded volunteers to build digital products,
programs and services with community partners and local government to address issues in our LA region.
</p>
<p class="header-text--about-us">
Hack for LA is a project of <a href="https://www.codeforamerica.org/" target="_blank">Code for America</a> and its official Los Angeles chapter.
</p>
</div>
<div><img src="assets/images/about/about-us-header.svg"></div>
</div>
<div class="bg-color">
<div class="page-content-container-grid">
<div class="sticky-nav-content-container">
<a class="anchor" id='letter'></a>
<div class='page-card--about page-card--ed'>
<div class="about-us-section-header--ED"><span class="sec-head-img-ed">
<img src="assets/images/about/section-header-elements/letter.svg"></span><span id="letterBR">Letter from the Executive Director</span>
</div>
<div>
<!-- This will show on mobile with closed accordion -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur elementum nisi congue posuere imperdiet.
Mauris ac libero nec tortor eleifend pulvinar in eget est. Phasellus eget feugiat nisl, euismod sodales lacus.
Duis at hendrerit orci.
</p>
</div>
<div class="read-more">Read More</div>
<div class="about-us-section-content">
<!-- This will show on mobile with open accordion -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur elementum nisi congue posuere imperdiet.
Mauris ac libero nec tortor eleifend pulvinar in eget est. Phasellus eget feugiat nisl, euismod sodales lacus.
Duis at hendrerit orci. Mauris a varius lorem. Sed a nibh nibh. Vestibulum maximus, magna at vulputate feugiat,
leo nisi dictum neque, sit amet ullamcorper mauris lectus ac augue. Curabitur tincidunt cursus diam eget pharetra.
Aliquam non leo ut urna vehicula commodo. Suspendisse ultrices elit et dui accumsan, et vestibulum sapien egestas.
Nam mollis erat ante, ac tincidunt sem molestie quis.
</p>
<p>
Pellentesque elementum tellus eu convallis gravida. Duis fermentum felis elementum odio semper, sit amet dictum tortor iaculis.
Maecenas eu pretium lectus. Phasellus tempor risus vitae sem sodales mattis. Integer ex leo, ultrices sit amet vulputate a,
consectetur id lacus. Proin pharetra tortor quam. Aenean egestas ligula sit amet pharetra maximus. Nunc ultrices est mauris,
non tempor mi suscipit ac.
</p>
<p>
Aliquam erat volutpat. Aenean enim orci, venenatis vehicula dolor nec, dictum auctor erat. Nulla ac odio quis mauris porta pretium
vel ut turpis. Morbi cursus et lorem nec suscipit. Suspendisse potenti. Etiam nec libero sed lacus pharetra lacinia. Sed ac nisi
finibus, pellentesque ante non, ornare mauris. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos himenaeos. Vivamus eu risus et eros congue pulvinar vitae et lorem. Vestibulum et lorem orci.
Etiam et justo et quam imperdiet congue. Maecenas sit amet faucibus libero. Maecenas a quam ut purus cursus imperdiet iaculis quis libero.
</p>
</div>
<div class="read-less more-less">Read Less</div>
</div>
<a class="anchor" id='platform'></a>
<div class='page-card--about page-card--platform'>
<div class="about-us-section-header"><span class="sec-head-img"><img src="assets/images/about/section-header-elements/platform.svg"></span>Hack for LA Platform</div>
<div class="about-us-section-content">
<div class="sub-card">
<div class="sub-card-head"><span class="sub-head-image"><img src="assets/images/about/platform-header-elements/workforce-development.svg"></span><span class="sub-head-text color-dodgerblue">Workforce Development</div>
<p class="sub-card-content border-dodgerblue">
Enlightened self-interest is a powerful motivator. Our members have access to mentorship,
one-on-one help with job searches, and resume coaching. We do project matching to fit skill
and subject areas in which they wish to develop new skills, gain confidence in newly learned
skills, and transition from beginner to junior, mid-level, or expert - often in areas they
wish to add impressive credits to their resume.
</p>
<div class="platform-mid-section">
<div class="platform-sec-impact">
<div class="sub-card-head"><span class="sub-head-image"><img src="assets/images/about/platform-header-elements/impact.svg"></span><span class="sub-head-text color-lightseagreen">Impact</div>
<p class="sub-card-content border-lightseagreen">
We choose and empower projects where there is a demonstrable impact on stakeholders, project partners,
our local community, and our members. We don’t seek to be the experts, but instead to learn from them
and apply the leverage that technology offers to help improve pace and outcomes from their already
valuable work. High profile project partners carry weight when our members are looking for work.
</p>
</div>
<div class="platform-sec-learning">
<div class="sub-card-head"><span class="sub-head-image"><img src="assets/images/about/platform-header-elements/learning.svg"></span><span class="sub-head-text color-orange">Learning</div>
<p class="sub-card-content border-orange">
An environment where every member and the org itself benefit from the shared experiences of the members.
From high school students to Ph.D., from novice to expert, there is knowledge to be gained by sharing
practices and working collaboratively, making mistakes and learning from them in an environment that
values failing fast and learning.
</p>
</div>
<div class="platform-sec-diversity">
<div class="sub-card-head"><span class="sub-head-image"><img src="assets/images/about/platform-header-elements/diversity.svg"></span><span class="sub-head-text color-chocolate">Diversity, Equity, and Inclusion</div>
<p class="sub-card-content border-chocolate">
The diverse experiences of all of our members help us create a better civic tech ecosystem, by bringing
their lived experience to our org. Our diversity includes race, sexual orientation, learning modalities,
cognitive abilities, and socio-economic experiences. Our model of inclusion requires and inspires
empathy and patience, both with others and ourselves. We are all here to learn to work together to
create the change we want to see in the world, and that happens one conversation at a time.
</p>
</div>
<div class="platform-sec-giving">
<div class="sub-card-head"><span class="sub-head-image"><img src="assets/images/about/platform-header-elements/giving.svg"></span><span class="sub-head-text color-firebrick">Giving</div>
<p class="sub-card-content border-firebrick">
We all come together to give freely of our time, expertise, interest and empathy, in an effort to improve
our local community through direct action.
</p>
</div>
<div class="platform-sec-agility">
<div class="sub-card-head"><span class="sub-head-image"><img src="assets/images/about/platform-header-elements/agility.svg"></span><span class="sub-head-text color-deeppink">Agility</div>
<p class="sub-card-content border-deeppink">
There will be impediments, setbacks and disappointments. We embrace change by empowering our members to
meet, talk, experiment and achieve enough common consensus to move internal initiatives forward, without
rigid structures and oppressive processes. This works on project teams, Communities of Practice and
Organizational Stewardship.
</p>
</div>
<div class="platform-sec-scalability">
<div class="sub-card-head"><span class="sub-head-image"><img src="assets/images/about/platform-header-elements/scalability.svg"></span><span class="sub-head-text color-mediumvioletred">Scalability</div>
<p class="sub-card-content border-mediumvioletred">
In order to scale our impact with people and projects, we experiment, iterate and refine, measure and
automate. Using the lowest lift tools possible for the job, and building our own, when scale cannot be
achieved with manual labor or open source tools.
</p>
</div>
<div class="platform-sec-sustainability">
<div class="sub-card-head"><span class="sub-head-image"><img src="assets/images/about/platform-header-elements/sustainability.svg"></span><span class="sub-head-text color-darkorchid">Sustainability</div>
<p class="sub-card-content border-darkorchid">
To create a sustainable community that provides consistent results and experience for stakeholders and a
feeling of stability amongst its members.
</p>
</div>
</div>
<p class="bold-quote">And last but definitley not least, a true open door policy....</p>
<div class="sub-card-head"><span class="sub-head-image"><img src="assets/images/about/platform-header-elements/inclusivity.svg"></span><span class="sub-head-text color-blueviolet">Radical Inclusivity</div>
<p class="sub-card-content border-blueviolet">
When organizations filter you out before you get in the door, they perpetuate the bias already inherent
in our society. Radical Inclusivity at Hack for LA means that if you can contribute to our impact goals
and peer learning environment, you are welcome here.
</p>
</div>
</div>
</div>
<a class="anchor" id='sustainability'></a>
<div class='page-card--about'>
<div class="about-us-section-header"><span class="sec-head-img"><img src="assets/images/about/section-header-elements/sustainability.svg"></span>
<span class="sdg-title-mobile">HfLA Supports SDGs</span><span class="sdg-title-full">Hack for LA Supports:<br />LA’s Sustainable Development Goals (SDG) Movement</span></div>
<div class="about-us-section-content">
<div class="flex-container-reverse">
<!--This is the top and then right cell-->
<div class="sdg-right-column">
<p class="top-paragraph">
The SDGs were drafted and adopted at the UN General Assembly in 2015. The SDGs aim to address social inequality, economic growth,
environmental preservation, among other global development challenges. In 2015, the United Nations established the 2030 Global
Agenda for Sustainable Development consisting of 17 Sustainable Development Goals (SDGs).
</p>
<p class="text-bold text-bold--sdg">Select Hack for LA projects working to achieve these goals:</p>
<div class="sdg-groups">
<div class="sdg-column sdg-left color-goldenrod-2">2.1</div><div class="sdg-column sdg-right">FOLA</div>
</div>
<div class="sdg-groups">
<div class="sdg-column sdg-left color-orangered">5.5</div><div class="sdg-column sdg-right">Women Leadership Development</div>
<div class="sdg-column sdg-left color-orangered">5.b</div><div class="sdg-column sdg-right">Empowering women through the use of technology</div>
<div class="sdg-column sdg-left color-orangered">5.d</div><div class="sdg-column sdg-right">End discrimination against LBGTQI+</div>
</div>
<div class="sdg-groups">
<div class="sdg-column sdg-left color-brown">8.2</div><div class="sdg-column sdg-right">Software Engineering Apprenticing and Fellowships</div>
<div class="sdg-column sdg-left color-brown">8.6</div><div class="sdg-column sdg-right">Virtual Workshop Wednedsays</div>
<div class="sdg-column sdg-left color-brown">8.b</div><div class="sdg-column sdg-right">Youth internships and mentorship program</div>
</div>
<div class="sdg-groups">
<div class="sdg-column sdg-left color-goldenrod-11">11.2</div><div class="sdg-column sdg-right">TDM calculator</div>
</div>
<div class="sdg-groups">
<div class="sdg-column sdg-left color-darkolivegreen">13.3</div><div class="sdg-column sdg-right">Climate Collabathon</div>
</div>
<div class="sdg-groups">
<div class="sdg-column sdg-left color-teal">16.3</div><div class="sdg-column sdg-right">Racial Justice and Record Clearance</div>
<div class="sdg-column sdg-left color-teal">16.7</div><div class="sdg-column sdg-right">Undebate and Engage</div>
<div class="sdg-column sdg-left color-teal">16.8</div><div class="sdg-column sdg-right">311-data.org</div>
</div>
<div class="sdg-groups">
<div class="sdg-column sdg-left color-midnightblue">17.6</div><div class="sdg-column sdg-right">Open Source Software Code for All and Civic Tech Index</div>
<div class="sdg-column sdg-left color-midnightblue">17.11</div><div class="sdg-column sdg-right">Structured Context Data Project</div>
<div class="sdg-column sdg-left color-midnightblue">17.17</div><div class="sdg-column sdg-right">Collabathon chrome extension</div>
</div>
</div>
<!-- This is the bottom and then left cell-->
<div class="sdg-left-column">
<div class="grid-2-column">
<img src="assets/images/about/sdg-elements/zero-hunger.svg">
<img src="assets/images/about/sdg-elements/gender-equality.svg">
<img src="assets/images/about/sdg-elements/decent-work.svg">
<img src="assets/images/about/sdg-elements/sustainable-cities.svg">
<img src="assets/images/about/sdg-elements/climate-action.svg">
<img src="assets/images/about/sdg-elements/peace-justice.svg">
<img src="assets/images/about/sdg-elements/partnerships.svg">
<div class="grid-center"><img src="assets/images/about/sdg-elements/sdg-la.svg"><br />
<a href="https://sdg.lamayor.org"><span class="small-text">https://sdg.lamayor.org</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="anchor" id='accomplishments'></a>
<div class='page-card--about'>
<div class="about-us-section-header"><span class="sec-head-img"><img src="assets/images/about/section-header-elements/accomplishments.svg"></span>Accomplishments</div>
<div class="about-us-section-content">
<div class="flex-container">
<!--This is the top and then right cell-->
<div class="top-left-column top-left-column--acc">
<p class="text-bold accomplishment-highlights">Highlights from 2020</p>
<div class="accomplishment-title"><a href="https://www.codeforamerica.org/events/national-day-of-civic-hacking-2020" target="_blank" rel="noopener noreferrer">National Day of Civic Hacking (NdoCH)</a></div>
<div>In 9/2020 Hack for LA joined over 40 Code for America brigades in bringing together civic leaders,
public servants, designers, coders, and engaged citizens to partner with local government and community
groups to help those most in need of a social safety net services during COVID-19.
</div>
<div class="accomplishment-title"><a href="https://www.hackforla.org/projects/food-oasis" target="_blank" rel="noopener noreferrer">Food Oasis</a></div>
<div>Launched 8/2020 the most comprehensive lising of Food Pantries and Meals to address food
insecurity in Los Angeles (listed as a resource on LA County Public Health website).
</div>
<div class="accomplishment-title"><a href="https://www.hackforla.org/projects/tdm-calculator" target="_blank" rel="noopener noreferrer">LA TDM Calculator</a></div>
<div>Hack for LA’s first software application in CI/CD on LA City Department of Transportation’s
Azure servers - launching publicly in Q4 2020
</div>
<div class="accomplishment-title"><a href="https://www.hackforla.org/projects/311-data" target="_blank" rel="noopener noreferrer">311-DATA</a></div>
<div>Launched 8/2020 a comprensive 311 service report Neighborhood Council (NC) and City Council district
comparison tool using 311 data provided by LA City’s data portal. The product was created through extensive
Design thinking workshops with NC board members and LA Department of Neighborhood Empowerment
</div>
</div>
<div class="bottom-right-column bottom-right-column--acc">
<div class="accomplishment-title"><a href="https://www.collabathon.openclimate.earth/" target="_blank" rel="noopener noreferrer">Climate Collabathon</a></div>
<div>Launched 4/2020 the Online Climate Collabathon in partnership with Yale Open Labs, Sensorica,
ESMT Berlin, and CoMakery. 15 speakers, and over 20 breakout and working sessions with experts
and professionals from across the sector all on Zoom.
</div>
<div class="accomplishment-title"><a href="https://www.hackforla.org/projects/undebate.html" target="_blank" rel="noopener noreferrer">Undebate</a></div>
<div>Hack for LA has provided labor to this important tool which continues to increase engagment at local elections
thorughout the country from the San Francisco City Attorney race, to Student Association Elections on College Campuses.
</div>
<div class="accomplishment-title"><a href="https://www.hackforla.org/projects/writeforall" target="_blank" rel="noopener noreferrer">Write for All</a></div>
<div>Launched 04/2020. The Write For All project proof of concept finds exclusive langugage where inclusive language should exist.
</div>
<div class="accomplishment-title"><a href="https://www.hackforla.org/projects/new-schools-today" target="_blank" rel="noopener noreferrer">New Schools Today</a></div>
<div>Created and Presented 3/2020 three technical workshops for Title 1 school students at the UCLA Exploretech Conference.
The project from conception to delivery was executed by Hack for LA’s first team of all high school students.
</div>
</div>
</div>
<div class="flex-container flex-container--wins">
<!--This is the top and then right cell-->
<div class="top-left-column wins-column-width-left">
<div class="accomplishment-wins"><img src="assets/images/about/wins-cup.svg">Wins</div>
<div>Check out what our team members have said about their experiences.</div>
<p class="eliptical align-left coming-soon">Coming soon....</p>
</div>
<div class="bottom-right-column wins-column-width-right">
<div class="wins-card-mobile"><a href="https://hackforla.org/wins" target="_blank" rel="noopener noreferrer"><img src="assets/images/about/wins-card-mobile.svg"></div>
<div class="wins-card-desktop"><a href="https://hackforla.org/wins" target="_blank" rel="noopener noreferrer"><img src="assets/images/about/wins-card-desktop.svg"></a></div>
</div>
</div>
</div>
</div>
<a class="anchor" id='metrics'></a>
<div class='page-card--about'>
<div class="about-us-section-header"><span class="sec-head-img"><img src="assets/images/about/section-header-elements/metrics.svg"></span>Metrics</div>
<div class="about-us-section-content">
<div class="top-paragraph">
<p>
Hack for LA is taking an iterative approach to Metrics gathering. Using readily available tools now, and building
custom tools to model, grow, and serve our sector specific community.
</p>
<p>
We currently use Google surveys extensively and make the responses available publicly.
</p>
</div>
<div class="flex-container">
<!--This is the top and then right cell-->
<div class="top-left-column">
<div class="small-card">
<div class="flex-container-row">
<img class="metrics-image-size" src="assets/images/about/metrics-pie-chart.png"><div class="metrics-title">Metrics</div>
</div>
<p>Check out our <a href="https://hackforla.org/dashboard" target="_blank" rel="noopener noreferrer">Survey Results</a></p>
</div>
</div>
<div class="bottom-right-column">
<div class="small-card">
<div class="metrics-vrms-title"><img src="assets/images/about/vrms-logo.svg"></div>
<div class="metrics-vrms-links"><a href="https://vrms.io" target="_blank" rel="noopener noreferrer">See App</a> <a href="https://hackforla.org/projects/vrms" target="_blank" rel="noopener noreferrer">Learn More</a></div>
</div>
</div>
</div>
<div>
<p>
VRMS is a browser-based software tool created by Hack for LA (HfLA) to curate participant journeys and further the organization’s
goals of workforce development and project impact.
</p>
<p>
By collecting and using relevant data VRMS will be able to automate repetitive tasks; match volunteers with projects,
relevant training, and job opportunities; measure engagement with projects and activities; and surface insights to
improve organizational effectiveness and the volunteer experience over time.
</p>
</div>
</div>
</div>
<a class="anchor" id='partners'></a>
<div class='page-card--about'>
<div class="about-us-section-header"><span class="sec-head-img"><img src="assets/images/about/section-header-elements/partners.svg"></span>Partners</div>
<div class="about-us-section-content">
<div class="flex-container-row flex-container-row--partners">
<a href="https://empowerla.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/empower-la.png">
</a>
<a href="https://www.codeforamerica.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/sponsors/code-for-america.svg">
</a>
<a href="https://openlab.yale.edu/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/yale-open-labs.svg">
</a>
<a href="https://www.metro.net/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/m.svg">
</a>
<a href="https://www.santamonica.gov/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/city-of-santa-monica.png">
</a>
<a href="https://www.foodcyclela.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/food-cycle-la.png">
</a>
<a href="https://foodforward.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/food-forward.png">
</a>
<a href="https://www.goodfoodla.org/food-waste" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/good-food-la.png">
</a>
<a href="https://www.lafoodbank.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/la-food-bank.png">
</a>
<a href="https://www.safeplaceforyouth.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/safe-place-for-youth.png">
</a>
<a href="https://www.pointsourceyouth.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/point-source-youth.svg">
</a>
<a href="https://www.lacityattorney.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/la-city-attorney.png">
</a>
<a href="https://ladot.lacity.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/la-dot.png">
</a>
<a href="https://planning.lacity.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/la-city-planning.png">
</a>
<a href="https://www.thendica.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/ndica.png">
</a>
<a href="https://ballotpedia.org/Main_Page" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/bp.png">
</a>
<a href="https://enciv.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/enciv.svg">
</a>
<a href="https://law.ucla.edu/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/ucla-law.png">
</a>
<a href="https://law.ggu.edu/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/ggu-school-of-law.png">
</a>
<a href="https://da.lacounty.gov/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/da-county-of-la.png">
</a>
<a href="https://digitaldefensefund.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/digital-defense-fund.png">
</a>
<a href="https://personnel.lacity.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/la-department-of-personnel.png">
</a>
<a href="https://homeless.lacounty.gov/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/real-help-lasting-change.svg">
</a>
<a href="https://www.hopeofthevalley.org/" target="_blank" rel="noopener noreferrer">
<img class="partner-logo" src="assets/images/about/partners/hope-of-the-valley.png">
</a>
</div>
</div>
</div>
<a class="anchor" id='donations'></a>
<div class='page-card--about'>
<div class="about-us-section-header"><span class="sec-head-img"><img src="assets/images/about/section-header-elements/donations.svg"></span>Make a Donation</div>
<div class="about-us-section-content">
<div class="flex-container">
<div class="top-left-column top-paragraph">
<p class="donation-spacing">Hack for LA takes donations through Code for America.</p>
<div class="list-container-no-indent">
<ol>
<li class="donation-spacing">Please follow this link to the Code for America <a href="https://www.codeforamerica.org/donate" target="_blank" rel="noopener noreferrer">donation form.</a></li>
<li class="donation-spacing"><p>To make a donation please select <b>Hack for LA</b> under the brigades listed.</p>
<p class="text-small-italic">*100% of donated proceeds go directly to Hack for LA when option is selected.</p></li>
</ol>
</div>
</div>
<div class="bottom-right-column top-paragraph">
<img class="donation-gif-box-shadow" src="assets/images/about/HfLA-Donate.gif">
</div>
</div>
</div>
</div>
<a class="anchor" id='sponsors'></a>
<div class='page-card--about'>
<div class="about-us-section-header"><span class="sec-head-img"><img src="assets/images/about/section-header-elements/sponsors.svg"></span>Sponsors</div>
<div class="about-us-section-content">
<div class="flex-container-row flex-container-row--partners">
<a href="https://www.codeforamerica.org" target="_blank" alt="Code for America">
<img src="assets/images/about/sponsors/code-for-america.svg">
</a>
<a href="https://laincubator.org" target="_blank" alt="LA Incubator">
<img src="assets/images/about/sponsors/laci.svg">
</a>
<a href="https://www.carbonfive.com" target="_blank" alt="Carbon Five">
<img src="assets/images/about/sponsors/carbon-five.svg">
</a>
<a href="https://www.sipandsonder.com" target="_blank" alt="Sip and Sonder">
<img src="assets/images/about/sponsors/sip-sonder.svg">
</a>
</div>
</div>
</div>
<a class="anchor" id='news'></a>
<div class='page-card--about last-card'>
<div class="about-us-section-header"><span class="sec-head-img"><img src="assets/images/about/section-header-elements/news.svg"></span>HfLA in the News</div>
<div class="about-us-section-content">
<div class="flex-container">
<div class="news-cells">
<img src="assets/images/about/news-images/cnn.svg">
<p class="more-padding"><a href="https://money.cnn.com/2017/04/19/technology/la-food-deserts/" target="_blank" rel="noopener noreferrer">Why LA’s Tech Community is Trying to Hack Hunger</a></p>
</div>
<div class="news-cells news-cells--govtech">
<img src="assets/images/about/news-images/gt.svg">
<p><a href="https://www.govtech.com/dc/articles/March-4-Declared-Open-Data-Day-in-Los-Angeles-Cities-Worldwide.html" target="_blank" rel="noopener noreferrer">March 4 Declared “Open Data Day” in Los Angeles</a></p>
</div>
<div class="news-cells">
<img src="assets/images/about/news-images/la-times.svg">
<p class="more-padding"><a href="https://www.latimes.com/local/california/la-me-hackathon-20150607-story.html" target="_blank" rel="noopener noreferrer">At L.A. ‘hackathon,’ civic- minded coders aim to put city data to good use</a></p>
</div>
</div>
<div class="garcetti-quote"><div class="entire-quote"><img class="quote-marks" src="assets/images/about/quotes.png"/>
<p class="quote-text">Hack for LA is a great example of how we can harness technology and our city's creativity to solve everyday problems. As Mayor, I will closely partner with our tech industry to create jobs and bring innovation to City Hall so government works faster and more efficiently.</p>
</div>
<cite class="mayor-cite">— Mayor Eric Garcetti</cite>
<img id="quote-tmc" src="assets/images/testimonials/quote-garcetti.jpg" alt="Mayor Eric Garcetti">
</div>
</div>
</div>
</div>
<nav id="sticky-nav" class="sticky-nav">
<ul>
<li><a class="is-active" href='#letter'>Letter from the ED</a></li>
<li><a href='#platform'>Hack for LA Platform</a></li>
<li><a href='#sustainability'>Sustainability</a></li>
<li><a href='#accomplishments'>Accomplishments</a></li>
<li><a href='#metrics'>Metrics</a></li>
<li><a href='#partners'>Partners</a></li>
<li><a href='#donations'>Make a Donation</a></li>
<li><a href='#sponsors'>Sponsors</a></li>
<li><a href='#news'>News</a></li>
</ul>
</nav>
<div class="sticky-nav-spacer-div"> </div>
</div>
</div>
<!-- Include javaScript -->
<script src="{{ '/assets/js/about.js' | absolute_url }}"></script>