-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
278 lines (224 loc) · 17.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Tobor Programming</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/logo.png" rel="icon">
<link href="assets/img/logo.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Top Bar ======= -->
<section id="topbar" class="d-flex align-items-center">
<div class="container d-flex justify-content-center justify-content-md-between">
<div class="contact-info d-flex align-items-center">
<i class="bi bi-envelope d-flex align-items-center"><a href="mailto:535tobor@gmail.com">535tobor@gmail.com</a></i>
<i class="bi bi-phone d-flex align-items-center ms-4"><span><a href="sms:+17652678525">+1 (765) 267-8525</a></span></i>
<i class="bi d-flex align-items-center ms-4">Tobor's Website: <a href="https://sites.google.com/site/535tobor">https://sites.google.com/site/535tobor</a></i>
</div>
<div class="social-links d-none d-md-flex align-items-center">
<a href="https://twitter.com/535tobor" class="twitter"><i class="bi bi-twitter"></i></a>
<a href="https://www.facebook.com/Tobor535/" class="facebook"><i class="bi bi-facebook"></i></a>
<a href="https://www.instagram.com/535tobor/" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="https://github.com/535tobor" class="github"><i class="bi bi-github"></i></a>
<a href="https://www.youtube.com/channel/UCV8jIg5kdLCqcKzkJoLUpzA" class="youtube"><i class="bi bi-youtube"></i></i></a>
</div>
</div>
</section><!-- End Top Bar-->
<!-- ======= Header ======= -->
<header id="header" class="d-flex align-items-center">
<div class="container d-flex justify-content-between">
<div id="logo">
<h1><a href="index.html"><span>Tobor</span><space> </space>Programming</a></h1>
</div>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="#heroMain">Home</a></li>
<li><a class="nav-link scrollto" href="#aboutMain">About</a></li>
<li class="dropdown nav-link scrollto"><a href="#servicesMain"><span>Seasons</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="CenterStage/index.html">Center Stage</a></li>
<li><a href="PowerPlay/index.html">Power Play</a></li>
<li><a href="FreightFrenzy/index.html">Freight Frenzy</a></li>
<li><a href="UltimateGoal/index.html">Ultimate Goal</a></li>
<li><a href="SkyStone/index.html">Sky Stone</a></li>
<li><a href="RoverRuckus/index.html">Rover Ruckus</a></li>
<li><a href="IntoTheDeep/index.html">Into The Deep</a></li>
</ul>
</li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ======= hero Section ======= -->
<section id="hero">
<div id="heroMain" class="hero-content" data-aos="fade-up">
<h2>We <span>Code</span><br>robots!</h2>
<div>
<a href="#aboutMain" class="btn-get-started scrollto">What We Do...</a>
<a href="#servicesMain" class="btn-projects scrollto">Each Season</a>
</div>
</div>
<div class="hero-slider swiper">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image: url('assets/img/hero-carousel/script1.png');"></div>
<div class="swiper-slide" style="background-image: url('assets/img/hero-carousel/script2.png');"></div>
<div class="swiper-slide" style="background-image: url('assets/img/hero-carousel/script3.png');"></div>
<div class="swiper-slide" style="background-image: url('assets/img/hero-carousel/script4.png');"></div>
<div class="swiper-slide" style="background-image: url('assets/img/hero-carousel/script5.png');"></div>
<div class="swiper-slide" style="background-image: url('assets/img/hero-carousel/script6.png');"></div>
<div class="swiper-slide" style="background-image: url('assets/img/hero-carousel/script7.png');"></div>
</div>
</div>
</section><!-- End Hero Section -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about">
<div id="aboutMain"class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-6 about-img">
<img src="assets/img/TOBOR.png" width="2000px" alt="">
</div>
<div class="col-lg-6 content">
<h2 style="color:lightsteelblue">To create leaders, promote STEAM, and show Gracious Professionalism through designing, building, and <b style="color: navy">programming</b> robots.</h2>
<h3>The goal of the Tobor Programming website is to clearly communicate the programming team's work each season.</h3>
<br /> <h4>What We Use:</h4>
<ul>
<li><i class="bi bi-check-circle"></i> Java <img src="assets/img/Java.png" / width="30px"></li>
<li><i class="bi bi-check-circle"></i> Android Studio <img src="assets/img/AndroidStudio.png" / width="50px"></li>
<li><i class="bi bi-check-circle"></i> GitHub <img src="assets/img/GitHub.png" / width="50px"></li>
</ul>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Services Section ======= -->
<section id="services">
<div id="servicesMain" class="container" data-aos="fade-up">
<div class="section-header">
<h2>Seasons</h2>
<p></p>
</div>
<div class="row gy-4">
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="box">
<a href="IntoTheDeep/index.html"><div class="icon"><i><img src="assets/img/IntoTheDeep.png" width="58px"></img></i></div></a>
<h4 class="title"><a href="IntoTheDeep/index.html">Into The Deep</a><br /><a style="font-size: 15px">2024-2025</a></h4>
<p class="description" style="margin:0px">Into The Deep, the FTC season game for 2024-2025. In this season points can be scored in all sorts of ways. Samples can be placed in a low, medium, or high basket or Speciments can be placed on the bars for even higher points. Just like last season, hanging is available, it can be done from either touching the low rung, or hanging on the low rung or the high rung. This season there are no randomized pieces in auto. This season there are a whole lot of changes to FTC. </p>
<br />
<a href="IntoTheDeep/index.html" title="click here to view" style="color:green" href="portfolio-details.html"><img>Season information</img></a>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="box">
<a href="CenterStage/index.html"><div class="icon"><i><img src="assets/img/CenterStage.png" width="85px"></img></i></div></a>
<h4 class="title"><a href="CenterStage/index.html">Center Stage</a><br /><a style="font-size: 15px">2023-2024</a></h4>
<p class="description" style="margin:0px">Center Stage is the game for the 2023-2024 FIRST Tech Challenge, which Raytheon Technologies presents. This game provides programmers with the usage of computer vision and AprilTags, which are special markers that help robots identify their position and orientation on the field. The primary element of the game is a pixel that can be placed on the backdrop to earn points. In this FIRST season, STEAM is introduced.</p>
<br />
<a href="CenterStage/index.html" title="click here to view" style="color:green" href="portfolio-details.html"><img>Season information</img></a>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="box">
<a href="PowerPlay/index.html"><div class="icon"><i><img src="assets/img/PowerPlay.png" width="85px"></img></i></div></a>
<h4 class="title"><a href="PowerPlay/index.html">Power Play</a><br /><a style="font-size: 15px">2022-2023</a></h4>
<p class="description" style="margin:0px">The 2022-2023 FIRST Tech Challenge game is called Power Play and Raytheon Technologies presents it. The objective of the game is for teams to score points by using a cone, which is the primary game scoring element. Teams can score cones onto junctions and terminals, as well as use beacons to own junctions and complete circuits. To earn bonus points, programmers can configure the robot to recognize a custom signal sleeve instead of using the default sleeve before parking it autonomously.</p>
<br />
<a href="PowerPlay/index.html" title="click here to view" style="color:green" href="portfolio-details.html"><img>Season information</img></a>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="box">
<a href="FreightFrenzy/index.html"><div class="icon"><i><img src="assets/img/FreightFrenzy.png" width="90px"></img></i></div></a>
<h4 class="title"><a href="FreightFrenzy/index.html">Freight Frenzy</a><br /><a style="font-size: 15px">2021-2022</a></h4>
<p class="description" style="margin:0px">The FIRST Tech Challenge robotics competition season for 2021-2022, named Freight Frenzy and presented by Raytheon Technologies, requires FTC teams to design, build, and program robots for a warehouse-themed challenge. In this game, teams can earn points by using small cube boxes, balls, and rubber ducks as scoring elements. The robots can transport cargo onto shipping hubs, deliver ducks from the carousel, and autonomously detect a duck or team prop to determine the level to place its cargo to earn bonus points.</p>
<br />
<a href="FreightFrenzy/index.html" title="click here to view" style="color:green" href="portfolio-details.html"><img>Season information</img></a>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="box">
<a href="UltimateGoal/index.html"><div class="icon"><i><img src="assets/img/UltimateGoal.png" width="85px"></img></i></div></a>
<h4 class="title"><a href="UltimateGoal/index.html">Ultimate Goal</a><br /><a style="font-size: 15px">2020-2021</a></h4>
<p class="description" style="margin:0px" >Ultimate Goal, the 2020-2021 FTC season, which is presented by Qualcomm. The game centers around a primary scoring element, which is a ring. These rings can be either placed or launched into goals to earn points in both the autonomous period and the driver-controlled period. Human players are responsible for returning rings to the field after they have been used during the autonomous period. During the last 30 seconds of the driver-controlled period, the end game takes place, where bonus points can be earned by knocking down power shots or returning a wabble goal to the start line.</p>
<br />
<a href="UltimateGoal/index.html" title="click here to view" style="color:green" href="portfolio-details.html"><img>Season information</img></a>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="box">
<a href="SkyStone/index.html"><div class="icon"><i><img src="assets/img/SkyStone.png" width="85px"></img></i></div></a>
<h4 class="title"><a href="SkyStone/index.html">Sky Stone</a><br /><a style="font-size: 15px">2019-2020</a></h4>
<p class="description" style="margin:0px">Sky Stone, the season of FIRST Tech Challenge (FTC), presented by Qualcomm, is a game where robots compete on a 12-foot square playing field and score points using stones as the main game element. During the 30-second autonomous period, robots can score points by parking, placing stones in their proper positions, and setting stones on the foundation, all without human intervention. In the driver-controlled period, robots can continue to stack stones onto the foundation. When the last 30 seconds of the game arrive, the end game begins, and robots can cap their stone towers with their team element. An alliance earns points for their capping, and each level of stone stacked after capping is done in the end game.</p>
<br />
<a href="SkyStone/index.html" title="click here to view" style="color:green" href="portfolio-details.html"><img>Season information</img></a>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="box">
<a href="RoverRuckus/index.html"><div class="icon"><i><img src="assets/img/RoverRuckus.png" width="70px"></img></i></div></a>
<h4 class="title"><a href="RoverRuckus/index.html">Rover Ruckus</a><br /><a style="font-size: 15px">2018-2019</a></h4>
<p class="description" style="margin:0px">The FIRST Tech Challenge game season of 2018-2019 is called Rover Ruckus presented by Qualcomm. In this game season, robots can earn points by using silver spheres and gold cubes. During the autonomous period, robots can earn points by landing on the game field, placing their team marker in the depot, moving the gold cube off its starting position, and parking. In the driver-controlled period, teams can earn points by placing objects in the required areas. They are also allowed to remove points from an audience's depot if it is not already claimed. The end game lasts for the last 30 seconds of the driver-controlled period, during which robots can score points by placing objects or by parking.</p>
<br />
<a href="RoverRuckus/index.html" title="click here to view" style="color:green" href="portfolio-details.html"><img>Season information</img></a>
</div>
</div>
</div>
</div>
</section><!-- End Services Section -->
<!-- ======= Clients Section ======= -->
<section id="clients">
<div id="clientsMain" class="container" data-aos="fade-up">
<div class="section-header">
<h2>Resources</h2>
</div>
<div class="clients-slider swiper" data-aos="fade-up" data-aos-delay="100">
<div class="swiper-wrapper align-items-center">
<div class="swiper-slide"><a href="https://github.com/alan412/LearnJavaForFTC"><img src="assets/img/LearnJavaFTC.png" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a href="https://gm0.org/en/latest/docs/software/"><img src="assets/img/gm0.png" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a href="https://www.firstinspires.org/resource-library/ftc/technology-information-and-resources"><img src="assets/img/FIRST.png" class="img-fluid" alt=""></a></div>
<!-- Empty -->
<div class="swiper-slide"><a href="https://www.w3schools.com/java/"><img src="assets/img/w3.png" width="100px" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a href="https://www.geeksforgeeks.org/java/"><img src="assets/img/GFG.png" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a href="https://github.com/FIRST-Tech-Challenge/FtcRobotController/tree/master/FtcRobotController/src/main/java/org/firstinspires/ftc/robotcontroller/external/samples"><img src="assets/img/GitHubresources.png" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a href="https://www.linkedin.com/learning/java-8-essential-training/"><img src="assets/img/LinkedinLearning.png" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a href="https://developer.android.com/courses/"><img src="assets/img/AndroidStudio.png" class="img-fluid" alt=""></a></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Clients Section -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>