forked from char-siuu-bao/do-a-thon-preview
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathparticipate.html
405 lines (354 loc) · 20.3 KB
/
participate.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
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
<!DOCTYPE html>
<!--
Transit by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Participate - OpenCon Do-A-Thon</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="icon" type="image/x-icon" href="/doathon-dev/images/favicon.ico" />
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<!-- Essential META Tags -->
<meta property="og:title" content="OpenCon Do-A-Thon">
<meta property="og:description" content="Help advance open research and education. Participate from wherever you are by contributing to a do-a-thon project or challenge.">
<meta property="og:image" content="/doathon-dev/images/social.png">
<meta property="og:url" content="https://doathon.opencon2018.org/participate">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@open_con" />
<style type="text/css">
.hidden {display:none;}
</style>
<script type="text/javascript" src="/scripts/jquery.js"></script>
<script type="text/javascript">
$('html').addClass('hidden');
$(document).ready(function() { // EDIT: From Adam Zerner's comment below: Rather use load: $(window).on('load', function () {...});
$('html').show(); // EDIT: Can also use $('html').removeClass('hidden');
});
</script>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-61115389-4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-61115389-4');
</script>
</head>
<body>
<body class="landing">
<!-- Header -->
<header id="header">
<h1><a href="index.html">OPENCON DO-A-THON</a></h1>
<nav id="nav">
<ul>
<!-- <li><a href="challenge.html">SUBMIT CHALLENGE</a></li> -->
<!-- <li><a href="project.html">SUBMIT PROJECT</a></li> -->
<li><a href="participate.html"><u>PARTICIPATE</u></a></li>
</ul>
</nav>
</header>
<!-- Main -->
<section id="one" class="wrapper style5 special">
<p></p>
<header class="major">
<p></p>
<h3>OpenCon 2018 may be over, but the projects aren't. You can still get involved...</h3>
<h2>Browse all <u><a href="#projects">projects</a></u> and <u><a href="#challenges">challenges.</a></u></h2>
<p>Participate from wherever you are by contributing to a do-a-thon project or challenge. You can also browse according to: <u><a href="#issue">issue area</a></u>, <u><a href="#region">region</a></u>, or <u><a href="#needs">skills needed</a></u>.</p>
<p><strong>Projects</strong> are ideas that are being put into action and need specific types of contributions. Project leads will specify what kinds of support, skills, and contributions they are looking for in their project Github thread.</p>
<p><strong>Challenges</strong> are broader problems that don't yet have a concrete idea proposed on how to solve them. Groups working on challenges will work together to deeply understand a problem, the system that problem operates in, and who it affects, before diving into designing a solution. Proposed solutions to challenges can eventually turn into projects.</p>
<p>Once you've found a challenge or project you're excited about, it's time to get involved! Make sure you know how to <u><a href="#contributing">contribute</a></u>, <u><a href="#notifications">stay up to date</a></u> and <u><a href="#support">be supportive</a></u> before getting started.</p>
</header>
</div>
</section>
<a name="projects"></a>
<section id="three" class="wrapper style5 special">
<h3> Projects</h3>
<p>Tip: Clicking on the "Help Needed" column will lead you to a discussion thread with more information about the type of support the project needs, and instructions on how you can contribute! See which projects have been most recently updated <u><a href="https://github.com/sparcopen/doathon/issues?q=is%3Aissue+is%3Aopen+%23Project+sort%3Aupdated-desc" target="_blank">here.</a></u></p>
<table width=100%>
<thead>
<th>Project Name</th>
<th>What's this project all about?</th>
<th>Help Needed </th>
</thead>
<!-- This API is powered by "Do-A-Thon Project API" sheet. That might fail if we get a huge number of hits, and so there is a backup called "Back up Do-A-Thon Project API" with the api /v1.0bu/45d053d3d431-->
<tbody sheetsu="https://sheetsu.com/apis/v1.0/fa8925c0663c" sheetsu-limit="50">
<tr>
<td><strong>{{Project Name}}</strong></td>
<td>{{Project Summary}}</td>
<td><a href="{{Github Link}}" target="_blank">{{What aspects of the project need support during the do-a-thon? }}</a></td>
</tr>
</tbody>
</table>
<script src="//load.sheetsu.com"></script>
<p>Unless requested, projects submitted in prevous years aren't listed above, but can be found <u><a href="https://github.com/sparcopen/doathon/issues?q=is%3Aopen+is%3Aissue+label%3A%222.+Project%22+label%3A%223.+2017%22" target="_blank">here</a></u>.</p>
<a name="challenges"></a>
<p></p>
<p></p>
<h3> Challenges</h3>
<p>What problems are our community members trying to address today? Explore them below! Clicking on each 'challenge' will lead to a longer discussion thread about the topic. Or jump directly to our Github page to <u><a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23challenge%20sort%3Aupdated-desc%20" target="_blank">see what challenges have been most recently updated.</a></u></p>
<table width=100%>
<thead>
<th>What are we trying to solve?</th>
</thead>
<!-- This API is powered by "Do-A-Thon Challenge API" sheet. That might fail if we get a huge number of hits, and so there is a backup called "Back up Do-A-Thon Challenge API" with the api /apis/v1.0bu/2d4a76f436b9-->
<tbody sheetsu="https://sheetsu.com/apis/v1.0bu/772afdce9ac6" sheetsu-limit="50">
<tr>
<td><a href="{{Github Link}}" target="_blank">{{Problem Statement}}</a></td>
</tr>
</tbody>
</table>
<p>Unless requested, challenges submitted in previous years aren't listed above, but can be found <u><a href="https://github.com/sparcopen/doathon/issues?q=is%3Aopen+is%3Aissue+label%3A%223.+2017%22+label%3A%222.+Challenge%22" target="_blank">here</a></u>.</p>
</div>
<a name="issue"></a> <a name="contributing"></a>
</section>
<section id="two" class="wrapper style6 special">
<h2 style="text-align:center;">How to find a project and stay up to date</h2>
<p>
On this page you can find lots of different ways to find something to get involved with. Once you find something, we'll take you to Github. The page you land on is a bit scary, but all you need to worry about is clicking on a topic that interests you. Then you'll be able to get involved.
If you're not ready to get involved yet, but want to get updates on what happens, subscribe for notifications over email. There is a button on the sidebar for this when you're signed in!</p>
<img src="/doathon-dev/images/find.gif" height="70%" width="70%" />
<a name="notifications"></a>
<p></p>
<hr>
<p></p>
<h2 style="text-align:center;">How to contribute</h2>
<p>
Github is a platform for open source, collaborative working. We'll be using it as a space to work together on do-a-thon projects and challenges. Specifically, we are doing this through Github "issues". Each issue will act as a mini discussion thread for each project or challenge people are working on. If you don't already have one, you'll need to <a href="https://www.github.com/join"><u>create a Github account</u></a>. It only takes 5 minutes (top tips: try and use your name as your username, you only need the free plan, and you can skip step 3)! </p>
<p>After that, getting involved is as easy as posting a comment on the project or challenge you've chosen. You can explore projects and challenges right on this page. In your comments you can paste an image, make a link to Gdoc to flesh something out, anything. Just remember to bring it all back to the issue regularly to keep people up to date.</p><p>After you've commented once, you can keep up to date from your inbox automatically!</p>
<img src="/doathon-dev/images/contribute.gif" height="70%" width="70%" />
<a name="support"></a>
<p></p>
<hr>
<p></p>
<h2 style="text-align:center;">Be supportive and respectful</h2>
<p>
Doing activism is hard work, but knowing the community cares can get you a long way. Leave a comment saying you love someones idea or work, leave a smily face reaction, or share their idea on Twitter. It all helps. Finally, remember that all do-a-thon participants must comply with <u><a href="http://www.opencon2018.org/code_of_conduct">OpenCon's Code of Conduct</a></u> — which does not tolerate discrimination or harassment.</p>
<img src="/doathon-dev/images/support.gif" height="70%" width="70%" />
</section>
<section id="one" class="wrapper style1 special">
<div class="container">
<header class="major">
<h2>Browse by issue area</h2>
</header>
<div class="row 150%">
<section class="3u 6u(medium)">
<section class="box">
<h3>Open Access</h3>
<p> </p>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23OpenAccess%20" target="_blank" class="button big">Explore </a>
</section>
</section>
<section class="3u 6u(medium)">
<section class="box">
<!-- NOTE: could use sparc site issue images for this? -->
<h3>Open Education</h3>
<p> </p>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23OpenEducation" target="_blank" class="button big"> Explore</a>
</section>
</section>
<section class="3u 6u(medium)">
<section class="box">
<h3>Open Data</h3>
<p> </p>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23OpenData" target="_blank" class="button big"> Explore </a><a name="needs"></a>
</section>
</section>
<section class="3u 6u(medium)">
<section class="box">
<h3>Open Research</h3>
<p> </p>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23OpenResearch" target="_blank" class="button big"> Explore </a>
</section>
</section>
</div>
</div>
</div>
</section>
<section id="two" class="wrapper style1 special">
<div class="container">
<header class="major">
<h2>Browse by contributions needed</h2>
</header>
<div class="row 150%">
<div class="4u 12u$(medium)">
<section class="box">
<!-- <i class="icon big rounded fa-line-chart"></i>
<p></p> -->
<h3>Research</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23Research" target="_blank" class="button big"> Contribute </a>
</section>
</div>
<div class="4u 12u$(medium)">
<section class="box">
<!-- <i class="icon big rounded fa-line-chart"></i>
<p></p> -->
<h3>Policy & Advocacy</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23Advocacy_and_Policy" target="_blank" class="button big"> Contribute </a>
</section>
</div>
<div class="4u 12u$(medium)">
<section class="box">
<!-- <i class="icon big rounded fa-line-chart"></i>
<p></p> -->
<h3>Design</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23GraphicDesign" target="_blank" class="button big"> Contribute </a>
</section>
</div>
<div class="4u 12u$(medium)">
<section class="box">
<!-- <i class="icon big rounded fa-line-chart"></i>
<p></p> -->
<h3>Communications</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23Communications" target="_blank" class="button big"> Contribute </a>
</section>
</div>
<div class="4u 12u$(medium)">
<section class="box">
<!-- <i class="icon big rounded fa-code"></i>
<p></p> -->
<h3>Coding</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23Coding" target="_blank" class="button big"> Contribute</a>
</section>
</div>
<div class="4u 12u$(medium)">
<section class="box">
<!-- <i class="icon big rounded fa-code"></i>
<p></p> -->
<h3>Fundraising</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23Fundraising" target="_blank" class="button big"> Contribute</a>
</section>
</div>
<div class="4u 12u$(medium)">
<section class="box">
<!-- <i class="icon big rounded fa-code"></i>
<p></p> -->
<h3>Event Planning</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23EventPlanning" target="_blank" class="button big"> Contribute</a>
</section>
</div>
<div class="4u$ 12u$(medium)">
<section class="box">
<!-- <i class="icon big rounded fa-pencil"></i>
<p></p> -->
<h3>Community Organizing</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23Community_GrassrootsOrganizing" target="_blank" class="button big"> Contribute </a>
</section>
</div>
</div><a name="region"></a>
</div>
</section>
<!-- NOTE: The links below will need to be updated for live -->
<section id="three" class="wrapper style1 special">
<div class="container">
<header class="major">
<h2>Browse by region</h2>
</header>
<div class="row 150%">
<div class="4u 12u$(medium)">
<section class="box">
<img src="/doathon-dev/images/LatAm_icon.png" height="40%" width="40%">
<h3>Latin America & the Caribbean</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23LatinAmerica_and_Caribbean%20" target="_blank" class="button big"> Explore </a>
</section>
</div>
<div class="4u 12u$(medium)">
<section class="box">
<img src="/doathon-dev/images/Africa_icon.png" height="40%" width="40%">
<h3>Africa</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23Africa%20" target="_blank" class="button big"> Explore</a>
</section>
</div>
<div class="4u$ 12u$(medium)">
<section class="box">
<img src="/doathon-dev/images/Asia_icon.png" height="40%" width="40%">
<h3>Asia</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23Asia%20" target="_blank" class="button big"> Explore </a>
</section>
</div>
</div>
<div class="row 150%">
<div class="4u 12u$(medium)">
<section class="box">
<img src="/doathon-dev/images/NA_icon.png" height="40%" width="40%">
<h3>Northern America</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23NorthernAmerica" target="_blank" class="button big"> Explore </a>
</section>
</div>
<div class="4u 12u$(medium)">
<section class="box">
<img src="/doathon-dev/images/Europe_icon.png" height="40%" width="40%">
<h3>Europe</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23Europe%20" target="_blank" class="button big"> Explore</a>
</section>
</div>
<div class="4u$ 12u$(medium)">
<section class="box">
<img src="/doathon-dev/images/global_icon.png" height="40%" width="40%">
<h3>Global Projects</h3>
<a href="https://github.com/sparcopen/doathon/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20%23global" target="_blank" class="button big"> Explore </a>
</section>
</div>
</div>
</div>
</section>
<br>
<p></p>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<section class="links">
<div class="row">
<section class="3u 6u(medium) 12u$(small)">
<h3>About</h3>
<ul class="unstyled">
<li><a href="https://www.opencon2018.org/" target="_blank">OpenCon Main Site</a></li>
<li><a href="https://www.opencon2018.org/code_of_conduct" target="_blank">Our Code of Conduct</a></li>
<li><a href="mailto:[email protected]" target="_blank">Feedback</a></li>
<li><a href="github-help.html" target="_blank">Github Help</a></li>
<li><a href="host-your-own.html" target="_blank">Host your own Do-a-thon</a></li>
</ul>
</section>
</div>
</section>
<div class="row">
<div class="8u 12u$(medium)">
<ul class="copyright">
<li>Except where otherwise noted, content on this site is licensed under a <u><a href="https://creativecommons.org/licenses/by/4.0/" target="_blank">
CC-BY 4.0 International License</a></u>. Web Design template from <u><a href="http://templated.co" target="_blank">TEMPLATED</a></u>. Thanks to <u><a href="https://mozilla.github.io/global-sprint/" target="_blank">Mozilla Science & the Global Sprint</a></u> for inspiration in designing to Do-a-thon. Contributions and edits to this page are welcomed on <u><a href="https://github.com/sparcopen/doathon-dev/#doathon-development-site" target="_blank">Github</a></u>.</li>
</ul>
</div>
<div class="4u$ 12u$(medium)">
<ul class="icons">
<li>
<a class="icon rounded fa-facebook" href="https://www.facebook.com/openconglobal" target="_blank"><span class="label">Facebook</span></a>
</li>
<li>
<a class="icon rounded fa-twitter" href="https://twitter.com/open_con" target="_blank"><span class="label">Twitter</span></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<!-- Start of opencon Zendesk Widget script -->
<!-- Zendesk Widget, now retired for OpenCon sites. Leaving here as a reminder of mechanisms we used.
<script>/*<![CDATA[*/window.zEmbed||function(e,t){var n,o,d,i,s,a=[],r=document.createElement("iframe");window.zEmbed=function(){a.push(arguments)},window.zE=window.zE||window.zEmbed,r.src="javascript:false",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="display: none",d=document.getElementsByTagName("script"),d=d[d.length-1],d.parentNode.insertBefore(r,d),i=r.contentWindow,s=i.document;try{o=s}catch(e){n=document.domain,r.src='javascript:var d=document.open();d.domain="'+n+'";void(0);',o=s}o.open()._l=function(){var e=this.createElement("script");n&&(this.domain=n),e.id="js-iframe-async",e.src="https://assets.zendesk.com/embeddable_framework/main.js",this.t=+new Date,this.zendeskHost="opencon.zendesk.com",this.zEQueue=a,this.body.appendChild(e)},o.write('<body onload="document._l();">'),o.close()}();
/*]]>*/</script>
-->
<!-- End of opencon Zendesk Widget script -->
</html>