forked from char-siuu-bao/do-a-thon-preview
/
github-help.html
177 lines (146 loc) · 9.37 KB
/
github-help.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>Github Help - 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" />
<!-- Essential META Tags -->
<meta property="og:title" content="OpenCon Do-A-Thon">
<meta property="og:description" content="Get a hand using OpenCon for the OpenCon Do-A-Thon">
<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" />
<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">PARTICIPATE</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<section id="one" class="wrapper style5 special">
<p></p>
<header class="major">
<p></p>
<h2>Need a hand with Github?</h2>
<p>
Github is a platform for open, collaborative working: we'll be using it as a space to manage and discuss do-a-thon projects and challenges. Github can be a bit scary at first glance — but we’ve made instructions for using it to be as easy as possible!
</p>
<p>
The instructions below should help, but if you need more don't hesitate to contact <u><a href="mailto:joe@sparcopen.org">joe@sparcopen.org</a></u> with your questions.
</p>
<p>
Here is how you use Github 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>. If you're a project or challenge lead, we'll email you instrutions after you submit!
</p>
</header>
</section>
<section id="two" class="wrapper style6 special">
<h2 style="text-align:center;">What you need to know</h2>
<p>
Github is a big place, but for the Do-A-Thon, you're only going to need to use a small part. We'll use "Github Issues" to serve as an open discussion list and list projects and challenges the community is working on. By using this website, and reading the instructions, you'll feel like a pro in no time.
</p>
<h2 style="text-align:center;">How to sign up</h2>
<p>
If you don't already have an account, 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)! Although Github says it's "for developers" in reality people with lots of different backgrounds use it!
</p>
<a name="notifications"></a>
<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="contributing"></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>
<!-- 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>