-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrobot.html
220 lines (192 loc) · 9.05 KB
/
robot.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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Robotics team from Northern Burlington High School">
<meta name="keywords" content="robotics, northern burlington, northern, first tech challenge, ftc, first robotics, TecHounds, TecHounds 5387, techounds,">
<title>TecHounds 5387 | Our Robot</title>
<!-- Mobile Specific Meta
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
<!-- CSS
================================================== -->
<!-- Themefisher Icon font -->
<link rel="stylesheet" href="plugins/themefisher-font/style.css">
<!-- bootstrap.min css -->
<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
<!-- Lightbox.min css -->
<link rel="stylesheet" href="plugins/lightbox2/dist/css/lightbox.min.css">
<!-- animation css -->
<link rel="stylesheet" href="plugins/animate/animate.css">
<!-- Slick Carousel -->
<link rel="stylesheet" href="plugins/slick/slick.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body id="body">
<!--
Start Preloader
==================================== -->
<div id="preloader">
<div class='preloader'>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<!--
End Preloader
==================================== -->
<!--
Fixed Navigation
==================================== -->
<header class="navigation fixed-top">
<div class="container">
<!-- main nav -->
<nav class="navbar navbar-expand-lg navbar-light">
<!-- logo -->
<a class="navbar-brand logo" href="index.html">
<img class="logo-default" src="images/logo.png" alt="logo"/>
<img class="logo-white" src="images/logo-white.png" alt="logo"/>
</a>
<!-- /logo -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation"
aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navigation">
<ul class="navbar-nav ml-auto text-center">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item active ">
<a class="nav-link" href="robot.html">Our Robot</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
<!-- /main nav -->
</div>
</header>
<!--
End Fixed Navigation
==================================== -->
<section class="single-page-header">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Our Robot</h2>
</div>
</div>
</div>
</section>
<!--
<section class="about-shot-info section-sm">
<div class="container">
<div class="row">
<div class="col-md-6 mt-20">
<h2>Freight Frenzy (2020-2021)</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat voluptate molestias, quaerat quo natus dolor harum voluptatibus modi dicta ducimus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quae officia earum dolore est quaerat cupiditate voluptatibus id, magni alias veniam voluptate, libero explicabo, distinctio atque!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, fugit itaque ratione incidunt voluptas. Quaerat quidem dolor, quisquam amet inventore quas adipisci ea sint qui placeat beatae molestias aut, aperiam!</p>
</div>
<div class="col-md-6">
<img class="img-fluid" src="images/company/" alt="Robot Photo">
</div>
</div>
</div>
</section>
-->
<section class="about-shot-info section-sm bg-gray">
<div class="container">
<div class="row">
<div class="col-md-6">
<img class="img-fluid" src="images/robot/2019Robot.jpg" alt="2019-2020 Robot Photo">
</div>
<div class="col-md-6 mt-20">
<h2>Skystone (2019-2020)</h2>
<p>For our final robot design, we centered around a vertical 2 stage linear slide, connected to a single state horizontal slide. Both slides make use of pulleys and UHMWPE cord to extend, with the vertical slide actuated by a REV core hex motor, and the horizontal slide actuated by a continuous rotation servo. Additionally, the vertical slide uses gravity along with surgical tubing to return, while the horizontal slide uses a UHMWPE cord pulling back, connected to the servo. The vertical slide gives us the height we need to stack stones, while the horizontal slide allows our robot to reach into the build site, and also allows us to make fine adjustments when picking up and placing stones. To coil and uncoil the strings, we make use of 3d printed drums that are sized so that we get enough torque to reliably move the axes, while also having plenty of speed. For motion around the field, we use standard drive wheels, geared slightly down for more precision and torque, and omni wheels on the front, for better maneuverability. Our stone grabbing assembly consists of one fixed arm, and another moving arm, controlled by a geared down servo. It is able to reliably pick up both the stones, and our team’s capstone, and place them on the building side, and uses rubber bands to generate more grip. The fixed arm of the grabbing assembly also serves as a point to grab the build site with, and relocate it. We also implemented Mecanum wheels as they have lots of traction and less friction, which makes less difficulty for smoother movement. Finally, we used a claw and grabbing system in the front of the robot in order to move the foundation for extra points during autonomous.</p>
</div>
</div>
</div>
</section>
<button class="open-button" onclick="openForm()"><i class="tf-ion-email"></i></button>
<div class="chat-popup" id="myForm">
<form id="fs-frm" name="simple-contact-form" accept-charset="utf-8" action="https://formspree.io/f/mnqlvoow" method="post" class="form-container">
<h1>Chat</h1>
<fieldset id="fs-frm-inputs">
<div class="form-group">
<input type="text" name="name" id="full-name" class="form-control" placeholder="First and Last Name" required="">
</div>
<div class="form-group">
<input type="email" name="_replyto" id="email-address" class="form-control" placeholder="email@domain.tld" required="">
</div>
<div class="form-group">
<textarea rows="5" name="message" id="message" class="form-control" placeholder="Input Message Here." required=""></textarea>
</div>
<input type="hidden" name="_subject" id="email-subject" value="TecHounds Contact Form Submission">
</fieldset>
<div id="cf-submit">
<input type="submit" value="Submit" class="btn" id="contact-submit" >
</div>
<button type="button" class="btn cancel" onclick="closeForm()">Close</button>
</form>
</div>
<script>
function openForm() {
document.getElementById("myForm").style.display = "block";
}
function closeForm() {
document.getElementById("myForm").style.display = "none";
}
</script>
<!--Beginning of Footer -->
<footer id="footer" class="bg-one">
<div class="footer-bottom">
<h5>Copyright <script>document.write( new Date().getFullYear() );</script></h5>
<h6>Design and Developed by <a href="https://github.com/krish-shahh" target="_blank">Krish Shah</a></h6>
</div>
</footer>
<!-- end footer -->
<!--
Essential Scripts
=====================================-->
<!-- Main jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu5nZKbeK-WHQ70oqOWo-_4VmwOwKP9YQ"></script>
<script src="plugins/google-map/gmap.js"></script>
<!-- Form Validation -->
<script src="plugins/form-validation/jquery.form.js"></script>
<script src="plugins/form-validation/jquery.validate.min.js"></script>
<!-- Bootstrap4 -->
<script src="plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- Parallax -->
<script src="plugins/parallax/jquery.parallax-1.1.3.js"></script>
<!-- lightbox -->
<script src="plugins/lightbox2/dist/js/lightbox.min.js"></script>
<!-- Owl Carousel -->
<script src="plugins/slick/slick.min.js"></script>
<!-- filter -->
<script src="plugins/filterizr/jquery.filterizr.min.js"></script>
<!-- Smooth Scroll js -->
<script src="plugins/smooth-scroll/smooth-scroll.min.js"></script>
<!-- Custom js -->
<script src="js/script.js"></script>
</body>
</html>