-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
adding fouc fix, github / issue help & nicer social
- Loading branch information
1 parent
1f38a6d
commit 4af286a
Showing
6 changed files
with
263 additions
and
115 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,169 @@ | ||
| <!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 2017 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="/images/favicon.ico" /> | ||
| <!-- Essential META Tags --> | ||
|
|
||
| <meta property="og:title" content="OpenCon 2017 Do-A-Thon"> | ||
| <meta property="og:description" content="Get a hand using OpenCon for the OpenCon Do-A-Thon"> | ||
| <meta property="og:image" content="/images/social.png"> | ||
| <meta property="og:url" content="http://doathon.opencon2017.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="/">OPENCON DO-A-THON</a></h1> | ||
| <nav id="nav"> | ||
| <ul> | ||
| <li><a href="challenge">SUBMIT CHALLENGE</a></li> | ||
| <li><a href="project">SUBMIT PROJECT</a></li> | ||
| <li><a href="participate"><u>PARTICIPATE</u></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:lorraine@sparcopen.org">lorraine@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="/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="/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.opencon2017.org/code_of_conduct">OpenCon's Code of Conduct</a></u> — which does not tolerate discrimination or harassment.</p> | ||
| <img src="/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="http://www.opencon2017.org/" target="_blank">OpenCon 2017 Main Site</a></li> | ||
| <li><a href="http://www.opencon2017.org/code_of_conduct" target="_blank">Our Code of Conduct</a></li> | ||
| <li><a href="mailto:Lorraine@sparcopen.org" target="_blank">Feedback</a></li> | ||
| <li><a href="github-help" target="_blank">Github Help</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 --> | ||
| <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> |
Oops, something went wrong.