-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·375 lines (332 loc) · 18.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Girl Develop It ~ Organizer Training</title>
<meta name="description" content="This is organizer training, an opportunity to share information about Girl Develop It with new organizers. Original curriculum developed by Julie Cameron for the Ann Arbor chapter of GDI">
<meta name="author" content="Girl Develop It">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<link rel="stylesheet" href="css/reveal.min.css">
<link rel="stylesheet" href="css/theme/gdiaa.css" id="theme">
<link rel="stylesheet" href="lib/css/light.css">
<link rel="stylesheet" href="css/print/pdf.css" media="print">
<script src="lib/js/head.min.js"></script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<!-- INTRO -->
<section>
<!-- Title -->
<section>
<img src="images/gdi_logo_badge.png" class="img--bare" height="450px" />
<div class="box--small">
<h3><span class="blue">Organizer Orientation</span></h3>
<p class="copy--xsmall">@gdiannarbor | #gdia2</p>
</div>
</section>
<!-- The Plan -->
<section>
<h3>The Plan.</h3>
<ul class="list--tall box--small">
<li>We'll talk about <span class="green">GDI Ann Arbor</span></li>
<li>We'll do a review of the <span class="blue">tools</span></li>
<li>We'll talk about <span class="yellow">processes and next steps</span></li>
</ul>
</section>
</section>
<!-- ABOUT GDI -->
<section>
<section>
<img src="images/gdi-logo.png" class="img--bare" height="450px" />
<div class="box--small">
<h3 class="blue">About Girl Develop It</h3>
</div>
</section>
<!-- What is GDI? -->
<section>
<h3>What is Girl Develop It?</h3>
<p class="box--small"><strong>Girl Develop It</strong> is here to provide affordable programs for adult women interested in learning web and software development in a judgment-free environment.</p>
<ul class="list--tall copy--small">
<li class="fragment">Started in 2010 in New York City</li>
<li class="fragment">Now in > 45 cities</li>
<li class="fragment">> 29,000 members nationwide</li>
<li class="fragment">> 1,000 members educated each month</li>
</ul>
</section>
<!-- GDI Brand -->
<section>
<h3>Our GDI Brand</h3>
<div class="box">
<img src="images/gdi-logo.png" width="200" style="border: none; box-shadow: none;"/>
<ul class="list--tall copy--small">
<li class="fragment">Friendly & Approachable</li>
<li class="fragment">Consistent & Trusted</li>
<li class="fragment">Maintaining a judgement-free zone</li>
<li class="fragment">Generous with our time & knowledge</li>
<li class="fragment">Helping connect people</li>
</ul>
</div>
</section>
<!-- About GDI -->
<section>
<img src="images/gdi_logo_badge.png" class="img--bare" height="450px" />
<div class="box--small">
<h3 class="blue">About GDI Ann Arbor</h3>
</div>
</section>
<!-- About GDI AA -->
<section>
<h3>About GDI Ann Arbor</h3>
<div class="box left" style="width: 40%">
<ul class="copy--xsmall list--xtall box--small">
<li class="fragment">Launched in <strong>June 2014</strong></li>
<li class="fragment"><strong>> 1000</strong> members as of 6/15</li>
<li class="fragment">Aiming for <strong>5 events / month</strong> in 2015</li>
<li class="fragment">Events organized across <strong>4 tracks</strong><br/><small>Backend, Frontend, Career, Tech Skills</small></li>
<li class="fragment">Workshops, Presentations, Panels, Code & {Beverage}</li>
</ul>
</div>
<div class="box right" style="width: 58%">
<img src="images/launch.jpg" style="border: none; box-shadow: none;"/>
</div>
</section>
<!-- A2 Leadership -->
<section>
<h3>Core Organizer Team</h3>
<div class="box">
<div style="float: left; width: 25%;" class="copy--small box--small">
Julie Cameron
<small><br/><strong>Chapter Leader</strong>
<br/>Team Lead
<br/>Talent Coordinator</small>
</div>
<div style="float: left; width: 25%;" class="copy--small box--small">
Ronda Bergman
<small><br/><strong>Chapter Leader</strong>
<br/>Sponsor Liaison
<br/>Event Lead</small>
</div>
<div style="float: left; width: 25%;" class="copy--small box--small">
Sara Gibbons
<small><br/>Social Media Manager
<br/>Event Lead</small>
</div>
<div style="float: left; width: 25%;" class="copy--small box--small">
Emily Drier
<small><br/>Venue Liaison
<br/>Community Liaison
<br/>Event Lead</small>
</div>
</div>
<div class="box clear">
<img src="images/julie.jpg" alt="Julie" width="180" />
<img src="images/ronda.jpg" alt="Ronda" width="180" />
<img src="images/sara.jpg" alt="Sara" width="180" />
<img src="images/emily.jpg" alt="Emily" width="180" />
</div>
<p class="green copy--xsmall">We regularly Google Hangout to plan out our calendar, provide event status updates,<br/>evaluate partnerships & opportunities, and make sure we're sticking to the GDI mission.</p>
</section>
<section>
<h3>Your Role<br/><small>should you choose to accept it...</small></h3>
<h2 class="box--small blue">Event Lead</h2>
<p class="copy--small"><span class="green">Event Leads work with the Core Team</span> to complete the tasks required for each event (we'll go through those in more detail later).</p>
</section>
<!-- Event Types -->
<section>
<h3>Event Types</h3>
<div class="left copy--xsmall left-align" style="width: 48%">
<div class="fragment">
<div><strong>Workshops</strong></div>
<ul>
<li>2, 3, 4, 6, 8, 10, 12+ hours</li>
<li>Weeknights Mon-Thurs; Weekends</li>
<li>6p-9p; 10a-3p</li>
<!-- <li>Paid, if 3+ hours.</li> -->
</ul>
</div>
<div class="fragment box--small">
<div><strong>Presentations</strong></div>
<ul>
<li>45-90 minutes</li>
<li>Weeknights Mon-Thurs</li>
<li>6:30p-8:30p</li>
<!-- <li>Free</li> -->
</ul>
</div>
</div>
<div class="right copy--xsmall left-align" style="width: 48%">
<div class="fragment">
<div><strong>Panels / Lightening Talks</strong></div>
<ul>
<li>60-90 minutes</li>
<li>Weeknights Mon-Thurs</li>
<li>6:30p-8:30p</li>
<!-- <li>Free</li> -->
</ul>
</div>
<div class="fragment box--small">
<div><strong>Code & Coffee / Craft Beer / Cocktails</strong></div>
<ul>
<li>2-3 hours</li>
<li>Weeknights Mon-Thurs; Weekends</li>
<li>6:30p-8:30p; 10a-1p</li>
<!-- <li>Free</li> -->
</ul>
</div>
</div>
</section>
<!-- Event Structure -->
<section>
<h3>Event Structure</h3>
<ol class="copy--xsmall list--tall box--small">
<li class="fragment"><span class="blue">Event Lead</span> and <span class="green">Facilitators</span> arrive early</li>
<li class="fragment"><span class="blue">Event Lead</span> handles food / logistical Q's</li>
<li class="fragment"><span class="green">Facilitators</span> help set up chairs, tables, refreshments</li>
<li class="fragment"><span class="yellow">Presenter</span> arrives, <span class="blue">Event Lead</span> assists with set up</li>
<li class="fragment"><span class="green">Facilitators</span> (<em>et al</em>) greet students, help <span class="pink">TAs</span> get set up</li>
<li class="fragment"><span class="red">Leader</span> gives intro spiel</li>
<li class="fragment"><span class="yellow">Presenter</span> gives talk, wraps up on time, or a bit early to allow for questions.</li>
<li class="fragment"><span class="blue">Event Lead</span> leads clean up with <span class="green">Facilitators</span> and is last to leave</li>
</ol>
</section>
<section>
<h3>Volunteer Guidebook</h3>
<ul class="copy--small list--tall box--small">
<li><strong>Commitment to judgment free environment</strong> - this is the foundation of our organization</li>
<li><strong>Avoid use of jargon</strong> - there’s nothing that alienates a beginner more than speaking to them in terms they don’t understand</li>
<li><strong>Don’t steal the keyboard</strong> - When someone asks you for help, walk them through the issue - don’t grab their equipment and do it for them</li>
<li><strong>Don’t interrupt the teacher</strong> - interjecting your own opinion in the middle of a lecture can be very disruptive and disengaging, wait for a break or question time (or another more appropriate moment)</li>
</ul>
<p class="copy--xsmall"><a href="https://www.hackerschool.com/manual#sec-environment">Hacker School Social Rules</a></p>
</section>
<section>
<h3>Code of Conduct</h3>
<p class="box copy--xsmall left-align">Girl Develop It is dedicated to providing a harassment-free community and learning experience for everyone. We welcome and celebrate all adult/18+ participants, regardless of gender identity and expression, sexual orientation, age, disability, physical appearance, body size, race, religion, or identity. We expect all attendees to show respect and courtesy to other attendees throughout Girl Develop It classes and events. Male-identified individuals are welcome at our events, and it is expected that all participants be treated with equal respect....</p>
<p class="copy--xsmall">... <a href="http://www.girldevelopit.com/codeofconduct">girldevelopit.com/codeofconduct</a></p>
</section>
<section>
<h3>Questions?</h3>
</section>
</section>
<!-- GDI Event Planning -->
<section>
<section>
<h3>Event Planning</h3>
<h4><small class="blue">or How We Decide The Event Lineup</small></h4>
<div class="right"><img src="images/mgc.gif" alt="it's magic" class='box'></div>
<div class="left box--small list--tall copy--xsmall" style="width: 60%;">
<ul>
<li>We do our best to <strong>schedule the right events at the best time for our community's needs.</strong></li>
<li><strong>~2 paid workshops</strong> per month. <strong>~2 free</strong> presentation or panel events per month. <em>These #s are changing.</em></li>
<li>Chapter Leaders re-evaluate community needs and <strong>set a <a href="https://docs.google.com/spreadsheets/d/1PJ2jrJL4bjXfLLAQAp_s1NdoM66yM3VHDBq4nEXbTVQ/edit?pli=1#gid=0" target="_blank">rough</a> <a href="https://www.google.com/calendar/" target="_blank">schedule</a> every 6 months</strong>.<br/><small>Including ideal dates, locations, formats, topics, and even speakers.</small></li>
<li>We try to <strong>confirm</strong> each event's location and speaker as early as <strong>3 months in advance</strong>.</li>
</ul>
</div>
</section>
<section>
<h3>Organizer Tools</h3>
<p class="box--small"><a href="https://gdiaa.slack.com">Slack</a></p>
<p class="box--small"><a href="https://drive.google.com/open?id=0B-dZ1C09ONeGMlNRa1pJVnI4X1U&authuser=0">Google Drive</a></p>
<p class="box--small"><a href="https://www.google.com/calendar/embed?src=girldevelopit.com_q7ccfpsevt128h4942u7g6mkrg%40group.calendar.google.com&ctz=America/New_York">Google Calendar</a></p>
<p class="box--small"><a href="http://www.meetup.com/Girl-Develop-It-Ann-Arbor/">Meetup</a></p> <!-- Event Organizer Role -->
<p class="box--small"><a href="https://trello.com/b/IduTHlM1/event-planner">Trello</a></p>
</section>
<section>
<h3>Trello Event Planning</h3>
<p class="box--small copy--xsmall"><strong>Every event has a card</strong>, prepopulated with checklists for all aspects of event<br/>planning, broken up on a timeline leading up to the event date.<br/>
<span class="copy--small"><a href="https://trello.com/b/IduTHlM1/event-planner">Trello Event Planner</a></span>
</p>
<img src="images/trello-card.png" alt="trello event planner screenshot" width="500" />
</section>
<section>
<h3>Questions?</h3>
</section>
</section>
<!-- FINAL NOTES -->
<section>
<section>
<h3>What to Expect During Planning</h3>
<ul class="copy--small box--small list--tall">
<li>~2 Hours of effort per week per event</li>
<li>Special cases...</li>
<li>Lots of questions, from lots of sources</li>
</ul>
</section>
<section>
<h3>What To Expect During Class</h3>
<ul class="copy--small box--small list--tall">
<li>More <strong>questions</strong>.</li>
<li>Space limitations, noise, weather <strong>issues</strong>.</li>
<li><strong>Tech limitations</strong> - Wifi, projector, laptop.</li>
<li><strong>Unique issues with student technology</strong> - laptops, OSs, & software.</li>
<li><strong>Varying levels</strong> of understanding, education, and learning styles.</li>
</ul>
</section>
<section>
<h3>Setting the Tone</h3>
<ul class="copy--small box--small list--tall">
<li>What is an <strong>inclusive, accessible environment</strong> to you?</li>
<li>What makes you <strong>feel welcome</strong>, not welcome?</li>
<li>How can you make the experience <strong>fun and memorable</strong>?</li>
</ul>
</section>
<!-- Upcoming GDI Events -->
<section>
<h3>We Need You!</h3>
<p class="copy--small box">We have <strong>plenty of events that need Event Leads</strong><br/>coming into the planning phases in August and onward.</p>
<p class="copy--xsmall">If you're in, we'll add you to our next Organizer Hangout -<br/>where we'll get you set up with an event to lead!</p>
</section>
<section>
<h3>That's it!</h3>
</section>
<section>
<h3>Questions?</h3>
</section>
<!-- Title -->
<section>
<img src="images/gdi_logo_badge.png" class="img--bare" height="450px" />
<div class="box--small">
<h3><span class="blue">Organizer Training</span></h3>
<p class="copy--xsmall">@gdiannarbor | #gdia2</p>
</div>
</section>
</section>
</div>
<footer>
<div class="copyright">
Organizer Training ~ GDI Ann Arbor ~
<a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc/3.0/80x15.png" /></a>
</div>
</footer>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/reveal.min.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
rollingLinks: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/none
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
</body>
</html>