-
Notifications
You must be signed in to change notification settings - Fork 23
/
instructions.html
152 lines (144 loc) · 7.71 KB
/
instructions.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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WCS MBTI Board</title>
<link rel="shortcut icon" type="image/png" href="assets/favicon.ico" />
<meta name="description" content="Add your name to the WCS MBTI Board!" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Zilla+Slab&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="http://www.illinoiswcs.org"><img alt="Illinois WCS MBTI Board" src="assets/logo.png"
height=35></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">Add your name to the board</a>
</li>
</ul>
</div>
</div>
</nav>
<br>
<div class="container">
<div class="col">
<div class="card">
<div class="card-body">
<h5 class="card-header" style="color: #f2777a;">Step 0: What to do if you have questions</h5>
<p class="card-body">This website is designed to be an activity to practice your Git skills! If you have any
questions as you follow the tutorial on this page, feel free to reach out
to the Illinois WCS Officer Board at <a href="mailto:[email protected]"
target="_blank">[email protected]</a>.
There are also many detailed git guides available on the internet; don't be afraid to Google for help!
<a href="https://docs.github.com/en/github/managing-files-in-a-repository/editing-files-in-your-repository"
target="_blank">GitHub's own documentation</a> has a great guide on how to edit and commit from the web
UI.
</p>
<p>
Note: if you would prefer to not make a PR to the repository but still want to add your name, please fill out
the Google Form at <a href="https://forms.gle/hNwuG2Ejs9iXqV6F6" target="_blank">this link</a>.
</p>
</div>
</div>
<br>
<div class="card">
<div class="card-body">
<h5 class="card-header" style="color: #f2777a;">Step 1: Determine your MBTI personality type</h5>
<p class="card-body">Go to <a href="https://www.16personalities.com/" target="_blank">16personalities.com</a>
to take a free
personality test to determine which of the 16 categories you belong to.</p>
</div>
</div>
<br>
<div class="card">
<div class="card-body">
<h5 class="card-header" style="color: #f2777a;">Step 2: Create a GitHub account</h5>
<p class="card-body">Skip this step if you already have a GitHub account. Go to <a
href="https://www.github.com/" target="_blank">github.com</a> and follow the instructions to make a new
GitHub account.
</p>
</div>
</div>
<br>
<div class="card">
<div class="card-body">
<h5 class="card-header" style="color: #f2777a;">Step 3: Make a fork of our repository</h5>
<p class="card-body">Go to <a href="https://github.com/IllinoisWCS/mbti-board" target="_blank">our GitHub
repository</a> and
click the fork button in the top right corner. A repository is a set of files for a project. "Forking" a
repository makes a copy of our files at this point in time and allows you to edit them without restriction.
</p>
</div>
</div>
<br>
<div class="card">
<div class="card-body">
<h5 class="card-header" style="color: #f2777a;">Step 4: Add your name to the board!</h5>
<p class="card-body">
Go to the data folder and go to the js file corresponding to your MBTI personality type in your forked repository.
Then, click the pencil in the top right corner. This should allow you to edit the file. Inside this file is a dictionary,
formatted much like dictionaries in your favorite programming language. Add your name as a key and graduation year as a value.
Feel free to add an emoji to your name too! Look at other people's entires in the files for examples.
</p>
</div>
</div>
<br>
<div class="card">
<div class="card-body">
<h5 class="card-header" style="color: #f2777a;">Step 5: Commit your changes</h5>
<p class="card-body">Committing means to save your change as an increment in the progress of your project.
Scroll to the bottom of the page and fill out the information requested. We suggest making the commit
message descriptive (i.e. "Adding my name to WCS MBTI board"). Then, click the commit button with the first
option
("commit directly to the main branch") selected. It should take you back to the main page of your
repository.
</p>
</div>
</div>
<br>
<div class="card">
<div class="card-body">
<h5 class="card-header" style="color: #f2777a;">Step 6: Make a pull request</h5>
<p class="card-body">Making a pull request (otherwise known as a PR) means that you are making a request to us
(the code owners) to add your changes to the larger project. As of right now, you changes are only on your
copy of the code (your fork). After we accept your PR, it will be integrated into the WCS codebase!
<br>At the top of the main page of your repository, you should see a gray banner that tells
you there are changes to your fork and that you can make a pull request. Click the pull request button and
follow the instructions on the page. Don't worry about adding a description, but make sure you have a title.
In the top right corner, request a review from @melissachen2000 or @darciap2. And you're done! You will
receive email notifications when we merge your PR.
</p>
</div>
</div>
<br>
<div class="card">
<div class="card-body">
<h5 class="card-header" style="color: #f2777a;">Contributing to the MBTI Board.</h5>
<p class="card-body">If you see any bugs or have any features you would like to request, please
<a href="https://github.com/IllinoisWCS/mbti-board/issues" target="_blank">file an issue
via Github</a>. Also, if you are interested in working on any of the issues on the list, please
comment on the issue and we will assign it to you!
</p>
</div>
</div>
</div>
</div>
<br>
<p>Board instructions last updated: 5/15/2021</p>
</body>