forked from hackforla/website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
events.html
1026 lines (957 loc) · 40.2 KB
/
events.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
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
---
layout: default
title: Hack Nights
---
<div class="header-container hacknights--header-container">
<h1>Events</h1>
<div class="content-hack-night">
<div class="show-video">
<div>
<h2 class="header-desc">
Hack for LA is the Los Angeles brigade of
<a href="http://brigade.codeforamerica.org/" target="_blank">Code for America</a>,
a network of civic-minded technologists who contribute their skills
toward using the web as a platform for local government and community
service.
</h2>
<p id="head-content" class="hacknights--head-content">
To learn more, watch the
<a href="https://www.ted.com/talks/jennifer_pahlka_coding_a_better_government" target="_blank">Ted Talk</a>
by Code for America founder, Jennifer Pahlka, on maintaining a better government through code.
</p>
</div>
<div style="width: 100%">
<div style="position: relative; height: 0; padding-bottom: 56.25%">
<iframe
class="video-size"
src="https://embed.ted.com/talks/jennifer_pahlka_coding_a_better_government"
width="854"
height="480"
frameborder="0"
scrolling="no"
allowfullscreen
></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="getting-started-page">
<h1 style="color: #ffffff; margin-top: 75px; font-size: 35px">Our Events</h1>
<div class="flex-page-card">
<div class="getting-started-page-card-hack-nights">
<h2 class="event-title">
<svg
width="36"
height="35"
viewBox="0 0 36 35"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="vector-img"
>
<path
d="M7.86326 26.9342C7.92889 27.2739 7.72627 27.5957 7.38653 27.6672C7.06469 27.7327 6.73697 27.5301 6.67149 27.1904C6.60593 26.8687 6.80855 26.5289 7.13038 26.4574C7.45208 26.3859 7.79169 26.5945 7.86326 26.9342Z"
fill="#FA114F"
/>
<path
d="M16.3916 31.1899C16.0162 31.4642 15.9149 31.9885 16.1711 32.3818C16.4452 32.7751 16.9697 32.8764 17.363 32.6024C17.7385 32.3282 17.8398 31.8039 17.5657 31.4104C17.3154 31.0232 16.7849 30.9158 16.3916 31.1899Z"
fill="#FA114F"
/>
<path
d="M11.2669 3.63956C11.6423 3.55616 11.8807 3.18073 11.7972 2.80523C11.7316 2.41196 11.3562 2.17352 10.9808 2.26287C10.6053 2.34634 10.367 2.7217 10.4384 3.0972C10.5219 3.49054 10.8914 3.72884 11.2669 3.63956Z"
fill="#FA114F"
/>
<path
d="M4.01394 15.7314C3.41792 15.3202 2.60157 15.4751 2.19032 16.0889C1.77914 16.6849 1.93411 17.5191 2.53007 17.9305C3.12596 18.3535 3.94244 18.2045 4.35355 17.5906C4.76487 16.971 4.60983 16.1545 4.01394 15.7314Z"
fill="#FA114F"
/>
<path
d="M20.2235 5.54667C20.8552 5.17124 21.0399 4.35476 20.6823 3.74096C20.3069 3.10932 19.5084 2.90663 18.8946 3.28206C18.2808 3.65756 18.0782 4.47397 18.4538 5.10561C18.8112 5.71948 19.6096 5.9221 20.2235 5.54667Z"
fill="#FA114F"
/>
<path
d="M8.83534 9.00237C9.29417 8.68053 9.39554 8.04882 9.09155 7.58999C8.78762 7.1311 8.15598 7.02979 7.71493 7.33371C7.2561 7.65555 7.15479 8.28726 7.45872 8.74609C7.76264 9.21093 8.38834 9.31217 8.83534 9.00237Z"
fill="#FA114F"
/>
<path
d="M31.0219 18.2994C30.5811 18.4007 30.2888 18.8417 30.3903 19.3066C30.4737 19.7475 30.9205 20.0395 31.3616 19.9381C31.8027 19.8546 32.0946 19.4078 31.9934 18.9489C31.9039 18.5082 31.4629 18.216 31.0219 18.2994Z"
fill="#FA114F"
/>
<path
d="M33.3877 14.9147C33.3222 14.5751 32.9945 14.3724 32.6726 14.4381C32.3329 14.5036 32.1303 14.8492 32.1959 15.1889C32.2615 15.5108 32.5893 15.7312 32.9289 15.6657C33.2508 15.5763 33.4712 15.2545 33.3877 14.9147Z"
fill="#FA114F"
/>
<path
d="M28.6022 10.5218C28.0898 10.8793 27.9705 11.5767 28.3102 12.0892C28.6499 12.6016 29.3471 12.7209 29.8595 12.3812C30.3542 12.0237 30.4735 11.3264 30.1338 10.8139C29.7942 10.2954 29.0968 10.1642 28.6022 10.5218Z"
fill="#FA114F"
/>
<path
d="M28.2269 18.8293C29.7943 21.398 29.1268 24.7887 26.6596 26.5229C25.6227 27.2559 24.4486 27.5776 23.2687 27.542C22.5537 30.3488 19.133 31.3916 17.0055 29.4847C16.9399 29.5384 16.8505 29.586 16.7849 29.6575C14.4549 31.2724 11.2845 30.6944 9.66949 28.3286C9.09144 27.4764 8.79948 26.5051 8.76967 25.5337C4.87223 24.8842 3.40626 19.9319 6.32036 17.2084C4.63379 14.4135 6.35611 10.8081 9.50262 10.3611C10.9984 6.41612 15.9149 4.54485 19.2521 7.13116C23.2686 5.80225 27.3746 8.88328 27.0529 13.1561C29.5023 13.907 30.1994 17.1429 28.2269 18.8293Z"
fill="#FA114F"
/>
<path
d="M24.0551 23.2584C23.8704 22.0309 21.6176 22.9843 21.4866 21.6436C21.3018 19.7366 24.0908 15.6187 23.8704 14.0156C23.6677 12.5854 22.7142 12.2814 21.8799 12.2636C21.0813 12.2457 20.8727 12.3829 20.6046 12.5378C20.4319 12.6391 20.2113 12.8298 19.9074 12.5199C19.532 12.1624 19.246 11.8227 18.7513 11.7512C18.0183 11.632 17.6966 11.8704 17.1662 12.3292C16.9635 12.502 16.451 13.098 15.9743 12.8715C15.7717 12.7701 15.0566 12.4126 14.5441 12.1922C13.5727 11.769 12.1603 12.4663 11.6478 13.3839C10.8791 14.7487 9.3833 20.1241 9.16277 20.8391C8.65021 22.4243 9.81232 23.7354 11.3618 23.646C12.0233 23.6104 12.4524 23.3719 12.8754 22.6091C13.1138 22.1681 15.3605 16.1909 15.5334 15.8989C15.6525 15.6963 16.0637 15.4221 16.4034 15.595C16.7431 15.7797 16.8146 16.1552 16.7609 16.4948C16.6954 17.0729 15.0923 20.7201 15.0387 21.1252C14.8361 22.49 16.6418 22.7103 17.339 21.3635C17.5595 20.9405 20.0623 15.8452 20.2828 15.5055C20.539 15.1301 20.7238 15.0109 20.9801 15.0288C21.1648 15.0288 21.4747 15.0824 21.4032 15.6784C21.3197 16.2386 19.3114 19.987 19.085 20.9046C18.8109 22.1323 19.4783 23.3719 20.5688 23.9202C21.2482 24.2598 24.2934 24.8557 24.0551 23.2584Z"
fill="white"
/>
<path
d="M24.3942 28.7577C23.7804 29.1987 23.6255 30.0688 24.0546 30.7005C24.4776 31.3321 25.3299 31.4811 25.9616 31.058C26.5932 30.617 26.7422 29.7469 26.319 29.1152C25.8781 28.4835 25.0259 28.3108 24.3942 28.7577Z"
fill="#FA114F"
/>
</svg>
Meetup Events
</h2>
<div class="mobile-dropdown">
<h2 class="title-meetup">Onboarding</h2>
<div class="meetup-steps">
<div id="img-content">
<img
class="step-img-1"
src="./assets/images/getting-started/step1.png"
/>
</div>
<div id="text-content">
<p>
If you are new to the community, join us for Onboarding Night! We
offer both Guided Onboarding and Self Onboarding options on our
<a target="_blank" href="getting-started">Getting Started</a>
page.
</p>
</div>
</div>
<h2 class="title-meetup">Workshops</h2>
<div class="meetup-steps">
<div id="img-content">
<img
class="step-img-1"
src="/assets/images/hack-nights/building.png"
/>
</div>
<div id="text-content">
<p>
We host workshops on a range of topics, from development best
practices to project management methodologies. Please check back
for the current workshop schedule.
</p>
</div>
</div>
<h2 class="title-meetup">Happy Hour</h2>
<div class="meetup-steps">
<div id="img-content">
<img
class="step-img-1"
src="assets/images/hack-nights/happy-hour.png"
/>
</div>
<div id="text-content">
<p>
Bars and cafes are shut down, but that doesn’t mean we can’t enjoy
each other’s company! Grab your beverage of choice and socialize
with fellow hackers following some organizational announcements.
</p>
</div>
</div>
<div class="class-btn">
<a href="https://www.meetup.com/hackforla/events" target="_blank">
<button class="btn-meet">View on Meetup</button></a
>
</div>
</div>
</div>
<div class="getting-started-page-card-hack-nights">
<h2 class="event-title">
<svg
width="36"
height="36"
viewBox="0 0 36 36"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="vector-img"
>
<path
d="M17.6361 13.7154C19.2297 13.7154 20.5262 12.4182 20.5262 10.8236C20.5262 9.22996 19.2297 7.93359 17.6361 7.93359C16.042 7.93359 14.7451 9.23003 14.7451 10.8236C14.7451 12.4182 16.042 13.7154 17.6361 13.7154Z"
fill="#FA114F"
/>
<path
d="M14.219 6.7151C15.499 6.7151 16.5403 5.6733 16.5403 4.39286C16.5403 3.11324 15.499 2.07227 14.219 2.07227C12.9394 2.07227 11.8984 3.11331 11.8984 4.39286C11.8984 5.6733 12.9394 6.7151 14.219 6.7151Z"
fill="#FA114F"
/>
<path
d="M25.4741 13.0417C27.0682 13.0417 28.3651 11.7452 28.3651 10.1517C28.3651 8.55716 27.0682 7.25977 25.4741 7.25977C23.8804 7.25977 22.584 8.55716 22.584 10.1517C22.584 11.7452 23.8805 13.0417 25.4741 13.0417Z"
fill="#FA114F"
/>
<path
d="M9.89108 13.0417C11.4847 13.0417 12.7812 11.7452 12.7812 10.1517C12.7812 8.55716 11.4847 7.25977 9.89108 7.25977C8.29748 7.25977 7.00098 8.55716 7.00098 10.1517C7.00104 11.7452 8.29748 13.0417 9.89108 13.0417Z"
fill="#FA114F"
/>
<path
d="M21.0547 6.7151C22.3343 6.7151 23.3752 5.6733 23.3752 4.39286C23.3752 3.11324 22.3342 2.07227 21.0547 2.07227C19.7747 2.07227 18.7334 3.11331 18.7334 4.39286C18.7334 5.6733 19.7748 6.7151 21.0547 6.7151Z"
fill="#FA114F"
/>
<path
d="M20.7283 25.706C21.4564 25.6418 21.8861 25.2543 22.1112 24.4605C22.1112 24.4597 22.111 24.4591 22.111 24.4583V18.4524C22.11 18.4486 22.1083 18.4453 22.1074 18.4416C21.6478 16.383 19.4473 15.4251 17.5972 15.4065C16.204 15.3944 14.4865 15.9182 13.6047 17.3555C13.5952 17.4276 13.5573 17.4917 13.5019 17.535C13.3594 17.8001 13.2439 18.0937 13.1621 18.4182V24.4274C13.1693 24.4421 13.1756 24.4574 13.1802 24.4738C13.4021 25.2717 13.8255 25.6651 14.5441 25.7365V22.1237H15.0909V32.9178V33.4647V33.6137H17.3631V26.2644H17.91V33.6137H20.1813V22.0997H20.7282V25.706H20.7283Z"
fill="#FA114F"
/>
<path
d="M25.445 14.6958C23.9733 14.8164 22.4315 15.6811 22.3043 17.3411C22.3032 17.3541 22.3002 17.3664 22.2975 17.3789C22.4383 17.6494 22.5456 17.9363 22.6199 18.2367C22.6436 18.2773 22.6582 18.3237 22.6582 18.3741V24.4591C22.6582 24.4752 22.6561 24.4909 22.6534 24.5062C22.6542 24.5328 22.6524 24.5597 22.6449 24.5867C22.3536 25.6387 21.7258 26.1842 20.7285 26.2549V32.9408H25.2016V25.5915H25.7485V32.9408H28.019V21.4506H28.5658V25.0637C29.2859 24.993 29.7098 24.5997 29.9314 23.8012C29.9359 23.7846 29.9423 23.7693 29.9496 23.7544V17.7419C29.3663 15.4312 27.2715 14.5461 25.445 14.6958Z"
fill="#FA114F"
/>
<path
d="M12.6532 24.6209C12.6499 24.6088 12.6486 24.5967 12.6469 24.5844C12.6273 24.5467 12.6151 24.5045 12.6151 24.459V18.3741C12.6151 18.3735 12.6153 18.3731 12.6153 18.3726C12.6153 18.3725 12.6154 18.3724 12.6154 18.3722C12.6156 18.3371 12.6227 18.3037 12.635 18.273C12.7303 17.8997 12.8697 17.5503 13.0493 17.2286C12.8623 15.6422 11.3581 14.8136 9.92008 14.6958C8.09379 14.546 5.99755 15.4321 5.41602 17.745V23.7544C5.42319 23.7691 5.42962 23.7844 5.4342 23.8009C5.65609 24.5989 6.07978 24.9923 6.79886 25.0636V21.4506H7.34573V32.9185H9.61704V25.5915H10.1639V32.9185H14.544V26.2853C13.5627 26.207 12.9429 25.6627 12.6532 24.6209Z"
fill="#FA114F"
/>
</svg>
Online Project Team Meetings
</h2>
<div class="mobile-dropdown">
<div class="meetup-steps-2">
<div id="img-content">
<img
class="step-img-2"
src="/assets/images/hack-nights/org-projects.png"
/>
</div>
<div id="text-content-1">
<p>
Please review the listing of project team meeting times to find a
project that fits your schedule. You are welcome to attend a
project team meeting after you have completed
<a
href="https://undebate-cc.herokuapp.com/hackforla-projects"
target="_blank"
>Onboarding</a
>.
</p>
</div>
</div>
<div class="days-display-1">
<div id="userTimeZone" class='userTimeZone'></div>
<div id="Monday">
<h3 class="day-header-1" style="font-size: 1.6rem">Monday</h3>
<ul id="Monday-List" class="schedule-list-1"></ul>
</div>
<div id="Tuesday">
<h3 class="day-header-1 style="font-size: 1.6rem;"">
Tuesday
</h3>
<ul id="Tuesday-List" class="schedule-list-1"></ul>
</div>
<div id="Wednesday">
<h3 class="day-header-1 style="font-size: 1.6rem;"">
Wednesday
</h3>
<ul id="Wednesday-List" class="schedule-list-1"></ul>
</div>
<div id="Thursday">
<h3 class="day-header-1 style="font-size: 1.6rem;"">
Thursday
</h3>
<ul id="Thursday-List" class="schedule-list-1"></ul>
</div>
<div id="Friday">
<h3 class="day-header-1 style="font-size: 1.6rem;"">
Friday
</h3>
<ul id="Friday-List" class="schedule-list-1"></ul>
</div>
<div id="Saturday">
<h3 class="day-header-1 style="font-size: 1.6rem;"">
Saturday
</h3>
<ul id="Saturday-List" class="schedule-list-1"></ul>
</div>
<div id="Sunday">
<h3 class="day-header-1 style="font-size: 1.6rem;"">
Sunday
</h3>
<ul id="Sunday-List" class="schedule-list-1"></ul>
</div>
</div>
</div>
</div>
</div>
<h1 style="color: #ffffff; margin-top: 40px; font-size: 35px">
Our Locations
</h1>
<div class="notification-banner">
<p class="meetings-message">
In light of the COVID-19 pandemic, Hack for LA has suspended its in-person
events below. The organization remains fully active, and all events are
now being conducted remotely using Zoom at the days/times listed above.
</p>
<div class="getting-started-mobile-page">
<h2 class="event-title-1">
<svg
width="36"
height="36"
viewBox="0 0 36 36"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="vector-img"
>
<g clip-path="url(#clip0)">
<path
d="M26.7227 14.6754C26.7143 15.7533 26.5222 16.7894 26.1796 17.7503C25.979 18.3101 25.72 18.8366 25.4192 19.3379C25.1602 19.764 24.9095 20.1985 24.6839 20.6414L18.9937 31.6291C18.4004 32.7738 16.7627 32.7738 16.1695 31.6291L10.4792 20.6414C10.2536 20.1985 10.0029 19.764 9.74392 19.3379C9.44311 18.8366 9.18409 18.3018 8.98355 17.7503C8.63261 16.7727 8.44043 15.7282 8.44043 14.6336C8.44043 9.56173 12.5765 5.45072 17.6651 5.4925C22.6785 5.52593 26.7478 9.66199 26.7227 14.6754Z"
fill="#000000"
stroke="white"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M17.5823 19.5884C19.9819 19.5884 21.9272 17.6431 21.9272 15.2434C21.9272 12.8437 19.9819 10.8984 17.5823 10.8984C15.1826 10.8984 13.2373 12.8437 13.2373 15.2434C13.2373 17.6431 15.1826 19.5884 17.5823 19.5884Z"
fill="white"
stroke="white"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M21.626 7.85742C22.3446 8.16658 22.9712 8.65957 23.4475 9.2779L21.626 7.85742Z"
fill="#000000"
/>
<path
d="M21.626 7.85742C22.3446 8.16658 22.9712 8.65957 23.4475 9.2779"
stroke="white"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M13.7963 23.7505C13.7963 24.2769 13.696 24.7866 13.5289 25.2545C13.4286 25.5302 13.3033 25.7893 13.1529 26.0316C13.0276 26.2405 12.9022 26.4494 12.7936 26.6666L10.0028 32.056C9.71035 32.6159 8.9082 32.6159 8.61575 32.056L5.82495 26.6666C5.71633 26.4494 5.59099 26.2405 5.46565 26.0316C5.31525 25.7893 5.18992 25.5219 5.08965 25.2545C4.91418 24.7782 4.82227 24.2602 4.82227 23.7254C4.82227 21.2354 6.8527 19.2217 9.35105 19.2384C11.8076 19.2635 13.8046 21.2855 13.7963 23.7505Z"
fill="#000000"
stroke="white"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M9.30844 26.1559C10.4852 26.1559 11.4391 25.202 11.4391 24.0252C11.4391 22.8485 10.4852 21.8945 9.30844 21.8945C8.13168 21.8945 7.17773 22.8485 7.17773 24.0252C7.17773 25.202 8.13168 26.1559 9.30844 26.1559Z"
fill="white"
stroke="white"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M10.9883 20.6582C11.3476 20.817 11.6651 21.0593 11.8991 21.3684L10.9883 20.6582Z"
fill="#000000"
/>
<path
d="M10.9883 20.6582C11.3476 20.817 11.6651 21.0593 11.8991 21.3684"
stroke="white"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M31.8531 20.6323C31.8531 21.3509 31.7194 22.0361 31.4854 22.6794C31.3517 23.0471 31.1846 23.4064 30.9757 23.7406C30.8003 24.0247 30.6415 24.3088 30.4827 24.6096L26.6976 31.9292C26.3049 32.6896 25.2103 32.6896 24.8176 31.9292L21.0324 24.6096C20.882 24.3172 20.7149 24.0247 20.5395 23.7406C20.3389 23.4064 20.1718 23.0555 20.0298 22.6794C19.7958 22.0277 19.6621 21.3342 19.6621 20.5989C19.6621 17.2232 22.4111 14.4825 25.8035 14.5159C29.1625 14.541 31.8698 17.29 31.8531 20.6323Z"
fill="#000000"
stroke="white"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M25.771 23.8993C27.3676 23.8993 28.662 22.605 28.662 21.0083C28.662 19.4116 27.3676 18.1172 25.771 18.1172C24.1743 18.1172 22.8799 19.4116 22.8799 21.0083C22.8799 22.605 24.1743 23.8993 25.771 23.8993Z"
fill="white"
stroke="white"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M28.1436 16.0859C28.67 16.3533 29.1295 16.7126 29.5139 17.1471L28.1436 16.0859Z"
fill="#000000"
/>
<path
d="M28.1436 16.0859C28.67 16.3533 29.1295 16.7126 29.5139 17.1471"
stroke="white"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M33.0234 32.4922H35.597"
stroke="#000000"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M22.6455 32.4922H31.8535"
stroke="#000000"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M5.95117 32.4922H20.9079"
stroke="#000000"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M-0.232422 32.4922H4.82278"
stroke="#000000"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M3.83739 18.7981L3.37782 18.1631L2.70101 17.8205C2.6843 17.8122 2.6843 17.7871 2.70101 17.7787L3.95437 17.3108C3.97108 17.3025 3.98779 17.3192 3.97943 17.3359L3.87081 18.7814C3.87081 18.8065 3.84574 18.8148 3.83739 18.7981Z"
fill="#000000"
stroke="#000000"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M5.96825 15.9817L5.50868 15.3467L4.83187 15.0041C4.81516 14.9957 4.81516 14.9707 4.83187 14.9623L6.08523 14.4944C6.10194 14.4861 6.11865 14.5028 6.11029 14.5195L6.00167 15.965C6.00167 15.9901 5.9766 15.9984 5.96825 15.9817Z"
fill="#000000"
stroke="#000000"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M29.5121 7.50195L27.3086 8.28124"
stroke="#000000"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M26.8799 4.41211L25.2139 6.45438"
stroke="#000000"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
<path
d="M22.7959 4.97418L23.0377 2.50195"
stroke="#000000"
stroke-width="0.5"
stroke-miterlimit="10"
stroke-linecap="round"
/>
</g>
<defs>
<clipPath id="clip0">
<rect
width="35"
height="35"
fill="white"
transform="translate(0.182617 0.00195312)"
/>
</clipPath>
</defs>
</svg>
See our Locations
</h2>
</div>
</div>
<div class="mobile-locations-dropdown">
<div class="getting-started-page-card-locations">
<div class="locations-1">
<div class="location-img-pos">
<img
class="location-image"
src="assets/images/hack-nights/westside1.png"
alt="westside"
/>
</div>
<div class="location-content">
<h1 style="font-size: 35px; font-weight: normal">Monday</h1>
<div class="mini-projects">
<div class="img-dis">
<img
id="mini-img"
src="/assets/images/projects/engage.jpg"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/engage">Engage</a>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/hellogov.jpg"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/hellogov"
>HelloGOV</a
>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/lucky-parking.png"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/lucky-parking"
>Lucky Parking</a
>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/new-schools-today.jpg"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/new-schools-today"
>New Schools Today</a
>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/not-today.png"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/not-today"
>Not Today</a
>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/public-tree-map.png"
alt=""
/>
<div class="proj-desc">
<a href="">Public Tree Map</a>
</div>
</div>
<div class="img-dis">
<img id="mini-img" src="assets/images/projects/vrms.png" alt="" />
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/vrms">VRMS</a>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/website.png"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/website"
>HackforLA Website</a
>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/undebate.jpg"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/undebate"
>Undebate</a
>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/record-clearance.jpg"
alt=""
/>
<div class="proj-desc">
<a
href="https://www.hackforla.org/projects/record-clearance-project"
>Clearance Project</a
>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="getting-started-page-card-locations">
<div class="locations-1">
<div class="location-img-pos">
<img
class="location-image"
src="assets/images/hack-nights/DTLA.png"
alt="DTLA"
/>
</div>
<div class="location-content">
<h1 style="font-size: 35px; font-weight: normal">Tuesday</h1>
<div class="mini-projects">
<div class="img-dis">
<img id="mini-img" src="assets/images/projects/311.jpg" alt="" />
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/311-data"
>311 Data</a
>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/civic-tech-index.png"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/civic-tech-index"
>Civic Tech Index</a
>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/tdm-calculator.jpg"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/tdm-calculator"
>LA TDM Calculator</a
>
</div>
</div>
<div class="img-dis">
<img id="mini-img" src="assets/images/projects/vrms.png" alt="" />
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/vrms">VRMS</a>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/home-unite-us.png"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/home-unite-us"
>Home Unite Us</a
>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/website.png"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/website"
>HackforLA Website</a
>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/writeforall.png"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/writeforall"
>Write for All</a
>
</div>
</div>
<div class="img-dis">
<img
id="mini-img"
src="assets/images/projects/food-oasis.jpg"
alt=""
/>
<div class="proj-desc">
<a href="https://www.hackforla.org/projects/food-oasis"
>Food Oasis</a
>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="getting-started-page-card-locations">
<div class="locations-1">
<div class="location-img-pos">
<img
class="location-image"
src="assets/images/hack-nights/southla.png"
alt="southLA"
/>
</div>
<div class="location-content">
<h1 style="font-size: 35px; font-weight: normal">Wednesday</h1>
<div class="mini-projects description">
<p>
Our South LA meetup was created by a community member on our
leadership team.
</p>
<p>
The mission of the South LA hacknight is to offer free technical
education opportunities and facilitate user centered design and
software development projects to improve civic life in the local
area with local partners and stakeholders.
</p>
<p>
This meetup is just getting started, there are no current
projects.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
const locationsDropDown = document.querySelector(
".getting-started-mobile-page"
);
const showingLocations = document.querySelector(".mobile-locations-dropdown");
const showContent = document.querySelectorAll(".event-title");
const showLocations = document.querySelector(".event-title-1");
showLocations.addEventListener("click", function () {
this.classList.toggle("active");
if (showingLocations.style.display == "none") {
showingLocations.style.display = "block";
} else {
showingLocations.style.display = "none";
}
});
for (let i = 0; i < showContent.length; i++) {
showContent[i].addEventListener("click", showingDropDown);
}
function showingDropDown() {
this.classList.toggle("active");
let dropDown = this.nextElementSibling;
if (dropDown.style.display === "block") {
dropDown.style.display = "none";
} else {
dropDown.style.display = "block";
}
}
</script>
<script>
// Assigns local JSON Data to localData variable
{% assign localData = site.data.vrms_data | jsonify %}
let localData = {{ localData }};
const API_URL = 'https://www.vrms.io/api/recurringevents';
// Assigns variable to each header by ID
const mondayList = document.querySelector("#Monday-List");
const tuesdayList = document.querySelector("#Tuesday-List");
const wednesdayList = document.querySelector("#Wednesday-List");
const thursdayList = document.querySelector("#Thursday-List");
const fridayList = document.querySelector("#Friday-List");
const saturdayList = document.querySelector("#Saturday-List");
const sundayList = document.querySelector("#Sunday-List");
// GET request
let calendarFetch = fetch(API_URL, {
method: 'GET'
});
// Function schedules data that is passed in
function schedule(scheduleData) {
let daysReceived = [];
let days = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
let daysMatched = [];
// Loops through data and assigns information to variables in a readable format
for (let i = 0; i <= scheduleData.length - 1; i++) {
let startTime = timeFormat(new Date(scheduleData[i].startTime));
let endTime = timeFormat(new Date(scheduleData[i].endTime));
let webURL = scheduleData[i].project.hflaWebsiteUrl;
let projectName = scheduleData[i].project.name;
let description = scheduleData[i].description;
let day = new Date(scheduleData[i].date).toString().substring(0, 3);
let scheduleClass;
// Fills up array of days received to later check if any days are missing
daysReceived.push(day);
// Checks if days received matches days of the week
for (let j = 0; j <= daysReceived.length - 1; j++) {
for (let k = 0; k <= days.length - 1; k++) {
if (daysReceived[j] == days[k]) {
daysMatched.push(days[k]);
}
}
}
// Function that adds data to proper header
function scheduleDay() {
let dayList;
// Assigns different class to data depending if it utilized local JSON file or the VRMS fetch data
if (scheduleData == localData) {
scheduleClass = "localData";
} else {
scheduleClass = "updated";
}
if ((day === "Mon")) {
dayList = mondayList;
} else if ((day === "Tue")) {
dayList = tuesdayList;
} else if ((day === "Wed")) {
dayList = wednesdayList;
} else if ((day === "Thu")) {
dayList = thursdayList;
} else if ((day === "Fri")) {
dayList = fridayList;
} else if ((day === "Sat")) {
dayList = saturdayList;
} else if ((day === "Sun")) {
dayList = sundayList;
}
dayList.insertAdjacentHTML("beforeend",
`<li class="${scheduleClass}">${startTime} - ${endTime} <a href="${webURL}">${projectName}</a> ${description}</li>`
);
}
scheduleDay(day);
}
// Removes duplicate days from days matched
let cleanArray = removeDuplicates(daysMatched);
// Fills up array with days that have nothing scheduled
let emptyDays = arr_diff(days, cleanArray);
// Passes in array of days with nothing scheduled
if (emptyDays) {
// Function passes in array of days that outputs an li element w/ "There are no meeting scheduled" to days without meetings scheduled
function scheduleEmpty(emptyDays) {
for (let a = 0; a <= emptyDays.length - 1; a++) {
let emptyDayList;
let day = emptyDays[a].toString();
// Assigns different class to data depending if it utilized local JSON file or the VRMS fetch data
if (scheduleData == localData) {
scheduleClass = "localData";
} else {
scheduleClass = "updated";
}
if ((day === "Mon")) {
emptyDayList = mondayList;
} else if ((day === "Tue")) {
emptyDayList = tuesdayList;
} else if ((day === "Wed")) {
emptyDayList = wednesdayList;
} else if ((day === "Thu")) {
emptyDayList = thursdayList;
} else if ((day === "Fri")) {
emptyDayList = fridayList;
} else if ((day === "Sat")) {
emptyDayList = saturdayList;
} else if ((day === "Sun")) {
emptyDayList = sundayList;
}
emptyDayList.insertAdjacentHTML("beforeend",
`<li class="${scheduleClass}">There are no meetings scheduled.</li>`);
}
}
// Executes empty schedule
scheduleEmpty(emptyDays)
}
}
// Function removes duplicates in an array
function removeDuplicates(array) {
return array.filter((a, b) => array.indexOf(a) === b)
};
// Function checks for differences between two arrays
function arr_diff(a1, a2) {
let a = [],
diff = [];
for (let i = 0; i < a1.length; i++) {
a[a1[i]] = true;
}
for (let i = 0; i < a2.length; i++) {
if (a[a2[i]]) {
delete a[a2[i]];
} else {
a[a2[i]] = true;
}
}
for (let k in a) {
diff.push(k);
}
return diff;
// console.log(diff)
}
// Function clears the schedule
function clearSchedule() {
let prevMonList = mondayList.getElementsByClassName("localData");
let prevTueList = tuesdayList.getElementsByClassName("localData");
let prevWedList = wednesdayList.getElementsByClassName("localData");
let prevThuList = thursdayList.getElementsByClassName("localData");
let prevFriList = fridayList.getElementsByClassName("localData");
let prevSatList = saturdayList.getElementsByClassName("localData");
let prevSunList = sundayList.getElementsByClassName("localData");
while (prevMonList[0]) {
prevMonList[0].parentNode.removeChild(prevMonList[0]);
}
while (prevTueList[0]) {
prevTueList[0].parentNode.removeChild(prevTueList[0]);
}
while (prevWedList[0]) {
prevWedList[0].parentNode.removeChild(prevWedList[0]);
}
while (prevThuList[0]) {
prevThuList[0].parentNode.removeChild(prevThuList[0]);
}
while (prevFriList[0]) {
prevFriList[0].parentNode.removeChild(prevFriList[0]);
}
while (prevSatList[0]) {
prevSatList[0].parentNode.removeChild(prevSatList[0]);
}
while (prevSunList[0]) {
prevSunList[0].parentNode.removeChild(prevSunList[0]);
}
}
// Executes schedule with localData
schedule(localData);
// Fetchs JSON file from VRMS_API
calendarFetch
.then(response => response.json())
.then((data) => {
// Checks for differences between localData and VRMS data
if (arr_diff(data, localData)) {
clearSchedule();
schedule(data);
}
})
.catch(err => {
console.log(err);
})
// Formats time to be readable
function timeFormat(time) {
hours = time.getHours();
minutes = time.getMinutes();
if (minutes == 0) {
minutes = minutes + "0";
}
if (hours < 12 && hours !== 0 ) {
return `${hours}:${minutes} am`;
} else if (hours === 0) {
return `12:${minutes} am`;