forked from char-siuu-bao/do-a-thon-preview
-
Notifications
You must be signed in to change notification settings - Fork 1
/
host-your-own.html
177 lines (154 loc) · 8.56 KB
/
host-your-own.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
<!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>
<!--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.
<p>A 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>
<!-- Banner when site is used for OPENCON FLAGSHIP -->
<!-- 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 onload="document._l();">'),o.close()}();
/*]]>*/</script>
-->
<!-- End of opencon Zendesk Widget script -->
</html>