-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathnews.html
227 lines (204 loc) · 12.7 KB
/
news.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
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>News | OTU Robotics</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.17.11/css/uikit-core-rtl.min.css">
<!-- Bootstrap Framework -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,600,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/news.css">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/x-icon" href="images/OTRobotics.ico">
<!-- Lozad -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>
</head>
<!------- content -------->
<body>
<section class="sub-header">
<nav>
<a class = "logo" href="/" uk-scrollspy="cls: uk-animation-slide-left"><img src="images/logo.webp"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-close" onclick="hideMenu()"></i>
<ul>
<li><a href="/" uk-scrollspy="cls: uk-animation-slide-left">HOME</a></li>
<li><a href="robomaster" uk-scrollspy="cls: uk-animation-slide-left">ROBOMASTER</a></li>
<li><a href="ri3d" uk-scrollspy="cls: uk-animation-slide-left">RI3D</a></li>
<li><a href="apply" uk-scrollspy="cls: uk-animation-slide-left">APPLY</a></li>
<li><a href="members" uk-scrollspy="cls: uk-animation-slide-left">MEMBERS</a></li>
<li><a href="sponsor" uk-scrollspy="cls: uk-animation-slide-left">SPONSOR US</a></li>
<li><a href="photos" uk-scrollspy="cls: uk-animation-slide-left">PHOTOS</a></li>
<li><a href="contact" uk-scrollspy="cls: uk-animation-slide-left">CONTACT</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<h1 uk-scrollspy="cls: uk-animation-slide-bottom">News</h1>
</section>
<link rel="preload" as="image" href="images/news_1.webp">
<link rel="preload" as="image" href="images/news_2.webp">
<link rel="preload" as="image" href="images/news_3.webp">
<section class="news">
<div class="news-section">
<div id="news-slides" class="carousel slide lazy" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: false">
<ol class="carousel-indicators">
<li data-target="#news-slides" data-slide-to="0" class="active"></li>
<li data-target="#news-slides" data-slide-to="1"></li>
<li data-target="#news-slides" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/news_1.webp" class="d-block w-100 lozad" alt="news1">
<div class="carousel-caption d-none d-md-block">
<h5 class = "image-text">RI3D 2024 Build Session</h5>
<h6 class = "image-bottom-text"> One of our building sessions during RI3D 2024, we worked on a
robot that was able to shoot a note block into a designated area.
</h6>
</div>
<div class="card-body">
<h5 class = "image-text">RI3D 2024 Build Session</h5>
<h6 class = "image-bottom-text"> One of our building sessions during RI3D 2024, we worked on a
robot that was able to shoot a note block into a designated area.
</h6>
</div>
</div>
<div class="carousel-item">
<img src = "images/news_2.webp" class="d-block w-100 lozad" alt="news2">
<div class="carousel-caption d-none d-md-block">
<h5 class = "image-text">RI3D 2024 Kickoff</h5>
<h6 class = "image-bottom-text"> During the 2024 season RI3D, we hosted one of the many
kickoff events. We had a great time with the high school teams and introduced them to many of the
ACE facilities.</h6>
</div>
<div class="card-body">
<h5 class = "image-text">RI3D 2024 Kickoff</h5>
<h6 class = "image-bottom-text"> During the 2024 season RI3D, we hosted one of the many
kickoff events. We had a great time with the high school teams and introduced them to many of the
ACE facilities.
</h6>
</div>
</div>
<div class="carousel-item">
<img src = "images/news_3.webp" class="d-block w-100 lozad" alt="news3">
<div class="carousel-caption d-none d-md-block">
<h5 class = "image-text">RI3D 2023 Robot</h5>
<h6 class = "image-bottom-text"> Our 2023 season for completing the RI3D challenge.
During the season we worked on a robot named Trident. The game mechanic was to pick up cones
and blocks to put in a grid.
</h6>
</div>
<div class="card-body">
<h5 class = "image-text">RI3D 2023 Robot</h5>
<h6 class = "image-bottom-text"> Our 2023 season for completing the RI3D challenge.
During the season we worked on a robot named Trident. The game mechanic was to pick up cones
and blocks to put in a grid.
</h6>
</div>
</div>
</div>
<a class="carousel-control-next" href="#news-slides" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<a class="carousel-control-prev" href="#news-slides" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
</div>
</div>
<div class = "news description container-md">
<div class = "mt-7 mb-3">
<h5 class = "display-4" style = "font-weight: 400; margin-top:3rem" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: false"> Recent News </h5>
</div>
<div class = "row news-container-left">
<div class ="col-md order-md-2" uk-scrollspy="cls: uk-animation-slide-right; repeat: false">
<h5 class = "news-title">RI3D 2024 Build Session</h5>
<div class = "separator"></div>
<p class = "news-text">One of our building sessions during RI3D 2024, we worked on a
robot that was able to shoot a note block into a designated area. The robot was able to
do so with 2 flywheels and a conveyor belt. The robot was made with 4 subsystems in mind, the shooter, conveyor, intake and the elevator.
The shooter was made with 2 flywheels that were powered by VictorSPX motors. The conveyor was made with a chain belt.
The robot proved to be a challenge to make with all the new leads and members, but we were able to make a working robot in the end.
We learned a lot building this robot and we had to adapt to overcome these challenges.
</p>
</div>
<div class ="col-md order-md-1" uk-scrollspy="cls: uk-animation-slide-left; repeat: false">
<img class = "lozad img-thumbnail" src="images/news_1_raw.webp" alt="...">
</div>
</div>
<div class = "row news-container-left">
<div class ="col-md order-md-1" uk-scrollspy="cls: uk-animation-slide-left; repeat: false">
<h5 class = "news-title">RI3D 2024 Kickoff</h5>
<div class = "separator"></div>
<p class = "news-text">During the 2024 season RI3D, we hosted one of the many
kickoff events. We had a great time with the high school teams and introduced them to many of the
ACE facilities. During the kickoff, high school teams were able to see the facilities and the equipment that
ACE used to conduct their windtunnel experiments for many companies. We also distributed the kit of parts at the University
of Ontario Tech to allow the High School students to pick them up after they were done watching the kickoff. The students were able to also
watch the kickoff on a giant projected screen located inside of the wind tunnel room.
</p>
</div>
<div class ="col-md order-md-2" uk-scrollspy="cls: uk-animation-slide-right; repeat: false">
<img class = "lozad img-thumbnail" src="images/news_2_raw.webp " alt="...">
</div>
</div>
<div class = "row news-container-left">
<div class ="col-md order-md-2" uk-scrollspy="cls: uk-animation-slide-right; repeat: false">
<h5 class = "news-title">RI3D 2023 Robot Reveal</h5>
<div class = "separator"></div>
<p class = "news-text">Our 2023 season for completing the RI3D challenge.
During the season we worked on a robot named Trident. The game mechanic was to pick up cones
and blocks to put in a grid. Our robot was powered by 3 main subsystems, that being the claw, the arm and the elevator.
To reach different levels of the grid, we had to use an elevator that was powered by a chain belt. The arm was powered by solenoids
to give it a 2 position movement that allowed us to stay within frame before the competition started as per the rules.
The claw was powered by a motor that allowed us to pick up the blocks and cones with ease, provided that our claw had wheels that were
made of a material soft enough to handle the items without breaking.
</p>
</div>
<div class ="col-md order-md-1" uk-scrollspy="cls: uk-animation-slide-left; repeat: false">
<img class = "lozad img-thumbnail" src="images/news_3_raw.webp" alt="...">
</div>
</div>
</div>
</section>
<!-------- footer ---------->
<section class="footer">
<h4>News</h4>
<p>Ontario Tech Robotics</p>
<div class="icons">
<a href="https://www.facebook.com/otrobomaster" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/otrobomaster" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="https://www.instagram.com/otrobomaster/" target="_blank"><i class="fa fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/otrobomaster" target="_blank"><i class="fa fa-linkedin"></i></a>
</div>
<h5 style = "font-weight: 700; font-size:0.83em">MADE BY  <a style = "font-weight: 500;">MIRISAN, MATTHEW, SHEKINA, AND MEMBERS</a></h5>
</section>
<!----JavaScript for toggle menu---->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "-200px";
}
</script>
<!-- <script>
const observer = lozad('.lozad', {
loaded: function(e) {
var image = $(e.relatedTarget).find('img[data-src]');
image.attr('src', image.data('src'));
image.removeAttr('data-src');
}
});
observer.observe();
</script> -->
<!---- jQuery Library ---->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<!---- Bootstrap Library ---->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!---- UiKitmin Library ---->
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.17.11/js/uikit.min.js"></script>
</body>
</html>