-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
344 lines (298 loc) · 13.1 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
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta property="og:type" content="website">
<meta property="og:title" content="FTC 10582 | Emerald Knights"/>
<meta property="og:description" content="The official website for FTC Team 10582, the Emerald Knights!"/>
<meta property="og:url" content="https://emerald-knights.github.io"/>
<meta property="og:image" content="https://i.imgur.com/EzjcSun.png"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="css/nav.css">
<link rel="stylesheet" href="css/global.css"/>
<link rel="stylesheet" href="css/styles.css"/>
<link rel="stylesheet" href="css/about.css">
<link rel="stylesheet" href="css/nodes.css">
<title>FTC 10582 | Emerald Knights</title>
</head>
<body>
<nav class="navbar navbar-expand-md">
<a class="navbar-brand" href="#" style="width:5vh;">
<img src="res/img/ek-logo.png" alt="Emerald Knights Logo" style="height:5vh; width:5vh;">
</a>
<button class="navbar-toggler wht" type="button" data-toggle="collapse" data-target="#menu">
<img src="res/img/whitearrow.png" alt="Down Arrow" class="nav-ico">
</button>
<div class="collapse navbar-collapse justify-content-center" id="menu">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="seasonal">
Seasonal
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="members">
Members
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact">
Contact
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sponsors">
Sponsors
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/Emerald-Knights" target="_blank">
Github <span class="header-ext">(external)</span>
</a>
</li>
</ul>
</div>
</nav>
<div class="header">
<span class="header-blur"></span>
<div class="header-fill" style="background-color: rgb(91, 221, 135)">
<span style = "margin-left: auto; margin-right: auto;">
<!--<video autoplay muted loop playsinline class="vid" style="width: max-content; height: 50vh;">
<source src="res/img/Montage.mp4" type="video/mp4">
</video>-->
<br>
<br>
<br>
<br>
<br>
<br>
<center>
<h1 class="header2-text">EMERALD KNIGHTS #10582</h1>
</center>
</span>
<br>
<img class="header-img" alt="Emerald Knights Banner" src="res/img/ek-banner-removebg-preview.png" style="z-index: 3; height: 30vw; width: 53vw; opacity: 0.4">
</div>
</div>
<div>
<div class="content">
<br>
<div class="w3-container" style="width: 35vw; float: left; margin-left: 3vw; margin-right: 5vw;">
<h1 class = "header1-text" style="text-align: left; margin-left: 8.5vw;">About Us</h1>
<p style="text-align: left;">
Hi! We are FTC team 10582, the Emerald Knights.
<br>
Every year, we compete in the FIRST Tech Challenge, a robotics competition designed for high school students to design, build, and code a robot to complete a variety of tasks that change each year.
The game encourages not only learning, but also collaboration, sportsmanship, and fun as part of the creation process.
<br>
We are one of 3 teams heralding from Livingston New Jersey, and we are excited to be competing this season!
Our team has been active for over 5 years, and we have made it to worlds in Detroit twice.
Each year, our team has continued to learn and grow while also passing our knowledge not only to new members to the team, but also members of our community as a whole.
<br>
We hope to see you all at future competitions!
</p>
</div>
<br>
<br>
<img src="res/img/ekdesgin.png" alt="T-Shirt Design" style="height: auto; width: 40vw;">
<br>
<br>
<br>
<!--
<p>
Exciting stuff is yet to come.
<ul>
<li>
Give me info to put here I guess
</li>
</ul>
</p>
-->
</div>
</div>
<!--<div>
<div class="content-blue" style="height: 75vw; clear: left;">
<br>
<h1 style="margin-top: 5vw;">Design Process</h1>
<p>
Our team uses the EPIC IDEA design process.
In EPIC IDEA, we
</p>
<br>
<div class="node popup" style="margin: auto;">
<span class="popup-text">
<ul>
<li>Write a specific problem statement</li>
</ul>
</span>
<p class="node-text">
Examine the problem
</p>
</div>
<div class="node popup" style="float: left; margin-left: 30vw;">
<span class="popup-text">
<ul>
<li>Repeat the Process for Different Mechanisms</li>
<li>Improve the Current One</li>
</ul>
</span>
<p class="node-text">
Again
</p>
</div>
<div class="node popup" style="float: right; margin-right: 30vw;">
<span class="popup-text">
<ul>
<li>Think</li>
<li>Visualize</li>
<li>Sketch and Label</li>
<li>Share</li>
<li>Discus</li>
</ul>
</span>
<p class="node-text">
Plan
</p>
</div>
<div class="node popup" style="float: left; clear: left; margin-left: 18vw;">
<span class="popup-text">
<ul>
<li>Analyze the Data</li>
<li>Reflect</li>
<li>Discuss</li>
</ul>
</span>
<p class="node-text">
Evaluate
</p>
</div>
<div class="node popup" style="float: right; clear: right; margin-right: 18vw;">
<span class="popup-text">
<ul>
<li>Plug in Decision Matrix</li>
<li>List Pros/ Cons</li>
<li>Decide on a Design Prototype</li>
</ul>
</span>
<p class="node-text">
Investigate
</p>
</div>
<div class="node popup" style="float: left; clear: left; margin-left: 30vw;">
<span class="popup-text">
<ul>
<li>Test and Record Results</li>
</ul>
</span>
<p class="node-text">
Data
</p>
</div>
<div class="node popup" style="float: right; clear: right; margin-right: 30vw;">
<span class="popup-text">
<ul>
<li>Stress Test</li>
<li>Take Specific Measurements</li>
</ul>
</span>
<p class="node-text">
CAD
</p>
</div>
<img src="res/img/loops.png" style= "margin-top: 10vw; width: 10vw; height: 10vw;" class="rotate-image">
<div class="node popup" style="margin: auto; clear: both; margin-bottom: 5vw;">
<span class="popup-text">
<ul>
<li>Build the Mechanism</li>
<li>Write Code</li>
</ul>
</span>
<p class="node-text" style="margin-bottom: 5vh;">
Implement
</p>
</div>
<ul style="list-style-position: inside">
<li>Examine the problem</li>
<li>Plan</li>
<li>Investigate</li>
<li>CAD</li>
<li>Implement</li>
<li>Data</li>
<li>Evaluate</li>
<li>Again</li>
</ul>
<img src="res/img/EPIC.png">
</div>
</div>-->
<div>
<br>
<br>
<center>
<img src = "res/img/EPIC.png" alt = "EPIC Idea" style = "height: auto; width: 40w;">
</center>
</div>
<div>
<div class="content">
<br>
<h1>Robot</h1>
<p>
Each year, our robot gets a new design, and with it a new name.
This year, our robot is named BoWei (after one of our members), and features a 4 wheel
mecanum drive with a 3 part launch featuring a collection, feeder, and shooter.
BoWei also has 3 odometry pods on the bottom, ensuring he knows where he is on he field.
<br>
BoWei uses an OpenCV detector in autonomous to see how many rings there are, moving accordingly.
Other features BoWei has include a toggle for robot oriented and field oriented drive, a slow mode,
and a linear regression model that automatically sets the right shooter power to the launch based on
how far BoWei is to the goal.
<br>
<br>
</p>
<img src="res/img/bot.gif" alt = "Robot CAD Gif" style="height: auto; width: 20vw;">
<img src="res/img/Robot.png" alt="Robot Picture" style = "height: auto; width: 20vw; float:left;">
<img src="res/img/collect.gif" alt="Collection gif" style="height: auto; width: 20vw; float: right;">
</div>
<br>
<br>
<br>
</div>
<div class = "header-fill" style="position: relative;height: 45vh;">
<span class="header-blur"></span>
<img src="res/img/teampic.jpg" alt="Awards Picture" class="img-background" style="transform: translateY(2%);">
<div class="text-on-img" style="color: gold; z-index: 3;">
<h1>Awards</h1>
<ul>
<li>2016 - 2017: Leagues Think Award</li>
<li>2017 - 2018: Leagues Inspire Award</li>
<li>2017 - 2018: NJ States Think Award</li>
<li>2017 - 2018: Super Regionals Alliance Captain 2nd Place</li>
<li>2018 - 2019: NJ States Think Award</li>
<li>2019 - 2020: Leagues Inspire Award</li>
<li>2020 - 2021: Leagues Control Award</li>
</ul>
</div>
</div>
<div class="content">
<h3>
See our Control Award video for states below!
</h3>
<iframe
width="560" height="315" src="https://www.youtube.com/embed/XZH4h8PtO7s" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
<br>
</div>
</div>
<div class="footer">
<p class="footer-text">
© Emerald Knights 2022-23
</p>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>