-
Notifications
You must be signed in to change notification settings - Fork 2
/
contribute.html
163 lines (151 loc) · 10.5 KB
/
contribute.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
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Z490EPWZW9"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-Z490EPWZW9');
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
src="node_modules/bootstrap/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
<title>Contribute to This Open Source Project</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
crossorigin="anonymous"
/>
<link href="./style.css" rel="stylesheet" />
<link rel="shortcut icon" href="./images/favicon.png" type="image/x-icon">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<!-- SECTION Navbar -->
<div id="nav-placeholder"></div>
<script>
$(function () {
$("#nav-placeholder").load("../nav.html");
});
</script>
<!-- !SECTION End Nav -->
<!-- SECTION Main Content -->
<div class="container" style="margin-bottom: 100px;">
<div class="row">
<div class="col border border-1 m-4 customBoxShadow p-4">
<h1 class="fw-bold display-1">Welcome</h1>
<h1 class="fw-bold">Contribute to Our Open Source Project</h1>
<p>
We are excited that you are interested in contributing to our project. The main contributions we need at this time are 'student pages' in the Community Pages section.
</p>
<div class="text-center pt-4">
<iframe
class="youtube-video"
src="https://www.youtube.com/embed/H9b16emS4fw"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen
></iframe>
<h2 class="text-center fw-bold pt-5">
After the video proceed to the contribution instructions below.
</h2>
</div>
</div>
<h1 class="display-6 fw-bold mt-5 mb-3">
Follow these steps to fork our repository, make a new branch, and
create a pull request:
</h1>
<h2 class="fw-bold">1. Forking a Repository</h2>
<p>
Click the button below to go to the repository, then click the 'Fork'
button at the top right of the page.
</p>
<div class="text-start">
<a
href="https://github.com/movarnell/helpcodeit"
target="_blank"
class="btn btn-primary fw-bolder ms-2 mb-2"
><svg
stroke="currentColor"
fill="currentColor"
stroke-width="0"
viewBox="0 0 496 512"
height="2em"
width="2em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
></path>
</svg>
Go to<svg
stroke="currentColor"
fill="currentColor"
stroke-width="0"
version="1.1"
viewBox="0 0 32 32"
height="4em"
width="4em"
class="pb-1"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.368 15.671h-2.653c-0.068 0-0.124 0.055-0.124 0.124v1.296c0 0.069 0.055 0.124 0.124 0.124h1.035v1.612c0 0-0.232 0.078-0.874 0.078-0.758 0-1.817-0.278-1.817-2.604 0-2.328 1.102-2.634 2.137-2.634 0.896 0 1.282 0.157 1.527 0.234 0.077 0.024 0.147-0.053 0.147-0.122l0.296-1.253c0-0.032-0.011-0.071-0.047-0.097-0.1-0.070-0.708-0.411-2.245-0.411-1.771 0-3.588 0.753-3.588 4.375s2.079 4.16 3.832 4.16c1.451 0 2.332-0.62 2.332-0.62 0.036-0.020 0.040-0.070 0.040-0.093v-4.045c-0.001-0.069-0.056-0.124-0.124-0.124zM19.783 12.327h-1.493c-0.069 0-0.124 0.056-0.124 0.124v2.886h-2.328v-2.886c0-0.069-0.056-0.124-0.123-0.124h-1.494c-0.067 0-0.122 0.056-0.122 0.124v7.814c0 0.069 0.055 0.125 0.122 0.125h1.494c0.068 0 0.123-0.056 0.123-0.125v-3.342h2.328l-0.005 3.342c0 0.069 0.055 0.124 0.122 0.124h1.494c0.069 0 0.122-0.056 0.122-0.124l0.005-7.815c0.001-0.069-0.055-0.124-0.122-0.124zM8.152 12.504c-0.532 0-0.963 0.435-0.963 0.972s0.431 0.973 0.963 0.973 0.963-0.435 0.963-0.973c0-0.537-0.431-0.972-0.963-0.972zM9.009 15.011c0-0.068-0.055-0.125-0.122-0.125h-1.489c-0.070 0-0.129 0.070-0.129 0.139 0 0 0 4.341 0 5.168 0 0.151 0.094 0.197 0.217 0.197 0 0 0.635 0 1.342 0 0.146 0 0.185-0.072 0.185-0.2-0.001-0.277-0.001-1.362-0.001-1.572-0.001-0.2-0.001-3.607-0.001-3.607zM25.564 14.898h-1.482c-0.068 0-0.122 0.056-0.122 0.125v3.831c0 0-0.376 0.277-0.912 0.277-0.534 0-0.677-0.242-0.677-0.767 0-0.523 0-3.342 0-3.342 0-0.069-0.056-0.125-0.123-0.125h-1.503c-0.069 0-0.123 0.056-0.123 0.125 0 0 0 2.040 0 3.595s0.866 1.935 2.057 1.935c0.977 0 1.767-0.54 1.767-0.54s0.037 0.284 0.055 0.317c0.016 0.034 0.060 0.068 0.108 0.068h0.952c0.068 0 0.123-0.056 0.123-0.125l0.004-5.25c-0.003-0.068-0.059-0.124-0.126-0.124zM29.622 14.722c-0.842 0-1.414 0.376-1.414 0.376v-2.646c0-0.069-0.056-0.124-0.122-0.124h-1.499c-0.067 0-0.122 0.056-0.122 0.124l-0.004 7.815c0 0.069 0.056 0.124 0.123 0.124 0 0 1.043 0 1.044 0 0.046 0 0.081-0.024 0.108-0.066s0.063-0.361 0.063-0.361 0.611 0.581 1.771 0.581c1.362 0 2.142-0.691 2.142-3.101-0-2.407-1.247-2.722-2.089-2.722zM29.038 19.126c-0.514-0.016-0.862-0.249-0.862-0.249v-2.476c0 0 0.344-0.211 0.767-0.249 0.534-0.047 1.050 0.114 1.050 1.387-0.003 1.342-0.235 1.607-0.954 1.586zM13.324 19.097c-0.066 0-0.233 0.026-0.405 0.026-0.549 0-0.737-0.256-0.737-0.587 0-0.332 0-2.198 0-2.198h1.121c0.069 0 0.123-0.055 0.123-0.125v-1.204c0.001-0.069-0.054-0.125-0.123-0.125h-1.121l-0.002-1.48c0-0.056-0.030-0.084-0.094-0.084h-1.526c-0.059 0-0.092 0.026-0.092 0.083v1.529c0 0-0.765 0.185-0.817 0.2s-0.088 0.063-0.088 0.119v0.962c0 0.069 0.056 0.125 0.123 0.125h0.782c0 0 0 1.005 0 2.312 0 1.717 1.205 1.886 2.018 1.886 0.371 0 0.815-0.121 0.889-0.147 0.045-0.016 0.070-0.062 0.070-0.111l0.001-1.057c0-0.069-0.058-0.125-0.122-0.125z"
></path></svg
>Repository</a
>
</div>
<h2 class="fw-bold">2. Cloning Your Fork</h2>
<p>
On your forked repository page, click the 'Code' button, copy the URL,
and then use <code>git clone "Your URL"</code> in your terminal.
</p>
<h2 class="fw-bold">3. Creating a New Branch</h2>
<p>
Use <code>git checkout -b branch-name</code> to create and switch to a
new branch.Please name the new branch with your first initial and last
name. For example, if your name is John Smith, your branch name would
be 'jSmith'. This will make it easier to keep track of who is working
on what. You can push your code back to your cloned fork at any time without affecting the main project.
</p>
<h2 class="fw-bold">4. Making Changes</h2>
<p>
Make changes to the files using your favorite code editor. Add your HTML page to the community folder, and make sure you put your link (with your name) in the community.html file. Make sure you use the sample student page as a template, as it is a requirment that we keep the navbar at the top of the page. Anything else on your page is yours to customize as you please. No inappropriate content will be accepted. If you have any questions about what is appropriate, please contact us. Feel free to pass on your experiences and tips for the future students. We want to make this a great resource for future students. Links to your favorite resources are also welcome and encouraged.
</p>
</div>
<h2 class="fw-bold">5. Committing Changes</h2>
<p>
Add and commit your changes using <code>git add .</code> and
<code>git commit -m "description"</code>.
</p>
<h2 class="fw-bold">6. Pushing Changes to GitHub</h2>
<p>Push your changes with <code>git push origin branch-name</code>.</p>
<h2 class="fw-bold">7. Creating a Pull Request</h2>
<p>
Go to your fork on GitHub, click 'New Pull Request', select your
branch, fill out the form, and click 'Create Pull Request'.
</p>
<p>
Thanks for contributing to our project! If you have any questions,
please contact us.
Make sure when your finished you have also added your name to the contributors list on the readme so you can get credit for your work. This is a project you can happily add to your portfolio and put on your resume. We look forward to seeing your work!
</p>
</div>
</div>
<!-- !SECTION End Main Content -->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
crossorigin="anonymous"
></script>
<script src="../index.js"></script>
</body>
</html>