-
Notifications
You must be signed in to change notification settings - Fork 4
/
ourstory.html
634 lines (586 loc) · 33.1 KB
/
ourstory.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
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Story - 5431 Titan Robotics</title>
<meta name="description" content="FRC 5431 Titan Robotics strives to develop student leaders by collaborating to solve complex problems.">
<!--Bootstrap-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/png" href="/img/universal/titlelesslogo.png">
<link rel="icon" type="image/x-icon" href="/img/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico">
</head>
<body>
<!--Navigation bar-->
<div id="navbar"></div>
<main>
<!--Top banner-->
<section id="ourstory-banner">
<div class="rellax" id="ourstory-banner-image"></div>
<div id="banner-text">
<h1>Our Story</h1>
<h3>
In 2015, three students had a goal of creating a robotics team.
</h3>
</div>
</section>
<section class="page-content" id="ourstory-content">
<div class="container-fluid py-2 py-md-4" id="">
<div class="px-lg-5 px-md-2 px-xs-0">
<div class="row mt-3 mx-md-3 mx-xs-0 px-md-5 px-xs-3 py-md-4 py-xs-2" id="ourstory-main">
<div class="col-2 d-none d-md-block">
<div class="ourstory-sidenav sticky-top pt-3">
<h2 class="d-none d-xl-block">Seasons</h2>
<h2 class="d-block invisible d-xl-none">Seasons</h2>
<ul class="years ml-0 pl-0">
<li>
<a id="sidenav-2024" href="#anchor-2024">2024</a>
</li>
<div class="hr" id="divider-24"></div>
<li>
<a id="sidenav-2023" href="#anchor-2023">2023</a>
</li>
<div class="hr" id="divider-23"></div>
<li>
<a id="sidenav-2022" href="#anchor-2022">2022</a>
</li>
<div class="hr" id="divider-22"></div>
<li>
<a id="sidenav-2020-21" href="#anchor-2020-21">2020-21</a>
</li>
<div class="hr" id="divider-20"></div>
<li>
<a id="sidenav-2019" href="#anchor-2019">2019</a>
</li>
<div class="hr" id="divider-19"></div>
<li>
<a id="sidenav-2018" href="#anchor-2018">2018</a>
</li>
<div class="hr" id="divider-18"></div>
<li>
<a id="sidenav-2017" href="#anchor-2017">2017</a>
</li>
<div class="hr" id="divider-17"></div>
<li>
<a id="sidenav-2016" href="#anchor-2016">2016</a>
</li>
<div class="hr" id="divider-16"></div>
<li>
<a id="sidenav-2015" href="#anchor-2015">2015</a>
</li>
<!--<div class="hr" id="divider-15"></div>-->
</ul>
</div>
</div>
<div class="col-md-10 col-sm-12 pt-3">
<h2>History of 5431</h2>
<ul class="timeline pt-1">
<!--It’s called the carousel slider. It lets us travel the way a child travels. Round and around, and back home again, to a place where we know we are loved.-->
<li>
<!--2024-->
<h2><a class="anchor" id="anchor-2024">2024</a></h2>
<!--2024 slider-->
<div id="carousel-2024" class="carousel slide pb-3" data-ride="carousel">
<ol class="carousel-indicators pb-3">
<li data-target="#carousel-2024" data-slide-to="0" class="active"></li>
<!-- <li data-target="#carousel-2024" data-slide-to="1"></li>
<li data-target="#carousel-2024" data-slide-to="2"></li> -->
</ol>
<div class="carousel-inner">
<div class="game-logo carousel-item active h-100" id="game-logo-24"></div>
<!-- <div class="team carousel-item">
<img class="img-fluid d-block" src="img/about/2024/team 2022.jpg" alt="2024 photo">
</div>
<div class="bot carousel-item">
<img class="img-fluid d-block w-100" src="img/about/2024/hermes cropped.jpg" alt="Hermes">
<div class="carousel-caption d-block">
<h5>To Be Named</h5>
</div>
</div> -->
</div>
<a class="carousel-control-prev pl-1" href="#carousel-2023" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next pr-1" href="#carousel-2024" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--End of 2024 slider-->
<p class="pb-2 mb-0">
<!--Needs text-->
</p>
<p>
<a href="https://www.thebluealliance.com/team/5431/2024" target="”_blank”">More on the 2024 Season ></a>
</p>
<!--End of 2024-->
</li>
<li>
<!--2023-->
<h2><a class="anchor" id="anchor-2023">2023</a></h2>
<!--2023 slider-->
<div id="carousel-2023" class="carousel slide pb-3" data-ride="carousel">
<ol class="carousel-indicators pb-3">
<li data-target="#carousel-2023" data-slide-to="0" class="active"></li>
<li data-target="#carousel-2023" data-slide-to="1"></li>
<li data-target="#carousel-2023" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="game-logo carousel-item active h-100" id="game-logo-23"></div>
<div class="team carousel-item">
<img class="img-fluid d-block" src="img/about/2023/IMG_8868.JPG" alt="2022 photo"> <!--Needs new image-->
</div>
<div class="bot carousel-item">
<img class="img-fluid d-block w-100" src="img/about/2023/IMG_1653.jpg" alt="Brontes">
<div class="carousel-caption d-block">
<h5>Brontes</h5>
</div>
</div>
</div>
<a class="carousel-control-prev pl-1" href="#carousel-2023" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next pr-1" href="#carousel-2023" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--End of 2023 slider-->
<p class="pb-2 mb-0">
<!--Needs text-->
</p>
<p>
<a href="https://www.thebluealliance.com/team/5431/2023" target="”_blank”">More on the 2023 Season ></a>
</p>
<!--End of 2023-->
</li>
<li>
<!--2022-->
<h2><a class="anchor" id="anchor-2022">2022</a></h2>
<!--2022 slider-->
<div id="carousel-2022" class="carousel slide pb-3" data-ride="carousel">
<ol class="carousel-indicators pb-3">
<li data-target="#carousel-2022" data-slide-to="0" class="active"></li>
<li data-target="#carousel-2022" data-slide-to="1"></li>
<li data-target="#carousel-2022" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="game-logo carousel-item active h-100" id="game-logo-22"></div>
<div class="team carousel-item">
<img class="img-fluid d-block" src="img/about/2022/team 2022.jpg" alt="2022 photo">
</div>
<div class="bot carousel-item">
<img class="img-fluid d-block w-100" src="img/about/2022/hermes cropped.jpg" alt="Hermes">
<div class="carousel-caption d-block">
<h5>Hermes</h5>
</div>
</div>
</div>
<a class="carousel-control-prev pl-1" href="#carousel-2022" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next pr-1" href="#carousel-2022" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--End of 2022 slider-->
<p class="pb-2 mb-0">
This season we have joined The Open Alliance on Chief
Delphi. Open Alliance is a group of FRC teams who openly
share their process of building robots and connections
between FRC teams. We have met with an FLL and FTC team to
demonstrate our bot and mentor. Attending both the Waco
and Irving district events in Texas we left with a greater
appreciation for thee teams around us who work together to
share practice fields and parts. Our team has also
realized how impactful our Imagery and Spirit is to our
team and our STEM community.
<br>
For future years we hope to reach out to organizations and
events like Ski Plano and Night At The Ballpark in order
to demonstrate our robot and the benefits of FIRST.
</p>
<p>
<a href="https://www.thebluealliance.com/team/5431/2022" target="”_blank”">More on the 2022 Season ></a>
</p>
<!--End of 2022-->
</li>
<li>
<!--2020-21-->
<h2><a class="anchor" id="anchor-2020-21">2020-21</a></h2>
<!--2020-21 slider-->
<div id="carousel-2020-21" class="carousel slide pb-3" data-ride="carousel">
<ol class="carousel-indicators pb-3">
<li data-target="#carousel-2020-21" data-slide-to="0" class="active"></li>
<li data-target="#carousel-2020-21" data-slide-to="1"></li>
<li data-target="#carousel-2020-21" data-slide-to="2"></li>
<li data-target="#carousel-2020-21" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="game-logo carousel-item active h-100" id="game-logo-20"></div>
<div class="team carousel-item">
<img class="img-fluid d-block" src="img/about/2020/5341group2020.jpg" alt="2020 photo">
</div>
<div class="team carousel-item">
<img class="img-fluid d-block" src="img/about/2021/zoom team photo.jpg" alt="2021 photo">
</div>
<div class="bot carousel-item">
<img class="img-fluid d-block w-100" src="img/about/2020/Hyperion competing.jpg" alt="Hyperion">
<div class="carousel-caption d-block">
<h5>Hyperion</h5>
</div>
</div>
</div>
<a class="carousel-control-prev pl-1" href="#carousel-2020-21" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next pr-1" href="#carousel-2020-21" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--End of 2020-21 slider-->
<p class="pb-2 mb-0">
During 2020, 5431 helped find a cure for COVID-19 through
a process called “folding@Home” along with making over 200
masks. Over the past three years, we’ve developed various
resources to help teams with awards, growing a strong
parent community, programming, scouting, and CADing. We
even hosted a “learn the game” night for our parents in
collaboration with 6171. We were also fortunate to attend
the Plano District tournament before the COVID-19 pandemic
prematurely cancelled the Infinite Recharge season. At
this event, we ranked 6th and won the Chairman’s award.
</p>
<p>
<a href="https://www.thebluealliance.com/team/5431/2021" target="”_blank”">More on the 2021 Season ></a>
<br>
<a href="https://www.thebluealliance.com/team/5431/2020" target="”_blank”">More on the 2020 Season ></a>
</p>
<!--End of 2020-21-->
</li>
<li>
<!--2019-->
<h2><a class="anchor" id="anchor-2019">2019</a></h2>
<!--2019 slider-->
<div id="carousel-2019" class="carousel slide pb-3" data-ride="carousel">
<ol class="carousel-indicators pb-3">
<li data-target="#carousel-2019" data-slide-to="0" class="active"></li>
<li data-target="#carousel-2019" data-slide-to="1"></li>
<li data-target="#carousel-2019" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="game-logo carousel-item active h-100" id="game-logo-19"></div>
<div class="team carousel-item">
<img class="img-fluid d-block" src="img/about/2019/5431group2019.jpg" alt="2019 photo">
</div>
<div class="bot carousel-item">
<img class="img-fluid d-block w-100" src="img/about/2019/5431robot.jpg" alt="Astraeus">
<div class="carousel-caption d-block">
<h5>Astraeus</h5>
</div>
</div>
</div>
<a class="carousel-control-prev pl-1" href="#carousel-2019" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next pr-1" href="#carousel-2019" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--End of 2019 slider-->
<p class="pb-2 mb-0">
Our first district event was very impactful to our team.
An alumni of our team had passed away before this event.
In honor of his memory, we dedicated this season to him by
changing our team name to “Titan Robotics in memory of
Jordan Grant”.<br>
We played each match to the best of our ability, winning
each match (and tying in one). At Plano District, when the
judges started calling winners for awards our team was
shocked. First it was the Safety Award, then Event Winner,
finally Chairman's Awards. We won a second safety award at
the Greenville District. At States we won the Chairman's
Award and performed just as well during matches.<br>
With Chain Reaction, 6171 (now Wildcat Robotics) we
co-hosted 2 new summer camps alongside our original Battle
Bots camp;Intro to FIRST LEGO League and Intro to
Engineering.
</p>
<p>
<a href="https://www.thebluealliance.com/team/5431/2019" target="”_blank”">More on the 2019 Season ></a>
</p>
<!--End of 2019-->
</li>
<li>
<!--2018-->
<h2><a class="anchor" id="anchor-2018">2018</a></h2>
<!--2018 slider-->
<div id="carousel-2018" class="carousel slide pb-3" data-ride="carousel">
<ol class="carousel-indicators pb-3">
<li data-target="#carousel-2018" data-slide-to="0" class="active"></li>
<li data-target="#carousel-2018" data-slide-to="1"></li>
<li data-target="#carousel-2018" data-slide-to="2"></li>
<li data-target="#carousel-2018" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="game-logo carousel-item active h-100" id="game-logo-18"></div>
<div class="team carousel-item">
<img class="img-fluid d-block" src="img/about/2018/2018group.jpg" alt="2018 photo">
</div>
<div class="bot carousel-item">
<img class="img-fluid -block w-100" src="img/about/2018/Scorpius.jpg" alt="Scorpius">
<div class="carousel-caption d-block">
<h5>Scorpius</h5>
</div>
</div>
<div class="bot carousel-item">
<img class="img-fluid d-block w-100" src="img/about/2018/DSC_0335.JPG" alt="Ophidian">
<div class="carousel-caption d-block">
<h5>Ophidian</h5>
</div>
</div>
</div>
<a class="carousel-control-prev pl-1" href="#carousel-2018" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next pr-1" href="#carousel-2018" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--End of 2018 slider-->
<p class="pb-2 mb-0">
PowerUp was a challenge that pushed our engineering
capabilities. During the ideation phase, our team came up
with two great designs for a possible robot. Scorpios, a
catapult on a drivetrain, was one of our original designs.
We later changed the design and renamed the robot to
Ophidian, which used a collapsible ladder system as both
an intake and a climbing mechanism.<br>
That year we had our second Dean’s List Finalist, Liav
Turkia. He was the programming lead and developed our
Titan UTIL Library. This library laid out templates,
classes, and methods that the programming team could use
for years to come. Our team also won the Creativity Award
and the Imagery Award.<br>
We volunteered and competed in both NTX and STEM Gals,
hosted this year by 5417, Eagle Robotics. Titan Robotics
also hosted our first summer camp! We taught kids ages 9
to 14 about STEM by using LEGO Mindstorms and fun
challenges.
</p>
<p>
<a href="https://www.thebluealliance.com/team/5431/2018"target="”_blank”">More on the 2018 Season ></a></p>
<!--End of 2018-->
</li>
<li>
<!--2017-->
<h2><a class="anchor" id="anchor-2017">2017</a></h2>
<!--2017 slider-->
<div id="carousel-2017" class="carousel slide pb-3" data-ride="carousel">
<ol class="carousel-indicators pb-3">
<li data-target="#carousel-2017" data-slide-to="0" class="active"></li>
<li data-target="#carousel-2017" data-slide-to="1"></li>
<li data-target="#carousel-2017" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="game-logo carousel-item active h-100" id="game-logo-17"></div>
<div class="team carousel-item">
<img class="img-fluid d-block" src="img/about/2017/Team.jpg" alt="2017 photo">
</div>
<div class="bot carousel-item">
<img class="img-fluid -block w-100" src="img/about/2017/AlsoThrice.jpg" alt="Thrice">
<div class="carousel-caption d-block">
<h5>Thrice</h5>
</div>
</div>
</div>
<a class="carousel-control-prev pl-1" href="#carousel-2017" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next pr-1" href="#carousel-2017" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--End of 2017 slider-->
<p class="pb-2 mb-0">
In 2017, our team walked into the Dallas regional with our
robot, Themis. Due to bag-and-tag day, we had been unable
to work on the physical robot, but we weren’t idle. We
used this time to design a new lightning-fast robot named
Thrice, and we used our 30-lb part bag to transform Themis
into one of our best robots yet.<br>
Thrice focused on scoring gears in the airships at high
speeds and finishing matches with a blink-and-you’ll-miss
it climb. This design choice paid off. With Thrice, we
ranked 25th and tenth in the Dallas and Brazos Valley
Regionals respectively. Our team also earned spirit and
imagery awards, and Usaid Malik, one of our talented
programmers, was a Dean’s List Finalist.<br>
After our season, we started the North Texas Tournament of
Robots (NTX) with FRC 6171: Wildcat Robotics, FRC 1296:
Full Metal Jackets and FRC 5417: Allen Robotics. Together,
we’ve created and sustained a tradition of friendly
competition and engineering excellence demonstrated each
year.
</p>
<p>
<a href="https://www.thebluealliance.com/team/5431/2017" target="”_blank”">More on the 2017 Season ></a>
</p>
<!--End of 2017-->
</li>
<li>
<!--2016-->
<h2><a class="anchor" id="anchor-2016">2016</a></h2>
<!--2016 slider-->
<div id="carousel-2016" class="carousel slide pb-3" data-ride="carousel">
<ol class="carousel-indicators pb-3">
<li data-target="#carousel-2016" data-slide-to="0" class="active"></li>
<li data-target="#carousel-2016" data-slide-to="1"></li>
<li data-target="#carousel-2016" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="game-logo carousel-item active h-100" id="game-logo-16"></div>
<div class="team carousel-item">
<img class="img-fluid d-block" src="img/about/2016/Team-2016.jpg" alt="2016 photo">
</div>
<div class="bot carousel-item">
<img class="img-fluid -block w-100" src="img/about/2016/Chronos.jpg" alt="Chronos">
<div class="carousel-caption d-block">
<h5>Chronos</h5>
</div>
</div>
</div>
<a class="carousel-control-prev pl-1" href="#carousel-2016" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next pr-1" href="#carousel-2016" role="button"data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--End of 2016 slider-->
<p class="pb-2 mb-0">
In 2016, we experienced our second year of growth and
change through Stronghold. We were no longer the only FRC
team in Plano - we had a sister team over at Plano Senior
High School, FRC 6171: Chain Reaction Robotics (now
Wildcat Robotics).
</p>
<p>
<a href="https://www.thebluealliance.com/team/5431/2016" target="”_blank”">More on the 2016 Season ></a>
</p>
<!--End of 2016-->
</li>
<li>
<!--2015-->
<h2><a class="anchor" id="anchor-2015">2015</a></h2>
<!--NOTE: photos of a wider resololution perform better in the sliders-->
<!--NOTE 2: Find "Game Logos" in styles.css to add the logo to this year's slider unless you want to try to fix the html-->
<!--2015 slider-->
<div id="carousel-2015" class="carousel slide pb-3" data-ride="carousel">
<ol class="carousel-indicators pb-3">
<li data-target="#carousel-2015" data-slide-to="0" class="active"></li>
<li data-target="#carousel-2015" data-slide-to="1"></li>
<li data-target="#carousel-2015" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="game-logo carousel-item active h-100" id="game-logo-15"></div>
<div class="team carousel-item">
<img class="img-fluid d-block" src="img/about/2015/IrvingTeam.jpg" alt="2015 photo">
</div>
<div class="bot carousel-item">
<img class="img-fluid d-block w-100" src="img/about/2015/BotDoingStuff.jpg" alt="New Bot on the Block">
<div class="carousel-caption d-block">
<h5>New Bot on the Block</h5>
</div>
</div>
</div>
<a class="carousel-control-prev pl-1" href="#carousel-2015" role="button"data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next pr-1" href="#carousel-2015" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--End of 2015 slider-->
<p class="pb-2 mb-0">
When the Plano Academy High School (AHS) opened in August
of 2015, three students had a goal of creating a robotics
team. These three students asked our principal for her
permission to start an FRC team. She said NO! <br>So
they worked together to start the Titan Robotics Club,
building a robot to compete in a local BEST tournament.
This only made the team want to join an FRC team more.
This only made the students want an FRC team more, so they
found mentors and coaches to grow into FRC 5431 Titan
Robotics. <br>The first week of the 2015 competition
season brought our team to the Dallas Regional. Competing
with world champions like 118, 148, 1477, and 2848 was
definitely exciting as 5431 came in 10th place, earning us
an invitation to the third place alliance! Being the
highest ranked rookie seed got us a spot to the St. Louis
Championship! The seed started to sprout and we wanted to
share it with our community!
</p>
<p>
<a href="https://www.thebluealliance.com/team/5431/2015" target="”_blank”"> More on the 2015 Season ></a>
</p>
<!--End of 2015-->
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer"></div>
</section>
</main>
<!--JS files-->
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script src="rellax.min.js"></script>
<script src="script.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script>
$(document).ready(function () {
var years = $("*[id*=sidenav-20]:visible").toArray(); //each year
var dividers = $("*[id*=divider]:visible").toArray(); //each divider
var offsets = []; //will contain how far each year is from the top
var adjustment = $(window).height() / 7.5; /*makes the visual effect more accurate, there's probably a better way to do this but idc it kinda works*/
$("*[id*=anchor-20]:visible").each(function (value) {
offsets.push($(this).offset().top - adjustment); //building the offsets array
});
$(window).scroll(function () {
var scrollTop = $(window).scrollTop(); //how far down the user has scrolled
$(offsets).each(function (index, value) {
var aboveNext =
typeof offsets[index + 1] === "undefined"
? true
: scrollTop < offsets[index + 1];
if (scrollTop >= value && aboveNext) {
$(years[index]).addClass("pos");
} else {
$(years[index]).removeClass("pos");
}
});
});
});
</script>
</body>
</html>