-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathcrc.php
135 lines (135 loc) · 6.44 KB
/
crc.php
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
<?php
$title = "About the CRC - CRHS Robotics 2020";
$sidebar = true;
$links = array("About", "The event", "Construct a robot", "Program the robot", "Build a kiosk", "Build a website", "Produce a video", "Details");
require 'layouts/header.php';
?>
<a name="About"></a>
<div id="firstrow" class="row justify-content-center">
<div class="col-lg-8 col-md-10 col-sm-12 col-12">
<h2>About the CRC Robotics</h2>
<hr class="outer-divider">
<p>
The annual CRC Robotics competition was founded in 2001 by a group of professional athletes unhappy with the lack
of robotics competitions available for high school and CEGEP students in Canada. The competition invites young
new talented athletes from all around the country to show off their skills in the diverse fields of the
competition. The competition is based around science, technology, engineering, mathematics, arts and languages.
The three-day sports event is run by former participants with the goal of giving students the same experiences
they received themselves.
</p>
</div>
<div class="col-lg-4 col-md-2 col-sm-12 col-12">
<img class="img-fluid lazy" src="assets/loading.gif" data-src="assets/team_crc.jpg">
</div>
</div>
<a name="The event"></a>
<div id="row" class="row justify-content-around">
<div class="col-lg-4 col-md-2 col-sm-12 col-12">
<img class="img-fluid lazy" src="assets/loading.gif" data-src="assets/event_crc.jpg">
</div>
<div class="col-lg-8 col-md-10 col-sm-12 col-12">
<h3>The event</h3>
<hr class="inner-divider">
<p>
This three-day event hosts much more than just robotics. Teams must:
<ul>
<li><a href="#Construct a robot" class="link">Design and construct a robotic athlete;</a></li>
<li><a href="#Program the robot" class="link">Program the robot;</li>\
<li><a href="#Build a kiosk" class="link">Construct a kiosk.</li>
<li><a href="#Build a website" class="link">Design and code a website;</li>
<li><a href="#Produce a video" class="link">Produce a video;</li>
</ul>
</p>
</div>
</div>
<a name="Construct a robot"></a>
<div id="row" class="row justify-content-around">
<div class="col-lg-4 col-md-2 col-sm-12 col-12">
<img class="img-fluid lazy" src="assets/loading.gif" data-src="assets/constructrobot_crc.jpg">
</div>
<div class="col-lg-8 col-md-10 col-sm-12 col-12">
<h3>Design and construct a robot</h3>
<hr class="inner-divider">
<p>
Each team must design and construct a robot athlete capable of achieving the many tasks it must perform to compete
against the opposing teams. The course and its many features vary every year. Over the span of three days, the
athletes and their coaching staff are the center of all the attention with fans and cameras flooding from around
the world as millions of people watch from home and on the stands as history unfolds.
</p>
</div>
</div>
<a name="Program the robot"></a>
<div id="row" class="row justify-content-around">
<div class="col-lg-8 col-md-10 col-sm-12 col-12">
<h3>Program the robot</h3>
<hr class="inner-divider">
<p>
Without the programmers, our robot wouldn’t be able to do much. The programming aspect of the competition is one of
the most crucial parts of the competition. This section of the tournament is usually what makes or breaks a team.
</p>
</div>
<div class="col-lg-4 col-md-2 col-sm-12 col-12">
<img class="img-fluid lazy" src="assets/loading.gif" data-src="assets/programrobot_crc.png">
</div>
</div>
<a name="Build a kiosk"></a>
<div id="row" class="row justify-content-around">
<div class="col-lg-4 col-md-2 col-sm-12 col-12">
<img class="img-fluid lazy" src="assets/loading.gif" data-src="assets/kiosk_crc.jpg">
</div>
<div class="col-lg-8 col-md-10 col-sm-12 col-12">
<h3>Build a kiosk</h3>
<hr class="inner-divider">
<p>
Every great sports event needs a great broadcasting room. Therefore, teams are tasked with creating and designing a
broadcasting room/kiosk. The kiosk must measure 12' × 12' and be themed according to the team's theme. The kiosk is
also a good spot for the coaches and captains to plan out their strategy and next moves.
</p>
</div>
</div>
<a name="Build a website"></a>
<div id="row" class="row justify-content-around">
<div class="col-lg-8 col-md-10 col-sm-12 col-12">
<h3>Design and build a website</h3>
<hr class="inner-divider">
<p>
Teams are tasked with creating a website from scratch with the intention of documenting the progress of the team as
they move forward with the creation of the robotic athlete while still following the chosen theme. The website
includes videos, pictures, articles, and much more.
</p>
</div>
<div class="col-lg-4 col-md-2 col-sm-12 col-12">
<img class="img-fluid lazy" src="assets/loading.gif" data-src="assets/website_crc.jpg">
</div>
</div>
<a name="Produce a video"></a>
<div id="row" class="row justify-content-around">
<div class="col-lg-4 col-md-2 col-sm-12 col-12">
<img class="img-fluid lazy" src="assets/loading.gif" data-src="assets/video_crc.jpg">
</div>
<div class="col-lg-8 col-md-10 col-sm-12 col-12">
<h3>Write and produce a video</h3>
<hr class="inner-divider">
<p>
Each team must produce a five-minute sports video, presenting their school, the construction of the robotic
athlete, and talk about the CRC competition in a unique and themed way.
</p>
</div>
</div>
<a name="Details"></a>
<div id="row" class="row justify-content-around">
<div class="col-lg-6 col-md-8 col-sm-12 col-12">
<h3>Event details</h3>
<hr class="inner-divider">
<p>
Each team must produce a five-minute sports video, presenting their school, the construction of the robotic
athlete, and talk about the CRC competition in a unique and themed way.
</p>
</div>
<div class="col-lg-6 col-md-4 col-sm-12 col-12">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2795.781286995835!2d-73.67752078498542!3d45.514481238108885!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cc91840f9cb4ca1%3A0xce7f12be3902472b!2sVanier%20College!5e0!3m2!1sen!2sca!4v1580050572284!5m2!1sen!2sca" height="200px" width="100%" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</div>
</div>
<?php
require 'layouts/footer.php';
?>