forked from GDIBoise/presentation-about-gdi
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
313 lines (285 loc) · 13.4 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Girl Develop It ♥ Don't be shy, develop it.</title>
<meta name="description" content="Empowering women of diverse backgrounds from around the world to learn how to develop software">
<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" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="reveal/css/reveal.min.css">
<link rel="stylesheet" href="reveal/css/theme/simple.css" id="theme">
<!-- For syntax highlighting -->
<link rel="stylesheet" href="reveal/lib/css/zenburn.css">
<!-- If the query includes 'print-pdf', include the PDF print sheet -->
<script>
if( window.location.search.match( /print-pdf/gi ) ) {
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'reveal/css/print/pdf.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
}
</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">
<section>
<h1>Girl Develop It</h1>
<h3>Boulder / Denver</h3>
<img src="images/circle-logo.png" alt="Girl Develop It" class="no-border" />
</section>
<section>
<h2>Founded</h2>
<p>Vanessa Hurst and Sara Chipps 2010, NYC</p>
<div style="width: 42%; float: left; padding: 3%;">
<img src="images/vanessa.png" alt="Vanessa Hurst" class="no-border" />
</div>
<div style="width: 42%; float: left; padding: 3%;">
<img src="images/sara.png" alt="Sara Chipps" class="no-border" />
</div>
</section>
<section>
<h2>"Girl, Develop It!"</h2>
<p>Began as a call to action to encourage women to get involved in tech, make a difference, and tip the scales in an industry with very low female representation.
</section>
<section>
<h2>The Problem</h2>
<p>Women make up half of the U.S. workforce, but hold just 25% of the jobs in technical or computing fields. </p>
<div style="width: 30%; float: left; padding: 1%;">
<img src="images/57_percent.png" alt="57%" class="no-border" />
<p style="font-size: 80%;">57% of professional occupations in the 2013 U.S. workforce held by women</p>
</div>
<div style="width: 30%; float: left;padding: 1% 3%;">
<img src="images/26_percent.png" alt="26%" class="no-border"/>
<p style="font-size: 80%;">26% of professional computing occupations in the 2013 U.S. workforce held by women</p>
</div>
<div style="width: 30%; float: left;padding: 1%;">
<img src="images/24_percent.png" alt="24%" class="no-border"/>
<p style="font-size: 80%;">24% of Chief Information Officer (CIO) positions at Fortune 100 companies held by women in 2012</p>
</div>
</section>
<section>
<h2>The Diversity Problem</h2>
<div style="width: 30%; float: left; padding: 1%;">
<img src="images/3_percent.png" alt="3%" class="no-border" />
<p style="font-size: 80%;">3% of computing workforce who were African-American women in 2013</p>
</div>
<div style="width: 30%; float: left;padding: 1% 3%;">
<img src="images/5_percent.png" alt="5%" class="no-border"/>
<p style="font-size: 80%;">5% of computing workforce who were Asian women in 2013</p>
</div>
<div style="width: 30%; float: left;padding: 1%;">
<img src="images/2_percent.png" alt="2%" class="no-border"/>
<p style="font-size: 80%;">2% of computing workforce who were Hispanic women in 2013</p>
</div>
<p style="clear:both;"><small><i>Source: <a href="http://www.ncwit.org/sites/default/files/resources/btn_02282014web.pdf">NCWIT</a></i></small></p>
</section>
<section data-background="images/boulder-scala.png">
<h1>Our Mission</h1>
</section>
<section>
<h2>Mission</h2>
<p>Girl Develop It is a national <span style="color: #ec414d">nonprofit</span> organization that exists to provide affordable, <span style="color: #ec414d">judgment-free</span> workshops to <span style="color: #ec414d">women</span> who want to learn web and software development through hands-on instruction.</p>
</section>
<section data-background="images/boulder-python.png">
<h1>Our Vision</h1>
</section>
<section>
<h2>Vision</h2>
<p>Foster a network of <span style="color: #ec414d">empowered women</span>, confident in their abilities to <span style="color: #ec414d">code beautiful</span> web and mobile applications.
</section>
<section data-background="images/detroit-htmlcss.png">
<h1>Our Values</h1>
</section>
<section>
<h2>Values</h2>
<p>We value women of all <span style="color: #ec414d">races, education levels, income, and upbringing.</span> Our goal is to provide powerful hands-on programs to women seeking professional help in software development.</p>
</section>
<section data-background="images/chapter-map.png">
<h1>Our Impact</h1>
</section>
<section>
<h2>Impact</h2>
<p>Our core programs are in over <span style="color: #ec414d">45 cities</span> througout the US. Our community of over 29,000 members has led the industry-wide movement to improve diversity in tech since 2010, and today we empower <span style="color: #ec414d">over 1,000 students</span> per month with coding skills and the community support to continue learning.</p>
</section>
<!-- Local Chapter information -->
<section data-background="images/detroit-htmlcss.png">
<h1>Boulder/Denver</h1>
</section>
<section>
<h2>Boulder Co-Founders</h2>
<div style="width: 42%; float: left; padding: 3%;">
<h4 class="blue">Cara Jo Miller</h4>
<img src="images/carajo.jpg" style="border-radius: 50%;" alt="Cara Jo" class="no-border" />
</div>
<div style="width: 42%; float: left; padding: 3%;">
<h4 class="blue">Kate Bierbaum</h4>
<img src="images/kate.jpg" style="border-radius: 50%;" alt="Kate Bierbaum" class="no-border" />
</div>
</section>
<section>
<h2>Denver Co-Founders</h2>
<div style="width: 42%; float: left; padding: 3%;">
<h4 class="blue">Bree Thomas</h4>
<img src="images/bree.jpg" style="border-radius: 50%;" alt="Bree Thomas" class="no-border" />
</div>
<div style="width: 42%; float: left; padding: 3%;">
<h4 class="blue">Rachel Warbelow</h4>
<img src="images/rachel.png" style="border-radius: 50%;" alt="Rachel Warbelow" class="no-border" />
</div>
</section>
<section data-background="images/detroit-htmlcss.png">
<h1>Local Success</h1>
</section>
<section>
<h2>Local Success</h2>
<p>Founded in June 2013</p>
<p>Grown to over 870 members</p>
<p>Offered over 25 different types of classes</p>
<p>Built community through free social events</p>
<p>Expanded to Denver</p>
</section>
<section data-background="images/boulder-scala.png">
<h1>The Future</h1>
</section>
<section>
<h2>New Classes</h2>
<p>Python, Ruby, Android, iOs, Java, UX, and beyond!</p>
</section>
<section>
<h2>New Workshops</h2>
<p>Sketch 3, Photoshop, Agile/Scrum, Behavioral Science, WordPress, FTP & GitHub Pages, Bootstrap, LESS, SASS, Sublime, Command Line, Docker and more!</p>
</section>
<section>
<h2>Women in Tech panel series</h2>
<p>Bringing together some of the most amazing Women in the Boulder/Denver tech scene to inspire our members.</p>
</section>
<section>
<h2>More community events</h2>
<p>Happy Hour, Code & Coffee, Hack nights, and other social events.</p>
</section>
<section data-background="images/philly-ux.png">
<h1>We Need You</h1>
</section>
<section>
<h2>We Need You</h2>
<p>You don't have to be a woman to help</p>
<p>You don't have to be a rockstar developer</p>
<p>You don't have to jump right in</p>
<p>There are many ways to help...</p>
</section>
<section data-background="images/philly-ux.png">
<h1>Opportunities</h1>
</section>
<section>
<h2>Instruct</h2>
<p>Co-Teach or run solo, for a class and/or workshop!</p>
</section>
<section>
<h2>Teacher Assist</h2>
<p>Answer student questions and provide added insight.</p>
</section>
<section>
<h2>Develop Curriculum</h2>
<p>If you have something you want to teach, there's probably people who want to learn it.</p>
<p>Review/enhance existing curriculum or create new.</p>
</section>
<section>
<h2>Teacher Training</h2>
<p>Coming this year! GDI will offer teacher training so you get the skills you need to be a successful instructor.</p>
</section>
<section>
<h2>Organizational Needs</h2>
<p>Help out with marketing, social media, class scheduling, work with sponsors, answer student questions, & more.</p>
</section>
<section>
<h2>Provide Space</h2>
<p>Show off your awesome workspace by hosting a workshop, happy hour, or class.</p>
</section>
<section>
<h2>Donate Time</h2>
<p>Have a crew of developers? Have your team TA or even teach a class for GDI.</p>
</section>
<section>
<h2>Donate Resources</h2>
<p>Food, Drinks, Supplies, & swag all help make the learning experience better.</p>
</section>
<section data-background="images/philly-ux.png">
<h1>Upcoming Events</h1>
</section>
<section>
<h2>Upcoming Events</h2>
<h4 class="blue">Get Involved with GDI Denver</h4>
<p><strong>January 15th</strong></p>
<p>ModeSet</p>
<br/>
<h4 class="blue">Intermediate HTML/CSS - Boulder</h4>
<p><strong>January 17th & 18th</strong></p>
<p>SendGrid Boulder</p>
</section>
<section>
<h2>Upcoming Events</h2>
<h4 class="blue">Building your first iOS App Using Swift - Denver</h4>
<p><strong>January 24th</strong></p>
<p>Turing School</p>
<br/>
<h4 class="blue">Hosting your website with GitHub Pages - Boulder</h4>
<p><strong>January 22nd</strong></p>
<p>Zayo</p>
</section>
<section>
<h2>Other Ideas?</h2>
<p>We always open to ideas for classes, programming and overall improvements for this chapter. Please feel free to speak to one of our chapter leaders, or email us at <a href="[email protected]">[email protected]</a>.</p>
</section>
<section>
<h2>Get in Touch</h2>
<a href="mailto:[email protected]"><img src="images/icon-email.png" alt="email us" title="[chapter]@girldevelopit.com" class="no-border"/></a>
<a href="http://twitter.com/gdiboulder"><img src="images/icon-twitter.png" alt="Twitter" title="@[twitter]" class="no-border"/></a>
<a href="http://facebook.com/gdiboulder"><img src="images/icon-facebook.png" alt="Facebook" title="Facebook" class="no-border"/></a>
<!-- <a href="http://linkedin.com"><img src="images/icon-linkedin.png" alt="LinkedIn" title="LinkedIn" class="no-border"/></a> -->
<!-- <a href="http://google.com"><img src="images/icon-google.png" alt="Google+" title="Google+" class="no-border"/></a> -->
<a href="http://github.com/gdiboulder"><img src="images/icon-github.png" alt="GitHub" title="GitHub" class="no-border"/></a>
</section>
</div>
<footer>
<div class="copyright">
Girl Develop It ♥ Don't be shy, develop it. --
<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="reveal/lib/js/head.min.js"></script>
<script src="reveal/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,
center: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/zoom/linear/fade/none
// Parallax scrolling
// parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg',
// parallaxBackgroundSize: '2100px 900px',
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'reveal/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'reveal/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'reveal/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'reveal/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'reveal/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'reveal/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
</body>
</html>