-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathgroups.html
220 lines (203 loc) · 9.59 KB
/
groups.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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>codebar Git workshop</title>
<meta name="author" content="codebar">
<meta name="description" content="codebar Git workshop">
<meta name="keywords" content="git codebar workshop version control">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css" type="text/css">
<link rel="stylesheet" href="css/layout.css" type="text/css">
<link rel="stylesheet" href="css/styles.css" type="text/css">
</head>
<body>
<header>
<a href="https://codebar.io/" target="_blank">
<img src="images/git-logo.svg" alt="" class="logo">
</a>
<nav id="nav">
<ul>
<li> <a href="index.html">Schedule</a></li>
<li> <a href="setup.html">Set Up</a></li>
<li> <a href="groups.html">The Groups</a></li>
<li> <a href="http://gitforthe.win/commands" target="_blank">Commands</a></li>
</ul>
</nav>
</header>
<div class="main-groups">
<section class="groups">
<!-- your photos are all located in the photos folder.
path is name followed by surname initial
eg
images/photos/cassieE.jpg -->
<h1>The Groups</h1>
<h2>The Committee</h2>
<div class="group group1">
<div class="person">
<img src="images/photos/KanjooM.jpg" alt="Kanjoo Mbaindjikua">
<h4>Kanjoo Mbaindjikua</h4>
<p>I learned the benefits of collaboration and version control. And many other stuff that I can't put into words.</p>
</div>
<div class="person">
<img src="images/photos/ElaineP.jpg" alt="Elaine Wilson Photo">
<h4>Elaine Wilson</h4>
<p>The mystery and power of GIT has now become clear!</p>
</div>
<div class="person">
<img src="images/person2.svg" alt="">
<h4>Name</h4>
<p>what did you learn?</p>
</div>
<div class="person">
<img src="images/photos/AngelM.jpg" alt="profile picture">
<h4>Angel McDonald</h4>
<p>I learnt a lot: how to use the command line (which has helped me, immensely, to understand
some basic Linux commands; how developers organise their workflow (important for my upcoming exams!);
how Git and GitHub relate and interact (necessary for my personal project and budding developer profile))</p>
<p>I Came, I Saw, I Conquered! (Well, soon...)</p>
</div>
<div class="person">
<img src="images/photos/MarkH.jpg" alt="MarkH">
<h4>Mark</h4>
<p>All of the things</p>
</div>
</div>
<h2>Git Shorty</h2>
<div class="group group2">
<div class="person">
<img src="images/photos/CharlieM.jpg" alt="">
<h4>Charlie May</h4>
<p>Git is a bit tricky</p>
</div>
<div class="person">
<img src="images/photos/IevaA.jpg" alt="a photo of IevaA">
<h4>Ieva Anciukeviciute</h4>
<p>I've learned some coding whoop</p>
</div>
<div class="person">
<img src="images/photos/MarkE.jpg" alt="A photo of Mark Everitt">
<h4>Mark Everitt</h4>
<p>I'm not as good at git as I thought!</p>
</div>
<div class="person">
<img src="images/photos/LeeD.jpg" alt="a photo of Lee">
<h4>Lee Doughty</h4>
<p>I git by with a little help from my friends~</p>
</div>
<div class="person">
<img src="images/photos/FelixK.jpg" alt="FelixK">
<h4>Felix Kwong</h4>
<p>I have learnt about version control and how to properly use github, instead of just creating new repository and uploading new stuff</p>
</div>
</div>
<h2>The Old Gits</h2>
<div class="group group3">
<div class="person">
<img src="images/photos/AnwenW.jpg" alt="">
<h4>Anwen</h4>
<p>What did I learn? How to git!</p>
</div>
<div class="person">
<img src="images/photos/javiP.jpg" alt="">
<h4>Javi</h4>
<p>I learned about branches and how to make pull requests on GitHub!</p>
</div>
<div class="person">
<img src="images/photos/Stampy.jpg" alt="Stampy's Photo">
<h4>Stampy</h4>
<p>I learned that Ocasta is awesome.</p>
</div>
<div class="person">
<img src="images/photos/LauraM.jpg" alt="">
<h4>Laura Mitchell</h4>
<p>Today I learned where the Skiff is. I worked with Git Bash commands to make and use branches to do local version control. We then looked at GutHub as a remote repository and how to use it to work collaboratively. Our teams used Git Flow to make parallel changes to the Codebar Git workshop website. Thank you Codebar and all the coaches for giving up your sunny Saturday to teach us :-)</p>
</div>
<div class="person">
<img src="images/photos/ClareJ.jpg" alt="Clare's photo">
<h4>Clare Jennings</h4>
<p>Git is very useful for team development and free bagels are great! Thanks :-)</p>
</div>
</div>
<h2 class="cherry">Cherrypickers</h2>
<div class="group group4">
<div class="person">
<style>
.richardwestenra {
position: relative;
z-index: -1;
}
.richardwestenra:before,
.richardwestenra:after {
content: '';
background: black;
border-radius: 50%;
height: 2px;
width: 2px;
position: absolute;
top: 30%;
box-shadow: 0 0 0 5px white;
animation: richard infinite linear 0.5s alternate;
}
.richardwestenra:before {
left: 42%;
}
.richardwestenra:after {
left: 58%;
top: 31%;
}
@keyframes richard {
from { box-shadow: 0 0 0 5px white; }
to { box-shadow: 0 0 0 6px white; }
}
</style>
<div class="richardwestenra">
<img src="images/photos/richardW.jpg" alt="Richard Westenra">
</div>
<h4>Richard Westenra</h4>
<p>I learned the true meaning of friendship. And also that you can include a '#' symbol in a branch name and it's okay.</p>
</div>
<div class="person">
<img src="images/photos/HannahS.jpg" alt="">
<h4>Hana</h4>
<p>Commit early commit often.</p>
</div>
<div class="person">
<img src="images/photos/ZaraS.jpg" alt="Profile image of Zara Syversen">
<h4>Zara</h4>
<p>Better understanding of git, new git commands, create files in cmd line</p>
</div>
<div class="person">
<img src="images/photos/CassieE.jpg" alt="Photo of Cassie">
<h4>Cassie Evans</h4>
<p>I learnt that if you make a lot of changes to one file you can stage hunks! Super cool.</p>
</div>
<div class="person">
<img src="images/photos/AliceB.jpg" alt="a photo of a wonderful person">
<h4>Alice is cool</h4>
<p>don't use # at the start of your branch name</p>
</div>
<div class="person">
<img src="images/photos/CristinaP.jpg" alt="Cristina Puntaru">
<h4>Cristina Puntaru</h4>
<p>I learned to collaborate with others when coding. Git, Github, and more</p>
</div>
</div>
</section>
</div>
<footer>
<div class="footer-logo">
<p>Sponsored by</p>
<a href="https://ocasta.com/" target="_blank">
<img src="images/ocasta-logo.svg" alt="Ocasta logo" class="logo">
</a>
</div>
<div class="footer-logo">
<p>Hosted by</p>
<a href="https://www.theskiff.org/" target="_blank">
<img src="images/theskiff-logo.png" alt="The Skiff logo" class="logo">
</a>
</div>
</footer>
<script src="js/nav.js"></script>
</body>
</html>