-
-
Notifications
You must be signed in to change notification settings - Fork 777
/
getting-started.html
265 lines (248 loc) · 14.2 KB
/
getting-started.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
---
layout: default
title: Getting Started
permalink: /getting-started
---
<div class="header-container">
<h1 class="header-h1 title1">Getting Started</h1>
<p class="header-bold-p">Follow the steps below to start as a Hack for LA volunteer!</p>
<p class="header-p paragraph2">Hack for LA brings together civic-minded volunteers who build digital products,
programs and services with community partners and local government to address issues in the LA region.
</p>
<div class="step-link-img">
<div class="step-links">
<a class="gs-link" href='getting-started#step-1'>Step 1</a>
<p class="getting-started-step-title-overview">Onboard</p>
<img class="step-img-intro" src="./assets/images/getting-started/business.png" alt="">
</div>
<div class="step-links">
<a class="gs-link" href='getting-started#step-2'>Step 2</a>
<p class="getting-started-step-title-overview-no-padding">Join a Community of Practice</p>
<img class="step-img-intro" src="./assets/images/getting-started/solidarity.png" alt="" >
</div>
<div class="step-links">
<a class="gs-link" href='getting-started#step-3'>Step 3</a>
<p class="getting-started-step-title-overview-no-padding">Adopt Our Standards</p>
<img class="step-img-intro" src="./assets/images/getting-started/technology.png" alt="">
</div>
<div class="step-links">
<a class="gs-link" href='getting-started#step-4'>Step 4</a>
<p class="getting-started-step-title-overview">Choose a Role</p>
<img class="step-img-intro" src="./assets/images/getting-started/button.png" alt="">
</div>
<div class="step-links">
<a class="gs-link" href='getting-started#step-5'>Step 5</a>
<p class="getting-started-step-title-overview">Join a Project</p>
<img class="step-img-intro" src="./assets/images/getting-started/people.png" alt="">
</div>
</div>
</div>
<div class='content-section getting-started-page'>
<a class='anchor' id='step-1'></a>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<h2 class="getting-started-step-title-header">STEP 1: <strong>Attend an Onboarding Session</strong></h2>
<a href="https://www.meetup.com/hackforla/events" target="_blank"><button class="rsvp-button">RSVP for Onboarding</button></a>
</div>
<div>
<div class="column left">
<img class="step-img" src="./assets/images/getting-started/business.png" alt="">
<p class="card-intro">Register for our Zoom Volunteer Onboarding session. The next one can be found on our <a href="https://www.meetup.com/hackforla/events" target="_blank">Meetup</a> page.</p>
<a class="rsvp-button2" href="https://www.meetup.com/hackforla/events" target="_blank">RSVP for Onboarding</a>
</div>
<div class="column right">
<ol class="column-ol-list">
<p class="strong-text"><strong>Before the Meeting:</strong></p>
<div class="list-container">
<img class="step-img-icon-attend-git" src="assets/images/getting-started/join-2.png" alt="">
<li class="g-s-list">Read the <a href="https://github.com/hackforla/codeofconduct" target="_blank">Hack for LA Code of Conduct</a>.
</li>
</div>
</br>
</br>
<p class="strong-text"><strong>After the Meeting:</strong></p>
<div class="list-container">
<img class="step-img-icon-board" src="assets/images/getting-started/board.png" alt="">
<li class="g-s-list">Complete our <a href="https://docs.google.com/forms/d/e/1FAIpQLScXnJSyCXgO_RCAuCyOkG4sqGILpAepTlJ0HOaK4H_ccEVmNw/viewform" target="_blank">Onboarding Survey</a>.
</li>
</div>
</ol>
</div>
</div>
</div>
<a class='anchor' id='step-2'></a>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<h2 class="getting-started-step-title-header">STEP 2: <strong>Join Your Community of Practice</strong></h2>
</div>
<div>
<div class="column left">
<img class="step-img-wide" src="./assets/images/getting-started/solidarity.png" alt="">
<p class="card-intro">After you attend an onboarding session, network with peers in your practice area, build up your skills, and hear from industry professionals.</p>
</div>
<div class="column right">
<ol class="column-ol-list">
<div class="list-container">
<svg version="1.1" class="step-img-icon-cop" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg" width="100%">
{% include svg/icon-slack.svg %}
</svg>
<li class="g-s-list">
<a href="/communities-of-practice" target="_blank">Join your Community of Practice</a> for access to announcements, meeting zoom links, and helpful resources.
</li>
</div>
</br>
<div class="list-container">
<img class="step-img-icon-git" src="assets/images/getting-started/join-2.png" alt="" />
<li class="g-s-list">Receive access to the Google Drive and Github repository by sending a Slack message of your Github username and Gmail address to a CoP lead. <img class="info-icon" src="assets/images/getting-started/information.png" alt="">
</li>
</div>
</br>
<div class="list-container">
<img class="step-img-icon-cop-small" src="assets/images/getting-started/group.png" alt="">
<li class="g-s-list">Network with your peers and attend your CoP meetings weekly. See <a href="/project-meetings" target="_blank">here</a> for schedule.
</li>
</div>
</ol>
<p class="github-sign-up-text"><img class="info-icon" src="assets/images/getting-started/information.png" alt="">   If you do not have a GitHub account, <a href="https://github.com/" target="_blank">sign up here</a>. Membership is free.</p>
</div>
</div>
</div>
<a class='anchor' id='step-3'></a>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<h2 class="getting-started-step-title-header">STEP 3: <strong>Adopt Our Standards</strong></h2>
</div>
<div>
<div class="column left">
<img class="step-img-wide" src="./assets/images/getting-started/technology.png" alt="">
<p class="card-intro">Once you have chosen a volunteer role, make sure to adopt and follow Hack for LA's standards.</p>
</div>
<div class="column right">
<ol class="column-ol-list">
<div class="list-container">
<img class="step-img-icon" src="assets/images/getting-started/shield.png" alt="">
<li class="g-s-list">Set up GitHub <a href="/guide-pages/2FA.html" target="_blank">two-factor
authentication</a>.
</li>
</div>
</br>
<div class="list-container">
<img class="step-img-icon" src="assets/images/getting-started/id.png" alt="">
<li class="g-s-list">After you have accepted the email invitation to our GitHub organization/repo,
mark your Hack for LA membership <a href="https://help.github.com/en/github/setting-up-and-managing-your-github-user-account/publicizing-or-hiding-organization-membership#changing-the-visibility-of-your-organization-membership" target="_blank">
public</a>.
</li>
</div>
</br>
<div class="list-container">
<img class="step-img-icon" src="assets/images/getting-started/ada.png" alt="">
<li class="g-s-list">Read the <a href="https://www.ada.gov/pcatoolkit/chap5toolkit.htm" target="_blank">ADA Compliance Guide</a>.
All web and mobile app projects at Hack for LA are inclusive by design.
</li>
</div>
</ol>
</div>
</div>
</div>
<a class='anchor' id='step-4'></a>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<h3 class="getting-started-step-title-header">STEP 4: <strong>Choose a Role</strong></h3>
</div>
<div>
<div class="column left">
<img class="step-img" src="./assets/images/getting-started/button.png" alt="">
<p class="card-intro">Once you have joined your Community of Practice, you can find a volunteer role.</p>
</div>
<div class="column right">
<ol class="column-ol-list">
<div class="list-container">
<img class="step-img-icon" src="assets/images/getting-started/find.png" alt="">
<li class="g-s-list">Find roles that you are interested in at your Community of Practice.
</li>
</div>
</br>
<div class="list-container">
<img class="step-img-icon" src="assets/images/getting-started/schedule.png" alt="">
<li class="g-s-list">Check the <a href="/project-meetings" target="_blank">Team Meeting Overview</a> to see if the team you are interested in meets at a time that fits into your schedule</a>.
</li>
</div>
</br>
<div class="list-container">
<svg version="1.1" class="step-img-icon-choose-slack" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg" width="100%">
{% include svg/icon-slack.svg %}
</svg>
<li class="g-s-list">
Join one project's Slack channel. Post your interest to join in the channel.
</li>
</div>
</ol>
</div>
</div>
</div>
<a class='anchor' id='step-5'></a>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<h3 class="getting-started-step-title-header">STEP 5: <strong>Join a Project</strong></h3>
</div>
<div>
<div class="column left">
<img class="step-img" src="./assets/images/getting-started/people.png" alt="">
<p class="card-intro">Once you have adopted our standards, complete the following to officially join.</p>
</div>
<div class="column right">
<ol class="column-ol-list">
<div class="list-container">
<svg version="1.1" class="step-img-icon-join-slack" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg" width="100%">
{% include svg/icon-slack.svg %}
</svg>
<li class="g-s-list">
Slack the Product Manager your GitHub username and Gmail address to get Google Drive and GitHub access.
</li>
</div>
</br>
<div class="list-container">
<img class="step-img-icon" src="assets/images/getting-started/clipboard.png" alt="">
<li class="g-s-list">Fill out the Team Roster after you receive access to the Google Drive.
</li>
</div>
</br>
<div class="list-container">
<img class="step-img-icon-join" src="assets/images/getting-started/candidates.png" alt="">
<li class="g-s-list">Attend your first team meeting and take on a first issue assignment from your lead.
</li>
</div>
</ol>
</div>
</div>
</div>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<h2 class="getting-started-step-title-faq title4">Frequently Asked Questions</h2>
</div>
<div class='getting-started-guide-content-section'>
<p class="accordion">How many hours are you expected to
commit to Hack for LA each
week? </p>
<div class="panel">
<p>This depends on the role: as little as 6 hours per week to as much as 15 hours minimum. Get more details at the onboarding session.
</p>
</div>
<p class="accordion">How does communication on Hack for LA work? </p>
<div class="panel">
<p> We work in Slack, GitHub, and Google Drive. Some teams may use additional tools, so check with the
project you are interested in to confirm.
</p>
</div>
<p class="accordion">When do the teams meet?</p>
<div class="panel">
<p> Project teams will meet as scheduled on the <a
href="/project-meetings" target="_blank">Project
Team Meetings</a> page. For more detailed meeting information, please visit the project’s Slack
channel.
</p>
</div>
</div>
</div>
</div>
<script src="/assets/js/elements/accordion.js"></script>