-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
262 lines (248 loc) · 16 KB
/
index.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
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> RoboNotts </title>
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Main CSS-->
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="square">
<div class="row h-25">
<div class="col-1">
<a class="logo" href="index.html"><img src="/assets/logo-white-outline.png" width="100" height="90"></a>
</div>
<div class="col-8"></div>
<div class="col-2">
<a href="scientificPublications.html"><button class="scientificLink">SCIENTIFIC APPROACH & PUBLICATIONS</button></a>
</div>
<div class="col-1">
<a href="media.html"> <button class="mediaLink">MEDIA</button> </a>
</div>
</div>
<div class="row h-15">
<div class="col-1"></div>
<div class="col-10">
<div class="title">DEPENDABLE ASSISTIVE</div>
</div>
<div class="col-1"></div>
</div>
<div class="row h-15">
<div class="col-4"></div>
<div class="col-4">
<div class="biggerTitle">ROBOTICS</div>
</div>
<div class="col-4"></div>
</div>
<div class="row">
<div class="col-4"></div>
<div class="col-4">
<div class="goingTo">[Website under construction]</div>
</div>
<div class="col-4"></div>
</div>
<div class="row">
<div class="col-4"></div>
<div class="col-4">
<div class="scrollDown">Scroll down to find out more about us!</div>
</div>
<div class="col-4"></div>
</div>
<div class="row">
<div class="col-4"></div>
<div class="col-4">
<div class="link">Click here to go to our<a href="https://www.chartresearch.org/robonotts" class="linkToOld"> old website</a></div>
</div>
<div class="col-4"></div>
</div>
</div>
<div class="row h-10">
<div class="col-1"></div>
<div class="col-6">
<div class="pastCompTitle">PAST COMPETITIONS</div>
</div>
<div class="col-6"></div>
</div>
<div class="row h-25">
<div class="col-1"></div>
<div class="col-6">
<div class="row h-10"><div class="comp1">HEART-MET: Healthcare Robotics Technologies Competition</div></div>
<div class="row h-10"><div class="date1">2nd - 5th October 2022</div></div>
</div>
<div class="col-5">
<iframe class="compOneVideo" width="560" height="315" src="https://www.youtube-nocookie.com/embed/TnBsz8OywyQ?si=8s7Wb-Wsb0ru98Dx" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
<div class="row h-10">
<div class="col-1"></div>
<div class="col-6">
<div class="row h-10"><div class="comp2">ICRA 2023 METRICS HEART-MET: Physically Assisstive Robot Challenge</div></div>
<div class="row h-10"><div class="date2">May 29th - June 1st 2023</div></div>
</div>
<div class="col-5">
<iframe class="compTwoVideo" width="560" height="315" src="https://www.youtube-nocookie.com/embed/Jbh13Wwo-v4?si=20fs4PcFqmbUXao-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
<div class="row h-10"></div>
<div class="row h-10">
<div class="col-9"></div>
<div class="col-3"><div class="ourTeamTitle">OUR TEAM</div></div>
</div>
<div class="row h-40">
<div class="teamHex1">
<div class="hex"></div>
</div>
</div>
<div class="row h-10">
<div class="adrian-bio">
<div class="col-9">
<div class="hex"><div class="hex-adrian"><img src="/assets/adrian-bio-min.JPG" class="img-responsive"></div></div>
<div class="adrian-name">Adrian Vecina Tercero</div>
<div class="adrian-role">Role: Team Captain</div>
<div class="adrian-description">Description: Hello! I'm Adrian, and I've been leading the RoboNotts team since it's inception two years ago!
I focus on keeping the team organized, as well as helping out on all sides of development!
Aside from robotics I love cooking and TTRPGs! </div>
<div class="adrian-contact">Contact: [email protected], <a href ="https://www.linkedin.com/in/adrian-vecina-tercero-9a69a022b">Linkedin</a></div>
</div>
</div>
</div>
<div class="row h-10">
<div class="amber-bio">
<div class="col-11">
<div class="hex1"><div class="hex-amber"><img src="/assets/amber-bio-min.JPG" class="img-responsive"> </div></div>
<div class="amber-name">Amber Swarbrick</div>
<div class="amber-role">Role: Robot Manipulation</div>
<div class="amber-description">Description: I'm a Computer Science Undergraduate at the University of Nottingham,
currently working on Manipulation for Happy. Outside of RoboNotts, I am also working on developing an autonomous
combat robot, focusing mostly on the machine learning and computer vision aspects: I am interested in the use
of memory and prediction in developing strategy for robotics. I have also worked on integrating the use of brain
data with robotics, to create a "Brain Controlled Robot Painting"!</div>
<div class="amber-contact">Contact: <a href ="https://www.linkedin.com/in/amber-swarbrick-50b963172/">Linkedin</a></div></div>
</div>
</div>
</div>
<div class="row h-10">
<div class="daudi-bio">
<div class="col-9">
<div class="hex"><div class="hex-daudi"><img src="/assets/daudi-bio-min.JPG" class="img-responsive"></div></div>
<div class="daudi-name">Daudi Wampamba</div>
<div class="daudi-role">Role: Lead Developer</div>
<div class="daudi-description">Description: Currently working on rebuilding the base code for our competition robot,
mostly by rewriting the base in Rust. I enjoy going to Pub quizzes and attending hackathons, mostly focusing on
hardware based hacks ✨
</div>
<div class="daudi-contact">Contact: [email protected], <a href ="https://www.linkedin.com/in/daudi-wampamba/">Linkedin</a></div>
</div>
</div>
</div>
<div class="row h-10">
<div class="adi-bio">
<div class="col-11">
<div class="hex1"><div class="hex-adi"><img src="/assets/adi-bio-min.JPG" class="img-responsive"> </div></div>
<div class="adi-name">Aditya Bhagvatula</div>
<div class="adi-role">Role: ML and Computer Vision</div>
<div class="adi-description">Description: Second year student, robotics novice challenging myself by doing Facial,
Gesture, Object and Body recognition for the first time. Eager to learn and contribute to the team, driven by my
fascination for ML and HCI.</div>
<div class="adi-contact">Contact: [email protected], <a href ="https://www.linkedin.com/in/aditya--bhagavatula/">Linkedin</a></div>
</div>
</div>
</div>
<div class="row h-10">
<div class="ellis-bio">
<div class="col-9">
<div class="hex"><div class="hex-ellis"><img src="/assets/ellis-bio-min.JPG" class="img-responsive"> </div></div>
<div class="ellis-name">Ellis Duncalfe</div>
<div class="ellis-role">Role: Human-Robot Interaction</div>
<div class="ellis-description">Description: I've never tried robotics before but thought, why not give it a go, especially when the rest of the team seem so cool!</div>
<div class="ellis-contact">Contact: [email protected], <a href ="https://www.linkedin.com/in/ellis-d-031206172/">Linkedin</a></div>
</div>
</div>
</div>
<div class="row h-10">
<div class="eva-bio">
<div class="col-11">
<div class="hex1"><div class="hex-eva"><img src="/assets/eva-bio-min.JPG" class="img-responsive"> </div></div>
<div class="eva-name">Eva Davis</div>
<div class="eva-role">Role: Navigation</div>
<div class="eva-description">Description: Hi, I'm Eva, a 3rd Year Computer Science student. I have an interest in robotics and am currently building an underwater drone for my dissertation! I'll be helping to develop the navigation for Happy. :)</div>
<div class="eva-contact">Contact: [email protected], <a href ="https://www.linkedin.com/in/eva-y-davis/">Linkedin</a></div>
</div>
</div>
</div>
<div class="row h-10">
<div class="nathan-bio">
<div class="col-9">
<div class="hex"><div class="hex-nathan"><img src="/assets/nathan-bio-min.JPG" class="img-responsive"> </div></div>
<div class="nathan-name">Nathan Burgess</div>
<div class="nathan-role">Role: Navigation</div>
<div class="nathan-description">Description: 3rd Year Computer Science BSc Hons
Currently developing a mixed reality system to integrate war-gaming rules digitally to a physical tabletop using OpenCV.
Interested in DevOps</div>
<div class="nathan-contact">Contact: <a href ="https://www.linkedin.com/in/nathan-burgess-954a091b4/">Linkedin</a></div>
</div>
</div>
</div>
<!--<div class="row h-10">
<div class="ishan-bio">
<div class="col-11">
<div class="hex1"><div class="hex-ishan"><img src="/assets/ishan-bio-min.JPG"> </div></div>
<div class="ishan-name">Ishan Gildersleeve</div>
<div class="ishan-role">Role: Driver Engineer for Robotics Systems</div>
<div class="ishan-description">Description: Driver engineer for robotics.</div>
<div class="ishan-contact">Contact: [email protected], <a href ="www.linkedin.com/in/Ishan-Gildersleeve/">Linkedin</a></div>
</div>
</div>
</div>-->
<!--<div class="row h-10">
<div class="qiang-bio">
<div class="col-9">
<div class="hex"><div class="hex-qiang"><img src="/assets/qiang-bio-min.JPG"> </div></div>
<div class="qiang-name">Qiang Cai</div>
<div class="qiang-role">Role: </div>
<div class="qiang-description">Description: </div>
<div class="qiang-contact"><a href ="">Linkedin</a></div>
</div>
</div>
</div>-->
<div class="row h-10">
<div class="nishi-bio">
<div class="col-11">
<div class="hex1"><div class="hex-nishi"><img src="/assets/nishi-bio-min.JPG" class="img-responsive"></div></div>
<div class="nishi-name">Nishi Shishir</div>
<div class="nishi-role">Role: Machine Learning and Computer Vision + Marketing Communications Officer</div>
<div class="nishi-description">Description: Being a 2nd year Computer Scientist interested in Robotics, my main aim is to currently get our
robot competition ready, as well as ensuring he reaches internet stardom (currently a work in progress). My hobbies include reading the
worst literature written in existence, as well as compulsively raging at any video game I play!
</div>
<div class="nishi-contact">Contact: [email protected], <a href="www.linkedin.com/in/nishi-shishir">Linkedin</a></div>
</div>
</div>
</div>
<div class="row h-30">
<div class="bottomSquare">
<div class="row h-20">
<div class="col-1"></div>
<div class="col-3">
<div class="followOn">Follow us on Social Media</div>
<div class="row h-40">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"/>
</svg>
<div class="instagram"><a href="https://www.instagram.com/happy_therobot/">Instagram</a></div>
</div>
<div class="row h-10">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-tiktok" viewBox="0 0 16 16">
<path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3z"/>
</svg>
<div class="tiktok"><a href="https://www.tiktok.com/@happy_therobot?lang=en">Tiktok</a></div>
</div>
</div>
<div class="col-8"></div>
</div>
</div>
</div>
</body>
</html>