-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
executable file
·352 lines (347 loc) · 21.9 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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>EmpowerHack</title>
<meta name="description" content="Volunteer tech collective for refugee women and girls">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/jquery.fullPage.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Product+Sans' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Cardo" rel="stylesheet">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header id="nav">
<a href="#home" data-menuanchor="home" class="logo">Empower<span>Hack</span></a>
<ul>
<li><a href="#about" data-menuanchor="about">about</a></li>
<li><a href="#hababy" data-menuanchor="hababy">hababy</a></li>
<li><a href="#soulmedicine" data-menuanchor="soulmedicine">soul medicine</a></li>
<li><a href="#drawmylife" data-menuanchor="drawmylife">draw my life</a></li>
<li><a href="#vocapp" data-menuanchor="vocapp">vocapp</a></li>
<li><a href="#rdc" data-menuanchor="rdc">rdc</a></li>
<!--<li><a href="#signup" data-menuanchor="signup">join</a></li>-->
<li><a href="press.html">press</a></li>
</ul>
</header>
<div id="content">
<div class="section home active fp-auto-height-responsive">
<div class="hero">
EmpowerHack is a global volunteer design and technology collective focused on creating sustainable humanitarian technology for women and girls. We are currently on hiatus.
</div>
</div>
<div class="section about fp-auto-height-responsive">
<div class="content-wrap">
<span class="title">
About us
</span>
<p>
In 2016 we are focused on women and child refugees. Despite up to 80% of world’s refugees being women and children, the problems faced by them are never at the forefront. EmpowerHack was born to change just that by taking collaborative design to scale with our collaborative incubator, powered by a network of tech-for-good partners.
</p>
<p>
Our four current design areas are health, child refugee rights, open access to education, and the Refugee Design Council.
</p>
<p>
<a href="mailto:[email protected]">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope fa-stack-1x"></i>
</span>
</a>
<a href="http://www.facebook.com/empowerhack" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-facebook fa-stack-1x"></i>
</span>
</a>
<a href="http://twitter.com/empowerhack" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-twitter fa-stack-1x"></i>
</span>
</a>
<a href="http://eepurl.com/bGow-L" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-feed fa-stack-1x"></i>
</span>
</a>
</p>
</div>
</div>
<div class="section hababy fp-auto-height-responsive">
<div class="slide slide1">
<div class="big-title">Hababy</div>
<div class="subtitle">Helping pregnant refugee women on the go</div>
<div class="field flip">
<span class="f">Reproductive Health</span>
<div class="social-media">
<a href="https://twitter.com/hashtag/HaBaby" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-twitter fa-stack-1x"></i>
</span>
</a>
<a href="https://github.com/empowerhack/hababy" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-github fa-stack-1x"></i>
</span>
</a>
<a href="mailto:[email protected]" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope-o fa-stack-1x"></i>
</span>
</a>
</div>
</div>
<div class="title">
</div>
</div>
<div class="slide slide2">
<div class="project-content">
<p style="font-weight: bold">
Hababy is a prototype aimed at helping pregnant refugee women identify the top five red-flags of a pregnancy at risk and improve communications between medical personnel and the pregnant women they support.
</p>
<p>
Hababy has the potential to rapidly access women that need help under a intransit/refugee camp context. The project is exploring how lightweight information, such as quick identification of life-threatening pregnancy symptoms, a patient-owned health record and timely resources for medical professionals, can improve care. We are currently exploring how Hababy can bring a standardised approach to antenatal care for pregnant women in refugee camps.
</p>
<p>
This project is working with several partners including the Muslim Doctors Association.
</p>
<div class="social-media">
<a href="https://twitter.com/hashtag/HaBaby" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-twitter fa-stack-1x"></i>
</span>
</a>
<a href="https://github.com/empowerhack/Hababy-App" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-github fa-stack-1x"></i>
</span>
</a>
<a href="mailto:[email protected]" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope-o fa-stack-1x"></i>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="section soulmedicine fp-auto-height-responsive">
<div class="slide slide1">
<div class="big-title">Soul Medicine</div>
<div class="field flip">
<span class="f">Mental Health / Education</span>
<div class="social-media">
<a href="https://github.com/empowerhack/SoulMedicine" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-github fa-stack-1x"></i>
</span>
</a>
<a href="mailto:[email protected]" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope-o fa-stack-1x"></i>
</span>
</a>
</div>
</div>
<div class="title">
</div>
</div>
<div class="slide slide2">
<div class="project-content">
<p style="font-weight: bold">
Soul Medicine is a mental well-being programme designed to reduce loneliness and depression by sending crowdsourced feel-good knowledge courses and quotes.
</p>
<p>
Soul Medicine is a crowdsourced SMS microeducation platform designed to overcome barriers to traditional learning environments. We crowdsource community-led content for short, engaging microcourses over SMS in multiple languages. Our goal is to create a self-sustaining vibrant community around “conversational education” with the tools that enable personal learning and build connections for psychosocial support and inclusion. We are currently open to both learners and volunteer educators interested in helping us test and improve Soul Medicine, with a closed pilot in human biology, launching October 2016.
</p>
<div class="social-media">
<a href="https://github.com/empowerhack/SoulMedicine" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-github fa-stack-1x"></i>
</span>
</a>
<a href="mailto:[email protected]" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope-o fa-stack-1x"></i>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="section drawmylife fp-auto-height-responsive">
<div class="slide slide1">
<div class="big-title">Draw My Life</div>
<div class="subtitle">Supporting the rights of refugee children</div>
<div class="field flip">
<span class="f">Child Refugees</span>
<div class="social-media">
<a href="https://github.com/empowerhack/DrawMyLife-Service" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-github fa-stack-1x"></i>
</span>
</a>
<a href="mailto:[email protected]" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope-o fa-stack-1x"></i>
</span>
</a>
</div>
</div>
<div class="title">
</div>
</div>
<div class="slide slide2">
<div class="project-content">
<p style="font-weight: bold">
How can the humanitarian community strengthen and understand the voice of child refugees? Draw My Life is inspired by how childrens’ art therapy in the field can become a basis for better data around the needs and experience of refugee children.
</p>
<p>
Draw My Life provides a set of tools for field workers, the humanitarian community, and the public to understand, visualise and share the experience of refugee children. We are developing a web-based tool for field workers to easily and safely share child artwork and important, anonymised contextual data. This fall, Draw My Life will be partnering with child protection organisations like Terre Des Hommes and the Humanitarian Data Exchange (HDX) to create the first data set of its kind to be contributed to the world’s largest repository for open humanitarian data as a call to action for both humanitarian organisations in the field to work together with the technology and data community to connect, visualise and amplify what we can learn from children and how to support their wellbeing and rights across the journey of migration.
</p>
<p>
This project is in partnership with: Terre Des Hommes, Novi Sad Humanitarian Centre (NSHC), Destination Unknown, Humanitarian Data Exchange (UN Office for the Coordination of Humanitarian Affairs) and Women Hack for Non-Profits.
</p>
<div class="social-media">
<a href="https://github.com/empowerhack/DrawMyLife-Service" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-github fa-stack-1x"></i>
</span>
</a>
<a href="mailto:[email protected]" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope-o fa-stack-1x"></i>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="section vocapp fp-auto-height-responsive">
<div class="slide slide1">
<div class="big-title">VocApp</div>
<div class="field flip">
<span class="f">Higher Education</span>
<div class="social-media">
<a href="https://github.com/empowerhack/vocapp" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-github fa-stack-1x"></i>
</span>
</a>
<a href="mailto:[email protected]" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope-o fa-stack-1x"></i>
</span>
</a>
</div>
</div>
<div class="title">
</div>
</div>
<div class="slide slide2">
<div class="project-content">
<p style="font-weight: bold">
VocApp an exciting new initiative with the Jamiya Project, which brings together higher education for Syrian refugees taught by Syrian academics in exile.
</p>
<p>
VocApp is a web and mobile platform where technical language for applied higher education, culturally effective learning methods, and social elements mix. Vocapp provides collaborative technical language support for students starting new courses in a second language in Europe and provides a mentoring discussion board to allow Syrian refugee students across Europe to ask questions and share common challenges in transition from learning in Arabic to a second language, monitored and contributed to by Syrian domain-experts.
</p>
<p>
This project is in partnership with the Jamiya Project.
</p>
<div class="social-media">
<a href="https://github.com/empowerhack/vocapp" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-github fa-stack-1x"></i>
</span>
</a>
<a href="mailto:[email protected]" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope-o fa-stack-1x"></i>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="section rdc fp-auto-height-responsive">
<div class="slide slide1">
<div class="big-title">Refugee Design Council</div>
<div class="field flip">
<span class="f">User / Community Centered Design</span>
<div class="social-media">
<a href="mailto:[email protected]" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope-o fa-stack-1x"></i>
</span>
</a>
</div>
</div>
<div class="title">
</div>
</div>
<div class="slide slide2">
<div class="project-content">
<p style="font-weight: bold">
The Refugee Design Council is an exciting new refugee-led initiative to support technology-for-good communities to collaborate with refugee communities to design technologies in response to the refugee crisis.
</p>
<p>
Its role is to highlight the challenges faced by refugees and to create solutions using technology. It has three aims:
</p>
<ul>
<li>
Engage the refugee committee to support and improve current refugee-technology projects
</li>
<li>
Curate and share other technology projects worldwide that work for refugees and their communities
</li>
<li>
Share the stories behind the people and experiences of what it’s like to be a part of designing technology, and not just using it, to encourage more inclusivity and diversity in technology
</li>
</ul>
<div class="social-media">
<a href="mailto:[email protected]" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope-o fa-stack-1x"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="js/main.js"></script>
<script src="js/vendor/scrolloverflow.min.js"></script>
<script src="js/vendor/jquery.fullPage.js"></script>
</body>
</html>