forked from GDIBoise/presentation-about-gdi
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
268 lines (240 loc) · 12 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
<!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>[chapter city]</h3>
<img src="images/circle-logo.png" alt="Girl Develop It" class="no-border" />
</section>
<section data-background="images/detroit-htmlcss.png">
<h1>What We Do</h1>
</section>
<section>
<h2>What We Do</h2>
<p>"Girl, Develop It!"" began as a call to action for women, by women who were tired of the low representation of women in tech, and who want to make a difference today.</p>
</section>
<section>
<h2>What We Do</h2>
<p>Started in 2010, NYC</p>
<img src="images/nyc-skyline.png" class="no-border" alt="2010: NYC" />
</section>
<section>
<h2>What We Do</h2>
<p>Cofounders: Vanessa Hurst and Sara Chipps</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 data-background="images/boulder-scala.png">
<h1>What We Do:</h1>
<h1>Our Mission</h1>
</section>
<section>
<h2>Our Mission</h2>
<p>Girl Develop It is a national nonprofit organization that exists to provide affordable, judgment-free workshops to women who want to learn web and software development through hands-on instruction.</p>
</section>
<section data-background="images/boulder-python.png">
<h1>What We Do:</h1>
<h1>Our Vision</h1>
</section>
<section>
<h2 class="blue">Our Vision</h2>
<p>Our vision is to create a network of empowered women who feel confident in their abilities to code and build beautiful web and mobile applications. By teaching women around the world from diverse backgrounds to learn software development, we can help women improve their careers and confidence in their everyday lives</p>
</section>
<section data-background="images/detroit-htmlcss.png">
<h1>What We Do:</h1>
<h1>Our Values</h1>
</section>
<section>
<h2 class="green">Our Values</h2>
<p>We are committed to making sure women of all races, education levels, income, and upbringing can build confidence in their skill set to develop web and mobile applications. </p>
</section>
<section>
<h2 class="green">Our Values</h2>
<p>Our goal is to provide powerful hands-on programs to women seeking professional help in software development and create basic to advanced web and mobile applications. </p>
</section>
<section data-background="images/philly-hack.png">
<h1>What's the problem we’re solving?</h1>
</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>
</section>
<section>
<h2>The Problem</h2>
<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/detroit-htmlcss.png">
<h1>Who We Are</h1>
</section>
<section>
<h2>Who We Are</h2>
<p>Our core programs, now in over 45 cities throughout the US, are simple: we provide low-cost, judgment-free opportunities to learn software development.</p>
</section>
<section data-background="images/chapter-map.png">
<h1>Our Impact</h1>
</section>
<section>
<h2>Our Impact</h2>
<p>Our community of over 29,000 members has led the industry-wide movement to improve diversity in tech since 2010, and today we empower over 1,000 students per month with coding skills and the community support to continue learning.</p>
</section>
<section data-background="images/detroit-htmlcss.png">
<h1>How we're different</h1>
</section>
<!-- Local Chapter information -->
<section data-background="images/detroit-htmlcss.png">
<h1>Who we are in [Chapter Name]</h1>
</section>
<section>
<h2>Who we are</h2>
<!--Showcase a success story for your chapter-->
</section>
<section data-background="images/philly-ux.png">
<h1>Our upcoming events</h1>
</section>
<section>
<h2>Events happening in [chapter name]</h2>
<div style="width: 45%; float: left;">
<h4 class="blue">[Class Name]</h4>
<p><strong>[Class date & time]</strong></p>
<p>[location]</p>
<p><a href="">[event link]</a></p>
</div>
<div style="width: 45%; float: left;">
<h4 class="blue">[Class Name]</h4>
<p><strong>[Class date & time]</strong></p>
<p>[location]</p>
<p><a href="">[event link]</a></p>
</div>
</section>
<section data-background="images/philly-typography.png">
<h1>How you can get involved</h1>
</section>
<section>
<h2>Become a Teacher or a Teaching Assistant</h2>
<p>Our organization doesn't work without people willing to teach or assist in classes. No prior teaching experience needed &emdash; just a desire to teach! We help with all the rest, including preparing curriculum, materials and organizing your first class.</p>
</section>
<section>
<h2>Host or Sponsor events</h2>
<p>Receiving help from the community enables us to support more students and teachers. Some ways to help include volunteering your space for workshops, sponsoring snacks for events and donating to our scholarship fund.</p>
</section>
<section>
<h2>Host or Sponsor events</h2>
<p>In return, we feature your name on the official Meetup page and in our event promotional materials. Email us for more information about sponsorship opportunities.</p>
</section>
<section>
<h2>Community Outreach</h2>
<p>Promote Girl Develop It's mission, raise awareness, recruit instructors and TAs and promote fundraising. Manage our social media accounts, represent GDI at local events and submit events to online calendars.</p>
</section>
<section>
<h2>Become an Event Organizer</h2>
<p>Organize special events such as Code & Coffee, hackathons, free workshops, fundraisers and more. The possibilities are endless!</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="[chapter]@girldevelopit.com">[chapter]@girldevelopit.com</a>.</p>
</section>
<section>
<h2>Get in Touch</h2>
<a href="mailto:[chapter]@girldevelopit.com"><img src="images/icon-email.png" alt="email us" title="[chapter]@girldevelopit.com" class="no-border"/></a>
<a href="http://twitter.com/[twitter]"><img src="images/icon-twitter.png" alt="Twitter" title="@[twitter]" class="no-border"/></a>
<a href="http://facebook.com"><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"><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>