-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathgithub.html
More file actions
executable file
·162 lines (143 loc) · 9.24 KB
/
github.html
File metadata and controls
executable file
·162 lines (143 loc) · 9.24 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="This is the community playbook created by Benetech's Code Alliance program. Social Good 2.0.">
<meta name="author" content="code alliance, benetech, deep datta">
<title>Code Alliance Community Playbook</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/simple-sidebar.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<body>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<a href="#">
<img src="img/logo.png" style="height:45px; margin-top:-10px;" alt="Code Alliance logo white;" />
</a>
</li>
<li><a href="home.html">Home</a></li>
<li><a href="github.html">GitHub 101</a></li>
<li><a href="code-learning.html">Code Learning</a></li>
<li><a href="programming-languages.html">Programming Languages</a></li>
<li><a href="service-enterprise-model.html">Service Enterprise Model</a></li>
<li><a href="bootstrap.html">Bootstrap Websites</a></li>
<li><a href="fundraising-platforms.html">Fundraising Platforms</a></li>
<li><a href="developer-roles.html">Developer Roles</a></li>
<li><a href="open-source-licenses.html">Open Source Licenses</a></li>
<li><a href="event-types.html">Types of Coding Events</a></li>
<li><a href="email.html">Email Services</a></li>
<li><a href="social-media.html">Social Media</a></li>
<li><a href="videos.html">Video Services</a></li>
<li><a href="free-images.html">Copyright Free Images</a></li>
<li><a href="analytics.html">Google Analytics</a></li>
<li><a href="salesforce.html">Salesforce</a></li>
<li><a href="confluence.html">Confluence</a></li>
<li><a href="jira.html">JIRA</a></li>
<li><a href="cloud-deployment.html">Cloud Deploy Services</a></li>
<li><a href="hosting-services.html">Website Hosting</a></li>
<li><a href="content-management.html">Content Management Websites</a></li>
<li><a href="wysiwyg.html">WSYIWYG Editing Websites</a></li>
<li><a href="databases.html">Databases</a></li>
<li><a href="seo.html">SEO</a></li>
<li><a href="mobile-development.html">Mobile Development</a></li>
<li><a href="a11y.html">Coding for Accessibility</a></li>
<li><a href="survey-tools.html">Survey Tools</a></li>
<li><a href="project-summary.html">Create a Project Doc</a></li>
<li><a href="volunteer-websites.html">Volunteer Websites</a></li>
<li><a href="prototyping-tools.html">Prototyping Tools</a></li>
<li><a href="marketing-tools.html">Marketing Tools</a></li>
<li><a href="nonprofit-types.html">Nonprofit Types</a></li>
<li><a href="trythis.html">Try This!</a></li>
<li><a href="http://www.linkedin.com/in/shantanudeepdatta"><span style="font-size:12px;">Deep Datta</span></a></li>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Top Navigation -->
<div style="width:100%; height:50px; background-color:white; border-bottom:1px solid black;">
<ul class="main-nav">
<li>
<a href="#menu-toggle" id="menu-toggle" style="padding:50px; color:white;"><img src="img/navbars.png" style=" margin-left:-30px; height:30px;" alt="Toggle Menu Bar" /></a>
</li>
<li><a href="how-to.html">How To Use This Guide</a></li>
<li><a href="how-to-contribute.html">How To Contribute</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="project-summary-examples.html">Project Summary Examples</a></li>
<li><a href="services.html">Other Services</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</div>
<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<h1>GitHub</h1>
<p>GitHub allows people from around the world to work together and store, edit, track, and build code in an open source collaborative environment. On GitHub you can share the source code of your project publically and others can "fork" (clone) your repository. Once they clone the code, they can make changes to it and <b>push</b> their changes back to you on your master branch. The easiest way to use GitHub is to download the <b>GitHub for Desktop</b> tool:</p>
<p style="margin-top:25px;"><a href="https://desktop.github.com/" class="btn btn-lg btn-outline">Download GitHub for Desktop</a>
<a href="https://youtu.be/tQn94PWAeNQ" class="btn btn-lg btn-outline">View Video Tutorial</a>
</p>
<p style="margin-top:50px;">
<span style="font-size:9px; color:#AAA;">Image of GitHub for Desktop</span><br />
<img src="http://sc4g.wpengine.com/wp-content/uploads/2016/03/main-1.png" style="width:710px;" alt="GitHub Desktop" />
</p>
<div style="padding-top:25px; padding-bottom:25px;">
<p>Need more help? Read the <b>Beginner's Setup Guide for Git & Github on Mac OS X</>: <a href="http://burnedpixel.com/blog/setting-up-git-and-github-on-your-mac/">click here</a>
</div>
<hr style="1px solid #EEE;">
<div style="padding-top:25px; padding-bottom:25px;">
<h3>Classic GitHub</h3>
<p>Before the GitHub Desktop Tool was created, many developers used the classic model of GitHub. This is another way to use GitHub and some developers prefer this over the Desktop tool.</p>
<p><img src="http://sc4g.wpengine.com/wp-content/uploads/2016/03/gitcommand.png" style="width:710px;" alt="GitHub Classic" /><br />
<span style="font-size:10px; color:#999;">Github.com</span></p>
<p>1. First start by creating your GitHub account here: <a href="https://github.com/join">Sign Up for GitHub</a></p>
<p>2. Now, create a repository: <a href="https://github.com/new">Create Repository</a></p>
<p>3. Step three is to create a folder on your Desktop where your local repository will live and then go into the folder from your terminal.</p>
<p>4. Now, if you are in the folder using the command line, follow the following steps to initiative your respository there. <br />Notice that the highlighted <span style="color:#0CE3AC;">green</span> text below is the location of your repository on GitHub.</p>
<div style="background-color:#EEE; padding:15px;"><p>
<p>echo "# TestRepo1" >> README.md<br />
git init<br />
git add README.md<br />
git commit -m "first commit"<br />
git remote add origin <span style="color:#0CE3AC;">https://github.com/DattaUSC/TestRepo1.git</span><br />
git push -u origin master</p>
</div></p>
<p>5. Now you can push your changes to GitHub using <span style="color#0CE3AC;">git push -u origin master</span></p>
</div>
<hr style="1px solid #EEE;">
<div style="padding-top:25px;">
<p>You can also refer to:</p>
<h3><a href="http://nupurkapoor.github.io/intro-to-git/#/">Women Who Code Instructions for Git and GitHub</a></h3>
<p><a href="http://nupurkapoor.github.io/intro-to-git/#/"><img src="http://sc4g.wpengine.com/wp-content/uploads/2016/03/introgit.png" alt="Women Who Code Git Help" /></a></p>
</div>
</div>
</div>
</div>
</div>
<!-- /#page-content-wrapper -->
</div>
<!-- /#wrapper -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Menu Toggle Script -->
<script>
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
</body>
</html>