-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathorganizations.html
267 lines (226 loc) · 11.6 KB
/
organizations.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Random Hacks of Kindness</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" />
<!-- Squad theme CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="color/default.css" rel="stylesheet">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<!-- Preloader -->
<div id="preloader">
<div id="load"></div>
</div>
<!-- Section: about -->
<section id="about" class="home-section text-center">
<div class="heading-about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<img src="img/rsz_logo.png" style="margin-bottom: 2em">
<hr class="marginbot-30">
<h3>Are you a part of an organization that’s doing good in the community? Are you facing challenges that could benefit from a technical solution? Are you interested in meeting and working with talented,creative individuals who want to work on social impact projects?</h3>
<p>Random Hacks of Kindness (RHOK) Ottawa can help! The 4th annual RHOK Ottawa hackathon is being held on June 5th to 7th Kivuto (126 York Street) and we want to work with you! </p>
<i class="fa fa-2x fa-angle-down"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-2 col-lg-offset-5">
<hr class="marginbot-50">
</div>
</div>
<section>
<div class="main-content container">
<div class="row">
<div class="col-xs-12 col-md-6">
<h4>What is RHOK?</h4>
<p>RHOK Ottawa is part of a global movement that organizes hackathons that bring together problem solvers, creative thinkers, and technologists for a weekend to bring technology solutions to challenges faced by charities, not-for-profits, and civic organizations. Over the course of a weekend, teams of volunteers bring their creative, technical, and problem-solving know-how to tackle and solve several of these challenges. </p>
<ul>
<li>For example: in 2013 a team worked with Amnesty International to work on building a platform to collect petitions on mobile devices. </li>
<li>Another team worked with Ladies Learning Code to build a job board for people who had participated in their technology skills workshops. </li>
</ul>
</div>
<div class="col-xs-12 col-md-6">
<p><strong>Random Hacks of Kindness Ottawa is currently looking for organizations who are interested in participating in our event.</strong></p>
<p>Have an idea but don’t know where to start? Don’t worry...our organizing committee has lots of experience helping organizations find, define and prepare an idea for the hackathon. Here's what makes a good project:</p>
<ul>
<li>Size (of the idea) matters: it has to be a big enough to allow the group to come up with a creative solution , but small enough to make lots of progress towards a solution over just one weekend.</li>
<li>Good for one, good for all: the weekend’s work that goes into developing a solution to your challenge will be released under an open source or creative commons license.</li>
<li>Work hard, have fun, feel good: the intended atmosphere of the event is to work hard, have fun and deliver something tangible (prototype, concept, design) by the end of the weekend.</li>
</ul>
</div>
</div>
</div>
</section>
<div class="heading-projects">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h3>Some RHOK Ottawa projects from 2014.</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-2 col-lg-offset-5">
<hr class="marginbot-50">
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="wow bounceInUp" data-wow-delay="0.5s">
<div class="team">
<div class="inner">
<h5>Ladies Learning Code</h5>
<p class="subtitle">Income Generating Job Board</p>
<div class="avatar"><a href="https://github.com/ESWAT/llc-jobboard"><img width="370" height="250" src="img/projects/logo-ladies-learning-code.png" alt="logo ladies learning code"></a></div>
<p style="text-align:left">Working with Ladies Learning Code (LLC), a non-profit that hosts workshops that teaches women programing and other technical skills, we built a job board for past event participants. The project was a true success and LLC still using it today! <br>Check it what it looks like here: <a href="http://jobs.ladieslearningcode.com/">http://jobs.ladieslearningcode.com/</a>. <br>The source code is freely available for anyone else to use here: <a href="https://github.com/ESWAT/llc-jobboard">github.com/ESWAT/llc-jobboard</a></p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="wow bounceInUp" data-wow-delay="0.2s">
<div class="team">
<div class="inner">
<h5>Amnesty International</h5>
<p class="subtitle">Data Driven Petition Application</p>
<div class="avatar"><a href="http://www.hickory.ca/pages/detail.html?project=Campaigner"><img width="370" height="250" src="img/projects/logo-amnesty.gif" alt="logo-amnesty" /></a></div>
<p style="text-align:left">Petitions are a great tactic, but there's some crucial functionality - and fun - lost in the switch from paper to digital. The Petition App will help activists search existing e-petitions, create new petitions, collect signatures, and submit petitions to Amnesty International. More information is about the project is available <a href="http://www.hickory.ca/pages/detail.html?project=Campaigner">here</a></p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="wow bounceInUp" data-wow-delay="0.8s">
<div class="team">
<div class="inner">
<h5>OxFam</h5>
<p class="subtitle">User Generated Debate Platform</p>
<div class="avatar"><a href="http://www.oxfam.ca/news/up-for-debate"><img width="370" height="250" src="img/projects/oxfam.png" alt="Oxfam"></a></div>
<p style="text-align:left">We also worked with Oxfam Canada, helping them develop a concept (Up for Debate) that was launched later that year: Synopsis of the project: women in Canada have questions and Up for Debate challenges Canada’s political leaders to answer them. Help build a Canada that makes women's lives better in Canada and around the world: <a href="http://www.oxfam.ca/news/up-for-debate">oxfam.ca/news/up-for-debate</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: about -->
<!-- Section: contact -->
<section id="contact" class="home-section text-center">
<div class="heading-contact">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h2>Have we piqued your interest?</h2>
<h3>Do you want us to help you with your challenge? <br>Here’s all we need:</h3>
<p>Commitment: to be successful, we need a committed stakeholder from your organization to participate in the event. This individual plays a critical role in the hackathon, helping participants understand the context and environment in which organization operates.. The good news is that it doesn’t have to be the same person, and more than one individual is more than welcome!</p>
<p><strong>We would love to work with you! Get in touch by sending us an email: <a href="mailto:[email protected]">[email protected]</a>.</strong></p>
<i class="fa fa-2x fa-angle-down"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: contact -->
<!-- Section: services -->
<section id="service" style="margin-top:20px;" class="text-center">
<div class="heading-about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h2>None of this would be possible without our awesome sponsors.</h2>
<h3>Interested in sponsoring us? <br><a href="mailto:[email protected]">[email protected]</a></h3>
<i class="fa fa-2x fa-angle-down"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-2 col-lg-offset-5">
<hr class="marginbot-50">
</div>
</div>
<div class="row">
<ul class="col-sm-12 sponsorlist">
<li>
<a target="_blank" href="http://www.kivuto.com/"><img src="img/sponsor-logos/kvt-registered.png" alt="Kivuto"></a>
</li>
<!-- <li>
<a target="_blank" href="http://www.thewhalesbone.com/"><img width="500" height="218" src="img/sponsor-logos/whalesbone_logo.png" alt="whalesbone_logo"></a>
</li>
<li>
<a target="_blank" href="http://www.lonestartexasgrill.com/"><img width="284" height="158" src="img/sponsor-logos/lonestar.png" alt="lonestar"></a>
</li> -->
<li>
<a target="_blank" href="http://shopify.com"><img width="265" height="80" src="img/sponsor-logos/shopify.png" alt="shopify"></a>
</li>
<li>
<a target="_blank" href="http://www.bv02.com/"><img width="204" height="80" src="img/sponsor-logos/bv02.png" alt="bv02"></a>
</li>
<!-- <li><img width="240" height="160" src="img/sponsor-logos/labottega.png" alt="labottega"></li> -->
<!-- <li>
<a target="_blank" href="http://www.twelvedot.com/Home.html"><img width="160" height="160" src="img/sponsor-logos/12labs.gif" alt="12labs"></a>
</li> -->
<!-- <li>
<a target="_blank" href="http://www.beaus.ca/"><img width="171" height="160" src="img/sponsor-logos/beaus.png" alt="beaus"></a>
</li> -->
<!-- <li>
<a target="_blank" href="http://thinklunch.ca/"><img width="140" height="140" src="img/sponsor-logos/lunch.png" alt="lunch"></a>
</li> -->
<!-- <li>
<a target="_blank" href="http://www.fishmarket.ca/"><img width="219" height="145" src="img/sponsor-logos/fishmarket.png" alt="fishmarket"></a>
</li> -->
</ul>
</div>
</div>
</section>
<!-- /Section: services -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-12">
<p>Random Hacks of Kindness Ottawa. <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
</footer>
<!-- Core JavaScript Files -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/wow.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/custom.js"></script>
</body>
</html>