forked from char-siuu-bao/do-a-thon-preview
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
290 lines (252 loc) · 13 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
<!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>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" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
<style type="text/css">
.hidden {display:none;}
</style>
<script type="text/javascript" src="js/jquery.min.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>
<!-- 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>
<!-- Essential META Tags -->
<meta property="og:title" content="OpenCon Do-A-Thon">
<meta property="og:description" content="We invite you to join us for a day of making, collaborating, trying, teaching, designing, testing, and learning in the name of Open Research and Education.">
<meta property="og:image" content="/doathon-dev/images/social.png">
<meta property="og:url" content="https://doathon.opencon2018.org">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@open_con" />
</head>
<body class="landing">
<!-- Header -->
<header id="header">
<h1><a href="#">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">PARTICIPATE</a></li>
</ul>
</nav>
</header>
<!-- Banner Suggesting Others Host (USED WHEN SITE ISN'T BEING USED FOR OPENCON FLAGSHIP -->
<section id="banner">
<H2>HOST A</H2><br><H2>DO-A-THON</H2>
<p>
Do-a-thons are in person or online events focused on gettings things done through open practices, inclusive participation, and thoughtful problem exploration. Co-designed by OpenCon with a global community that's hosted over 10,000 people at 125+ events, virtual and physical, in more than 50 countries and 30 languages.
</p>
<p>
We've done a few now, and we'd love to help you do one too.
</p>
<ul class="actions">
<li>
<a href="mailto:Joe@sparcopen.org?subject=I'm%20interested%20in%20hosting%20a%20Do-a-thon&body=Hi%20Joe%2C%20%0A%0AI'm%20interested%20in%20hosting%20a%20Do-a-thon.%20%3C%3CTell%20us%20about%20little%20bit%20about%20you%20%2F%20your%20ideas%20%2F%20your%20motivation%3E%3E%0A%0ACan%20you%20tell%20me%20about%20bit%20more%20about%20the%20support%20you%20can%20provide%3F%0A%0ABest%20Wishes" class="button big">Find Out More About Hosting</a>
</li>
</ul>
<a name="participate"></a>
<p>or, <a href="participate.html"><u>are you here to find a project?</a></u></p>
</section>
<!-- Banner when site is used for OPENCON FLAGSHIP -->
<!--
<section id="banner">
<h2>DO-A-THON</h2>
<p>
We invite you to join us for a day of making, collaborating, trying, teaching, designing, testing, and learning in the name of Open Research and Education. The official date is November 4, 2018 but you can <strong>start preparing today</strong>. We invite you to <u><a href="#about">learn more about the do-a-thon</a></u>, <u><a href="#how">get to know how it works</a></u>, and <u><a href="#participate">get started with participating</a></u> beforehand.
<p>Joining remotely? Please take a second to <u><strong><a href="http://www.opencon2018.org/opencon_2018_live">RSVP</a></strong></u> so we can get in touch!</p>
</p>
<ul class="actions">
<li>
<a href="#participate" class="button big">Find out more!</a>
</li>
</ul>
<a name="participate"></a>
</section>
-->
<!-- One -->
<!-- HIDE WHILE WE'RE NOT HOSTING
<section id="one" class="wrapper style1 special">
<div class="container">
<header class="major">
<h2>
Participate from wherever you are.
</h2>
</header>
<div class="row 150%">
<div class="4u 12u$(medium)">
<section class="box">
<i class="icon big rounded fa-lightbulb-o"></i>
<p></p>
<h3>
Present a problem or challenge.
</h3>
<p>
Is there a specific issue or problem you want to tackle in Open Research and Education?
</p>
<a href="challenge.html" class="button big"> Submit a challenge </a>
</section>
</div>
<div class="4u 12u$(medium)">
<section class="box">
<i class="icon big rounded fa-github-square"></i>
<p></p>
<h3>
Submit a project to find collaborators.
</h3>
<p>
Have a project or idea already in the works that needs support or collaborators?
</p>
<a href="project.html" class="button big"> Submit a project </a>
</section>
</div>
<div class="4u$ 12u$(medium)">
<section class="box">
<i class="icon big rounded fa-rocket"></i>
<p></p>
<h3>
Contribute your skills and ideas!
</h3>
<p>
Browse challenges and projects put forward by others and see how you can help.
</p>
<a href="participate.html" class="button big"> Participate </a>
</section><a name="about"></a>
</div>
</div>
</div>
</section>
-->
<!--Section Two - What is a do-a-thon?-->
<section id="one" class="wrapper style5 special">
<p></p>
<header class="major">
<p></p>
<h2>
What is a do-a-thon?
</h2>
<p>
Building off the concept of a hackathon, a do-a-thon is a work-sprint where people from different skill sets work together and collaborate on different challenges and projects. <!--For OpenCon 2018’s do-a-thon, we’ll be focusing on building projects and solutions that seek to advance Open Access, Open Education, and Open Data. </p> -->
<p>The do-a-thon has three key goals:
</p>
</header>
<h3>
1. Focus on <i>doing</i>, rather than <i>hacking.</i>
</h3>
<p>
The do-a-thon's focus is on <i>action</i>. You don't need to be a coder or a designer to participate. Use today to work on campaigns, strategy development, policy changes, resource creation, educating, media-based organizing, and more! We want you to get creative with the approaches you take to create a more open system for sharing the world's information.
</p>
<h3>
2. Explore problems deeply and thoughtfully.
</h3>
<p>
We're asking participants to <i>really</i> understand what the hurdles are in an issue before jumping straight to a solution. We're equipping you with exercises that will help you to better understand the systems <!--Open Research and Open Education are being built in -->— as well as the people these problems affect.
</p>
<h3>
3. Encourage collaboration across skillsets. Build solutions together.
</h3><a name="how"></a>
<p>
Amazing things can happen when people with a wide variety of skills and experience come together. We want policy makers to talk to educators, librarians to work with web developers, designers to collaborate with researchers, and everything in between. We're excited to see what happens when folks across disciplines and regions pool together their knowledge to imagine something big.
</p>
</section>
<!-- HIDE WHILE WE'RE NOT HOSTING
<section id="one" class="wrapper style5 special">
<header class="major">
<h2>
How can I participate?
</h2>
<p>
The official do-a-thon date is November 4, 2018, but we're encouraging folks to get started before — and hopefully, carry on projects and collaboration after. Here are a few ways you can get involved and participate:
</p>
</header>
<h3>
1. Anyone can propose a problem to work on.
</h3>
<p>
Is there a big question or challenge you want to tackle in Open Research and Education? Here's a chance to share it with the community and work together on designing a solution. Participants can submit challenges the day of the do-a-thon, but we'd love if folks could submit big questions they want to tackle in advance, too. Find out more about how to submit a challenge <u><a href="challenge.html">here.</a></u>
</p>
<h3>
2. Anyone can propose a project for others to collaborate on and contribute to.
</h3>
<p>
Have a project idea you want to put into action? Or an existing project that needs development or support? The do-a-thon is a great opportunity to receive support and contributions from collaborators around the world. Learn more about how to propose and lead a project <u><a href="project">here.</a></u>
</p>
<h3>
3. Anyone can contribute their skills and ideas to existing challenges and projects.
</h3>
<p>
Participate from wherever you are by contributing to one or more of the do-a-thon projects and challenges submitted. We expect that most of the action will take place on November 4th, but feel free to get in touch with project leads and see how you can help out beforehand! You can explore the growing list of projects and challenges we're working on <u><a href="participate.html">here</a></u>.
</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:joe@sparcopen.org" 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 >
/*]]>*/</script>
-->
<!-- End of opencon Zendesk Widget script -->
</html>