-
-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathindex.html
279 lines (278 loc) · 12 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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
---
layout: home
---
<div class="panel">
<div class="fixed-width">
<h2 class="text-center">What is Student Robotics?</h2>
<div class="row vertically-centered-row">
<div class="column m-6-12">
<img srcset="{{ '/images/advertising/[email protected] 1x' | prepend: site.baseurl }},
{{ '/images/advertising/[email protected] 2x' | prepend: site.baseurl }},
{{ '/images/advertising/[email protected] 3x' | prepend: site.baseurl }}"
src="{{ '/images/advertising/[email protected]' | prepend: site.baseurl }}"
alt="Competitors talking while placing their robot in their starting corner in the arena" />
</div>
<div class="column m-6-12">
<p class="about-p">
Based in the UK, Student Robotics challenges teams of 16 to 19 year-olds to design, build and program
fully autonomous robots to compete in our annual competition. After announcing
the year's game, the teams have just six months to engineer their creations.
As well as supplying teams with a kit, which they can use as a framework for
their robot, we mentor the teams over this period. Thanks to the generosity
of our sponsors, we provide all of this to our teams at no cost.
</p>
</div>
</div>
</div>
</div>
<div class="panel panel-highlight panel-thin">
<div class="fixed-width">
<h2 class="text-center top-spacing">Each year we support</h2>
<div class="row">
<div class="column m-4-12">
<p class="statistic">30+</p>
<p class="statistic-label">Schools</p>
</div>
<div class="column m-4-12">
<p class="statistic">50+</p>
<p class="statistic-label">Volunteers</p>
</div>
<div class="column m-4-12">
<p class="statistic">300+</p>
<p class="statistic-label">Students</p>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="fixed-width">
<div class="row text-center">
<h2>Valuable skills for young people</h2>
<p>
Student Robotics primes participants for good careers in engineering.
Working to assemble a team, build a robot, and then compete,
participants gain invaluable technical and soft skills to help their
future careers.
</p>
</div>
<div class="row">
<div class="column center-label s-4-12">
<img srcset="{{ '/images/advertising/[email protected] 1x' | prepend: site.baseurl }},
{{ '/images/advertising/[email protected] 2x' | prepend: site.baseurl }},
{{ '/images/advertising/[email protected] 3x' | prepend: site.baseurl }}"
src="{{ '/images/advertising/[email protected]' | prepend: site.baseurl }}"
alt="A team of students looking happy standing behind their robot"/>
<h3>Working as a team</h3>
<p>
For a team to succeed at Student Robotics, they need to work
together. For many participants, this is the first time they have worked as part
of a team. This practical experience is invaluable for their future careers.
</p>
</div>
<div class="column center-label s-4-12">
<img srcset="{{ '/images/advertising/[email protected] 1x' | prepend: site.baseurl }},
{{ '/images/advertising/[email protected] 2x' | prepend: site.baseurl }},
{{ '/images/advertising/[email protected] 3x' | prepend: site.baseurl }}"
src="{{ '/images/advertising/[email protected]' | prepend: site.baseurl }}"
alt="Three competitors sitting in front of a laptop" />
<h3>Writing real code</h3>
<p>
Without some serious code, even the most masterfully built robots
can't do very much. With the help of our kit, teams will program
their robot in Python to compete in the competition.
</p>
</div>
<div class="column center-label s-4-12">
<img srcset="{{ '/images/advertising/[email protected] 1x' | prepend: site.baseurl }},
{{ '/images/advertising/[email protected] 2x' | prepend: site.baseurl }},
{{ '/images/advertising/[email protected] 3x' | prepend: site.baseurl }}"
src="{{ '/images/advertising/[email protected]' | prepend: site.baseurl }}"
alt="Students and a teacher sitting around their robot" />
<h3>Building a robot</h3>
<p>
There's nothing quite like building something and bringing it to
life. Using our kit, teams will build a fully autonomous robot. The
best teams pour their imagination into the design and the look of
their robots.
</p>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="fixed-width">
<h2 class="text-center">Testimonials</h2>
<div class="row vertically-centered-row testimonial-row">
<div class="column m-9-12">
<blockquote class="text-italic">
Student Robotics provided me with an opportunity to explore different engineering disciplines,
from mechanical design, to electrical systems and software development.
These insights to helped me to decide my next steps,
joining the inaugural cohort at the Dyson Institute of Engineering and Technology,
where I studied a degree apprenticeship with the University of Warwick alongside working on live projects.
I’ve since joined Dyson fulltime, working in Upstream Robotics on mechatronic design.
</blockquote>
<p class="text-heavy text-center">— Phil</p>
<p class="text-center testimonial-footer">
Student Robotics 2016<br>
Team BRK
</p>
</div>
<div class="column m-3-12 horizontally-centered-column">
<img class="testimonial-avatar"
src="{{ '/images/advertising/headshots/competitor-phil-01.jpg' | prepend: site.baseurl }}"
alt="Headshot of Phil" />
</div>
</div>
<div class="row vertically-centered-row top-spacing testimonial-row">
<div class="column m-9-12">
<blockquote class="text-italic">
Student Robotics has really helped me career wise, it’s a great talking point, especially during interviews.
Being able to work on a real world engineering project with a deadline was a fantastic experience.
After completing my MSc in Maths, I am now doing a PhD in Maths at Sussex University.
</blockquote>
<p class="text-heavy text-center">— Becky</p>
<p class="text-center testimonial-footer">
Student Robotics 2015 and 2016<br>
Team CLY
</p>
</div>
<div class="column m-3-12 horizontally-centered-column">
<img class="testimonial-avatar"
src="{{ '/images/advertising/headshots/competitor-becky-01.jpg' | prepend: site.baseurl }}"
alt="Headshot of Becky" />
</div>
</div>
<div class="row vertically-centered-row top-spacing testimonial-row">
<div class="column m-9-12">
<blockquote class="text-italic">
Student Robotics provided me with the invaluable experience of working on an engineering project with a team.
I learned not only good engineering principles but the importance of being able to clearly communicate my
thoughts and reasoning.
Competing in Student Robotics opened the door to me directly entering the world of work as a Software
Engineer after completing Sixth Form.
</blockquote>
<p class="text-heavy text-center">— James</p>
<p class="text-center testimonial-footer">
Student Robotics 2015 and 2016<br>
Team CLY
</p>
</div>
<div class="column m-3-12 horizontally-centered-column">
<img class="testimonial-avatar"
src="{{ '/images/advertising/headshots/competitor-james-01.jpg' | prepend: site.baseurl }}"
alt="Headshot of James" />
</div>
</div>
</div>
</div>
<div class="panel panel-highlight panel-thin">
<div class="fixed-width">
<h2 class="text-center top-spacing">Of competitors surveyed from the last 2 years</h2>
<div class="row">
<div class="column m-4-12">
<p class="statistic">100%</p>
<p class="statistic-label">would recommend Student Robotics</p>
</div>
<div class="column m-4-12">
<p class="statistic">97%</p>
<p class="statistic-label">plan to study a STEM degree at university</p>
</div>
<div class="column m-4-12">
<p class="statistic">88%</p>
<p class="statistic-label">are now highly interested in a STEM career</p>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="fixed-width text-center">
<h2>Our sponsors</h2>
<p>
Student Robotics couldn't do what we do without the support of our
fantastic sponsors.
</p>
<div class="row">
<div class="column">
<div class="row sponsor-row">
{% for sponsor in site.sponsors %}
<div class="column m-4-12 charity-sponsor-logo">
<a href="{{ sponsor.link }}">
<img src="{{ sponsor.image | prepend: site.baseurl }}" alt="{{ sponsor.name }}" style="width: {{ sponsor.logo_width }}" />
</a>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="fixed-width text-center">
<h2>Donate</h2>
<p>Every donation is greatly appreciated, no matter the amount, and directly contributes to us running the competition for our teams.</p>
<div class="row">
{% include donate.html %}
</div>
</div>
</div>
<div class="panel">
<div class="fixed-width text-center">
<h2>Want to get involved?</h2>
<a class="button button-primary" href="{{ '/compete/' | prepend: site.baseurl }}">Compete</a>
<a class="button button-primary" href="{{ '/volunteer/' | prepend: site.baseurl }}">Volunteer</a>
<a class="button button-primary" href="{{ site.links.donate }}">Donate</a>
<a class="button button-primary" href="{{ '/sponsor/' | prepend: site.baseurl }}">Sponsor</a>
</div>
</div>
<div class="panel">
<div class="fixed-width text-center">
<div class="row">
<div class="column m-8-12">
<h2>Latest posts</h2>
{% for post in site.posts limit: 3 %}
<div class="article article-preview">
<div class="article-header">
<h1><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h1>
<p class="article-info">Published {{ post.date | date: "%e %B, %Y" }}</p>
</div>
</div>
{% endfor %}
<a class="button button-expand" href="{{ '/blog' | prepend: site.baseurl }}">View more posts</a>
</div>
<div class="column m-4-12">
<h2>Upcoming events</h2>
{% assign any_events = false %}
{% for event in site.events %}
{% comment %}{# Changing this condition? also change it in the loop below #}{% endcomment %}
{% if event.date > site.time and event.cancelled != true %}
{% assign any_events = true %}
{% endif %}
{% endfor %}
{% if any_events %}
<ul class="event-list">
{% for event in site.events %}
{% comment %}{# Changing this condition? also change it in the loop above #}{% endcomment %}
{% if event.date > site.time and event.cancelled != true %}
<li class="event">
<p class="event-name"><a href="{{ event.url | prepend: site.baseurl }}">{{ event.title }}</a></p>
<p class="event-details">
{{ event.date | date: "%e %B, %Y" }}
•
<span class="event-location">{{ event.location }}</span>
</p>
</li>
{% endif %}
{% endfor %}
</ul>
{% else %}
<p>
There are no upcoming events.
<br>
<a class="event-details" href="{{ '/events' | prepend: site.baseurl }}">View previous</a>
</p>
{% endif %}
</div>
</div>
</div>
</div>