-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
253 lines (211 loc) · 9.63 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Coding For You, Me and a Refugee</title>
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/simple.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>
<body>
<div class="reveal">
<div class="hashtag" style=""><p><small style="font-size: 0.5em; background-color: #ebebeb; color: #999999; padding: 6px;"> say hi: <strong>@krissygoround</strong></small></p></div>
<div class="slides">
<section>
<h1>Coding For You, Me and a Refugee</h1>
<h2>Kriselda Rabino</h2>
<p><small>Software Engineer and Human in Tech</small></p>
</section>
<section>
<h2>Soft-wat?</h2>
<img src="img/programmurr.gif" class="plain" alt="Programming dude typing whatevs for the news">
</section>
<section>
<img src="img/allthetech.jpg" class="plain" alt="TALK ALL THE TECH!">
</section>
<section>
<h2>These Are Very Awesome</h2>
<h4>We'll find out why in a bit.</h4>
<img src="img/whfnpeh.jpg" class="plain" alt="Women Hack for Non-Profits + EmpowerHack" width="700">
</section>
<section>
<h1>Dance</h1>
<h2>Body language, meet the programming kind.</h2>
</section>
<section>
<img src="img/hammertime.gif" class="plain" alt="Stop. Hammertime!">
</section>
<section>
<h2>"Zenn-tro"</h2>
<h4>Venntro's Friday office stretch sessions</h4>
<img src="img/zenntro.jpg" class="plain" alt="Stretch!" width="350">
</section>
<section>
<h2>ZoukFest</h2>
<img src="img/zoukfest1.jpg" class="plain" alt="Instructors perform at ZoukFest workshop">
</section>
<section>
<img src="img/procrastination.gif" class="plain" alt="Procrastination sloth">
</section>
<section>
<h2>It's a Thing!</h2>
<img src="img/dejavyoo2.jpg" class="plain" alt="Slideshow at ZoukFest" width="500">
</section>
<section>
<h1>Women In Tech</h1>
<h2>Summary: we need more of these.</h2>
</section>
<section>
<h2>"Good at computer-izing":</h2>
<img src="img/computerperson.jpg" class="plain" alt="Old school computer geek">
</section>
<section>
<img src="img/gendergap.jpg" class="plain" alt="Comp sci graph / Less women CEOs than men named John">
</section>
<section>
<h2>My Development Team</h2>
<h4>(AKA Kris is a tiny human)</h4>
<img src="img/devteam.jpg" class="plain" alt="Dev team">
</section>
<section>
<h2>Kode With Klossy:</h2>
<h4>Ruby-coding Victoria's Secret Angel Karlie Kloss launches scholarship for girls</h4>
<img src="img/klossy2.jpg" class="plain" alt="Karlie Kloss on the runway and at code camp" width="450">
</section>
<section>
<img src="img/klossy1.jpg" class="plain" alt="I think it's crucial that young women learn to code as early as possible to ensure that we have a voice in what the world looks like - Karlie Kloss, Model & Entrepreneur">
</section>
<section>
<h2>Skyping Mum</h2>
<img src="img/mumcoding.png" class="plain" alt="Mum/daughter skype session">
</section>
<section>
<h1>"I will never be a programmer"</h1>
<h2>My first impressions of a career in technology</h2>
</section>
<section>
<h2>Most of My Programming Lectures</h2>
<iframe width="420" height="315" src="https://www.youtube.com/embed/XECyt6u_rSY" frameborder="0" allowfullscreen></iframe>
</section>
<section>
<h2>Simple, Mind-Blowing Realization</h2>
<h4>Code is just a modern craft that lets you make things. I like making things!</h4>
<img src="img/mindblown.gif" class="plain" alt="Mind being blown">
</section>
<section>
<h1>Technology with Humans</h1>
<h2>Women Hack For Non-Profits, Acorn Aspirations and more reasons this is a good mix</h2>
</section>
<section>
<h2>Awkward Developer-Type Person By The Food</h2>
<h4>Are you talking... to me?</h4>
<img src="img/koala-leaf.jpg" class="plain" alt="Awkward koala by the food" width="300">
</section>
<section>
<h2>Hackathons?</h2>
<h4>That sounds intimidating...</h4>
<img src="img/hacknot.png" class="plain" alt="Not my type of hackathon" width="600">
</section>
<section>
<h2>Women Hack for Non-Profits</h2>
<h4>Increasing the open source footprint of women in technology</h4>
<img src="img/whfnp-meetup.jpg" class="plain" alt="WHFNP meetup" width="350">
</section>
<section>
<h2>AcornHack:Girls</h2>
<h4>Hackathon for young female entrepreneurs aged 12-19</h4>
<img src="img/acornhack1.jpg" class="plain" alt="Mentoring at AcornHack:Girls" width="600">
</section>
<section>
<h2>Tech Workshops</h2>
<h4>My ruby and coding concepts workshop for beginners</h4>
<img src="img/rubyworkshop.jpg" class="plain" alt="Giving a ruby workshop for beginners" width="600">
</section>
<section>
<h1>Technology FOR Humans</h1>
<h2>Using design, development and technical problem-solving to address crises</h2>
</section>
<section>
<h2>EmpowerHack</h2>
<h4>Building sustainable tech solutions for refugee women & girls</h4>
<img src="img/empowerhack1.jpg" class="plain" alt="EmpowerHack group shot" width="600">
</section>
<section>
<h2>Inclusive Design and Thinking</h2>
<h4>A hackathon for all: "techies", "creatives", marketers, humanitarian/health/education workers, + those who just want to help make change.</h4>
<img src="img/empowerhack2.jpg" class="plain" alt="EmpowerHack un-conference" width="600">
</section>
<section>
<h2>Health Mate</h2>
<h4>Web app with geomapping tools for both NGOs and migrants to access and recommend clinical services around you.</h4>
<img src="img/empowerhack3.jpg" class="plain" alt="EmpowerHack, team Health Mate" width="600">
</section>
<section>
<h2>HaBaby</h2>
<h4>First hackathon app success! A team create an accessible app to give prenatal and postnatal advice to displaced women. Ongoing and being field tested by organisation Doctors of the World.</h4>
<img src="img/hababy.png" class="plain" alt="EmpowerHack group shot" width="600">
</section>
<section>
<h2>Draw My Life</h2>
<h4>My current team and ongoing project to create a search engine of refugee drawings to expose mental health issues in children. For primary use by Terres Des Homme for lobbying, but can extend to fundraising, social media awareness, _insert method here_.</h4>
<img src="img/drawmylife1.png" class="plain" alt="Drawing my refugee child at camp" width="500">
</section>
<section>
<h2>What Tech Can Look Like</h2>
<img src="img/drawmylife2.jpg" class="plain" alt="My Draw My Life team" width="500">
</section>
<section>
<h1>The Last Bit</h1>
<h2>Things I'd Love Everyone To Do More; They're Free</h2>
</section>
<section>
<h2>Be Tech-Curious</h2>
<ul>
<li>Go to one of London's many tech meetups (e.g. <a href="http://www.meetup.com" target="_blank">meetup.com</a>)</li>
<li>Try one of the many free online tutorials to learn a little code and demystify the things you use everyday (e.g. <a href="http://www.codecademy.com" target="_blank">codecademy.com</a> )</li>
<li>Keep up with some articles or blog posts regarding the tech industry (e.g. <a href="http://www.techcrunch.com" target="_blank">techcrunch.com</a>)</li>
</ul>
</section>
<section>
<h2>Get Involved</h2>
<p>Want to get your hands dirty and give yourself some new challenges? Join <a href="http://www.womenhackfornonprofits.com" target="_blank">WHFNP</a> (mostly women only), <a href="http://www.empowerhack.com" target="_blank">EmpowerHack</a> (all genders) or another organisation that supports making great things while you learn.</p>
<p>I am always happy to hear your thoughts and point you in the right direction.</p>
</section>
<section>
<h2>Do Scary Things More (In General)</h2>
<p>A common theme throughout this talk was my journey taking interesting twists and turns everytime I did something out of my comfort zone. Tech industry or not, I encourage you to do the same.</p>
<p>Put your hand up to give a lunch time talk. Start a blog. Give a workshop. Fight "imposter syndrome" and realise everyone has something to learn from each other (including yourself).</p>
</section>
<section>
<h2>Just do it</h2>
<img src="img/slothbball.jpg" class="plain" alt="Sloth say Just Do It" width="400">
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
history: true,
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>