-
Notifications
You must be signed in to change notification settings - Fork 2
/
index-old.html
254 lines (233 loc) · 14 KB
/
index-old.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
<!DOCTYPE html>
<!-- saved from url=(0017)https://arkos.io/ and modified by Asheesh
this is purely a demo! -->
<html class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths" lang="en" style=""><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>arkOS</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://arkos.io/wp-content/themes/sitetheme-arkos/assets/css/bootstrap.css">
<link rel="stylesheet" href="https://arkos.io/wp-content/themes/sitetheme-arkos/assets/css/bootstrap-responsive.css">
<link rel="stylesheet" href="https://arkos.io/wp-content/themes/sitetheme-arkos/assets/css/app.css">
<script type="text/javascript" src="./index_files/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/wp-content/themes/sitetheme-arkos/assets/js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script type="text/javascript" src="./index_files/modernizr-2.6.2.min.js"></script>
<link rel="canonical" href="./index_files/index.html">
<style type="text/css" id="syntaxhighlighteranchor"></style>
<link rel="stylesheet" href="https://arkos.io/wp-content/themes/sitetheme-arkos/assets/css/font-awesome.min.css">
<script type="text/javascript" src="./index_files/main.js"></script>
<script type="text/javascript" src="./index_files/jquery.fitvids.js"></script>
<script type="text/javascript">
$(function () {
$("[rel='tooltip']").tooltip();
});
</script>
<link rel="alternate" type="application/rss+xml" title="arkOS Feed" href="https://arkos.io/feed/">
<link type="text/css" rel="stylesheet" href="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/style.css"><script type="text/javascript" charset="utf-8" src="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/js/page_context.js"></script></head>
<body class="home page" data-spy="scroll" data-target="#sidenav" screen_capture_injected="true">
<div id="wrap">
<!--[if lt IE 7]><div class="alert">Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</div><![endif]-->
<header class="banner navbar navbar-static-top" role="banner" style="display: none;">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="./index_files/index.html">
<img src="./index_files/logo-arkos-white-hd.png">
</a>
<nav class="nav-main nav-collapse" role="navigation">
<ul id="menu-main-menu" class="nav"><li class="dropdown menu-start"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="https://arkos.io/#">Start <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="menu-what-is-arkos"><a href="https://arkos.io/what-is-arkos/">What is arkOS?</a></li>
<li class="menu-free-the-cloud"><a href="https://arkos.io/cloud">Free the Cloud</a></li>
<li class="menu-genesis"><a href="https://arkos.io/genesis/">Genesis</a></li>
</ul>
</li>
<li class="dropdown menu-learn"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="https://arkos.io/#">Learn <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="menu-getting-started"><a href="https://arkos.io/doc/getting-started/">Getting Started</a></li>
<li class="menu-genesis-applications"><a href="https://arkos.io/genesis/plugins">Genesis Applications</a></li>
<li class="menu-packages"><a href="https://arkos.io/doc/packages/">Packages</a></li>
</ul>
</li>
<li class="menu-download"><a href="https://arkos.io/downloads/">Download</a></li>
<li class="menu-discuss"><a href="https://bbs.arkos.io/">Discuss</a></li>
<li class="dropdown menu-develop"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="https://arkos.io/#">Develop <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="menu-contributions"><a href="https://arkos.io/dev/contributions/">Contributions</a></li>
<li class="menu-translations"><a href="https://trax.citizenweb.is/">Translations</a></li>
<li class="menu-roadmap"><a href="https://arkos.io/dev/roadmap">Roadmap</a></li>
<li class="menu-genesis"><a href="https://arkos.io/dev/genesis">Genesis</a></li>
<li class="menu-changelogs"><a href="https://arkos.io/dev/changelogs/">Changelogs</a></li>
</ul>
</li>
<li class="menu-blog"><a href="https://arkos.io/blog/">Blog</a></li>
<li class="menu-donate"><a href="https://donate.citizenweb.is/">Donate</a></li>
<li class="dropdown menu-about"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="https://arkos.io/#">About <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="menu-in-the-media"><a href="https://arkos.io/in-the-media/">In the Media</a></li>
<li class="menu-contact"><a href="https://arkos.io/contact/">Contact</a></li>
<li class="menu-using-irc"><a href="https://arkos.io/irc">Using IRC</a></li>
<li class="menu-2013-funding-campaign"><a href="https://fund.arkos.io/">2013 Funding Campaign</a></li>
<li class="menu-thank-you"><a href="https://arkos.io/thank-you/">Thank You!</a></li>
</ul>
</li>
</ul> </nav>
</div>
</div>
</header>
<div class="wrap" role="document">
<div class="content">
<div class="main" role="main">
<div class="jumbotron masthead">
<div class="container">
<div class="videopane">
<iframe src="./index_files/78115143.html" frameborder="0" height="169" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><br>
<a class="btn btn-large btn-primary" href="https://arkos.io/#" id="acthead">Go back</a>
</div>
<div class="headerpane">
<h1>Your women in CS group can invite people into open source.</h1>
<p class="lead">Schedule a day to teach version control etc. with an Open Source Comes to Campus workshop. We (OpenHatch) will provide you tools, mentorship, and connections to make it happen.</p>
<p> <a class="btn btn-large btn-success" href="#signup" id="actsignup"><i class="icon-facetime-video"></i> Get started</a> <a class="btn btn-large btn-primary" href="#learnmore"><i class="icon-question-sign"></i> Learn more</a>
</p></div>
<p></p></div>
</div>
<div class="bluestripe">
<div class="container">
<div class="row-fluid">
<div class="span4">
<h2>Welcoming. <i class="icon-bolt pull-right"></i></h2>
<p>Open Source Comes to Campus is a curriculum designed for newcomers to open source. We've honed the workshop over three years of practice with 20 student groups, minimizing social, technical, and knowledge dependencies. Now you can run an inviting event like that, too.</p></div>
<div class="span4">
<h2>Easy. <i class="icon-thumbs-up pull-right"></i></h2>
<p>As the organizer of a local event, you'll get all the teaching resources you need: slides, hands-on exercises for students, and more. We'll help you find professional programers to help during the event, and curate "bitesize bugs" so your attendees have a gentle on-ramp into a real open source project.
</p></div>
<div class="span4">
<h2>Practical. <i class="icon-lock pull-right"></i></h2>
<p>Students will rave about the practical skills they'll learn: version control, how to communicate in a big software project, and how open source culture works. They'll gain new connections to professionals active in open source development.
</p></div>
</div>
</div>
</div>
<div class="container">
<h1 id="learnmore" style="text-align: center;">What is Open Source Comes to Campus?</h1>
<div class="span8" style="float: none; margin-left: auto; margin-right: auto;">
<div class="media">
<h1 class="pull-left" style="margin-right: 20px;"><i class="icon-cogs icon-2x"></i></h1>
<div class="media-body">
<h3 class="media-heading">A curriculum built to engage students.</h3>
<p>Open Source Comes to Campus is a day-long, hands-on workshop: in the morning, students learn about version control; the history
of open source; how open source communities communicate on bug trackers, IRC, and mailing lists; and attend a career panel to
understand how open source plays a part in professionals' lives. In the afternoon, students work together with existing open source
projects to make real changes to projects people use.
</p>
</div>
</div>
<div class="homedivide">
<i class="icon-caret-down"></i></div>
<div class="media">
<h1 class="pull-left" style="margin-right: 20px;"><i class="icon-desktop icon-2x"></i></h1>
<div class="media-body">
<h3 class="media-heading">Supported by OpenHatch and the Open Source Initiative</h3>
<p>Two national non-profits in open source, OpenHatch and OSI, fund
and organize these events. That means as a local organizer, you'll be
supported through some of the challenges you'll face: logistics,
finding food sponsors, customizing the content, and more.
</p>
</div>
</div>
<div class="homedivide">
<i class="icon-caret-down"></i></div>
<div class="media">
<h1 class="pull-left" style="margin-right: 20px;"><i class="icon-cloud icon-2x"></i></h1>
<div class="media-body">
<h3 class="media-heading">Free of cost</h3>
<p>The curriculum to Open Source Comes to Campus is available for
free, under an open source-style license. As a non-profit, OpenHatch
relies on donations, so if your student group budget can afford paying
a fee, we would be happy to accept it, but we will not turn you away
if not.</p>
</div>
</div>
<div class="homedivide">
<i class="icon-caret-down"></i></div>
<div class="media">
<h2 class="pull-left" style="margin-right: 20px;"><i class="icon-globe icon-3x"></i></h2>
<div class="media-body">
<h3 class="media-heading">Your student group's best event this year.</h3>
<p>We've tested the curriculum and constantly improved it, over the past 3 years and 20 events. Student computing groups are itching for practical, hands-on activities that deepen their members' knowledge and enable them to be a part of computing culture. Contact us now and let's get the ball rolling!</p>
</div>
<div class="homedivide">
<i class="icon-caret-down"></i></div>
<h3 align="center">Sponsors</h3>
<p align="center"><img src="http://openhatch.org/blog/wp-content/uploads/2013/07/PL_logo_horizontal_RGB_sm.png" style="width: 300px; margin:15px;"> <img src="http://openhatch.org/blog/wp-content/uploads/2013/07/stripe.png" style="width: 300px; margin:15px;"> <img src="http://openhatch.org/blog/wp-content/uploads/2013/07/10gen.png" style="margin:15px;"> <span style="margin:15px;">&</span> <span style="font-size: 400%;">Google</span></p>
</div>
<div class="homedivide">
<i class="icon-caret-down"></i></div>
<div class="media-body">
<h3 id="signup" class="media-heading">Get started.</h3>
<p>Copy and paste this into your email program. Be sure to replace the
ALL_CAPS_WORDS with something relevant to you!</p>
<p><pre style="width: 400px; white-space: pre-wrap; word-wrap: break-word;">
To: hello@openhatch.org
Subject: Let's bring Open Source Comes to Campus to COLLEGE_NAME
Hi there! I'm so excited because I found the Open Source Comes to Campus page for women in CS groups, and I want to help run an event with my club.
My name is: MY_NAME
My college is called: COLLEGE_NAME
I found the website by: HOW_I_FOUND_THIS_SITE
I'm excited about hosting the event because: SOMETHING_THAT_EXCITES_ME
Let's work together and make an event happen!
Sincerely,
MY_NAME
</pre>
</p>
</div>
</div>
</div>
</div>
<div class="bluestripe bottomstripe">
<div class="container">
<div class="row">
<div class="span3">
<h4>Stay in Touch</h4>
<ul>
<li><a href="https://twitter.com/openhatch"><i class="icon-twitter"></i> Twitter</a></li>
<li><a href="https://openhatch/contact/"><i class="icon-twitter"></i> IRC</a></li>
<li><a href="http://lists.openhatch.org/mailman/listinfo/osctc-planning"><i class="icon-envelope"></i> Mailing List</a></li>
</ul>
</div>
<div class="span3">
</div>
<div class="span3 offset3">
<h4>A project of</h4>
<p><a href="https://openhatch.org/"><img src="https://openhatch.org/w/images/thumb/a/a6/Openhatch-logo.png/500px-Openhatch-logo.png" width="200px"></a>
</p></div>
</div>
</div>
</div>
</div><!-- /.main -->
</div><!-- /.content -->
</div><!-- /.wrap -->
<div id="push" style="display:none;"></div>
</div>
<footer class="content-info" role="contentinfo" style="display: none;">
<div class="container">
<span style="font-size: 13px; line-height: 1.3;"><p>© 2013 <a href="https://citizenweb.is/">The CitizenWeb Project</a>. arkOS™, the arkOS Logo, Genesis™ and arkOS CONNECT™ are trademarks of The CitizenWeb Project.<br> Raspberry Pi is a trademark of the <a href="http://www.raspberrypi.org/">Raspberry Pi Foundation.</a> <em>Photo courtesy <a href="https://secure.flickr.com/photos/32716504@N03/">Flickr - SirMo76</a>.</em>
</p>
</span></div>
</footer>
<script type="text/javascript">
var pkBaseURL = (("https:" == document.location.protocol) ? "https://files.citizenweb.is/alg/" : "http://files.citizenweb.is/alg/");
document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
</script><script src="./index_files/piwik.js" type="text/javascript"></script><script type="text/javascript">
try {
var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 2);
piwikTracker.trackPageView();
piwikTracker.enableLinkTracking();
} catch( err ) {}
</script><noscript><p><img src="http://files.citizenweb.is/alg/piwik.php?idsite=2" style="border:0" alt="" /></p></noscript>
<script type="text/javascript" src="./index_files/plugins.js"></script>
<script type="text/javascript" src="./index_files/main.js"></script>
</body></html>