-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (142 loc) · 10.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>VEX Robotics Intro</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
<style>
body,h1,h2,h3,h4,h5 {font-family: "Poppins", sans-serif}
body {font-size:16px;}
.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}
.w3-half img:hover{opacity:1}
</style>
</head>
<body style="background-color: #BFBFBF">
<!-- Sidebar/menu -->
<nav class="w3-sidebar w3-indigo w3-collapse w3-top w3-large w3-padding" style="z-index:3;width:300px;font-weight:bold;" id="mySidebar"><br>
<a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft w3-hover-white w3-hover-text-indigo" style="width:100%;font-size:22px;color:#BFBFBF">Close Menu</a>
<div class="w3-container">
<img src="La_Cueva_Robotics_Circular.png" width="100px">
<h3 class="w3-padding-16" style="color: #BFBFBF"><b>Reference</b></h3>
</div>
<div class="w3-bar-block">
<a href="#about" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white w3-hover-text-indigo" style="color: #BFBFBF">About</a>
<a href="#v1" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white w3-hover-text-indigo" style="color: #BFBFBF">Video 1: Introduction</a>
<a href="#v2" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white w3-hover-text-indigo" style="color: #BFBFBF">Video 2: VEX v5</a>
<a href="#v3" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white w3-hover-text-indigo" style="color: #BFBFBF">Video 3: Physics Background</a>
<a href="#v4" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white w3-hover-text-indigo" style="color: #BFBFBF">Video 4: Basic Mechanisms</a>
<a href="#v5" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white w3-hover-text-indigo" style="color: #BFBFBF">Video 5: Building Tips</a>
<a href="#v6" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white w3-hover-text-indigo" style="color: #BFBFBF">Video 6: Programming Intro</a>
<a href="#v7" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white w3-hover-text-indigo" style="color: #BFBFBF">Video 7: Auton Programming</a>
<a href="#v8" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white w3-hover-text-indigo" style="color: #BFBFBF">Video 8: Control Loops</a>
<a href="#v9" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white w3-hover-text-indigo" style="color: #BFBFBF">Video 9: Competition Basics</a>
</div>
</nav>
<!-- Top menu on small screens -->
<header class="w3-container w3-top w3-hide-large w3-indigo w3-xlarge w3-padding">
<a href="javascript:void(0)" class="w3-button w3-indigo w3-margin-right" onclick="w3_open()">☰</a>
<span style="color: #BFBFBF"class="w3-monospace">Intro To VEX Robotics</span>
</header>
<!-- Overlay effect when opening sidebar on small screens -->
<div class="w3-overlay w3-hide-large" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:340px;margin-right:40px">
<div class="w3-container" style="margin-top:60px" id="about">
<h1 class="w3-xxxlarge w3-monospace"><b>Intro To VEX Robotics For New Mexico</b></h1>
<h1 class="w3-xxlarge w3-text-indigo w3-monospace"><b>About</b></h1>
<hr style="width:50px;border:5px solid #3F51B5" class="w3-round">
<p style="text-indent: 30px" class="w3-monospace">Hey guys! This is Grant Staten. If you competed at all in VRC in New Mexico from Tower Takeover through Spin Up then you probably already at least know of me. But in case you don't, I'm graduated from La Cueva High School in 2023 after becoming heavily involved in La Cueva's robotics team in my freshman year and running the team for my sophomore through senior years.
In VEX robotics there is a huge issue for new teams of just not having available information. I see a lot of teams in New Mexico that have dedicated members and the necessary resources to compete, but are unable to compete at their highest potential level because they don't have information, and these videos aim to help solve that and give never teams resources to help get them started.</p>
<p style="text-indent: 30px" class="w3-monospace">Also I know a quite a bit about VEX robotics, but not much about making good videos, they aren't going to be nicely edited or anything, may be slow or fast, the videos are just not well made (although video 8 turned out solid), honestly a lot of them ended up just being me rambling about the video's topic by the end. So feel free to put me on 1.5x speed or pause and play or whatever you want as you go through these.
</p>
</div>
<div class="w3-container" id="v1" style="margin-top:30px">
<h1 class="w3-xlarge w3-text-indigo w3-monospace"><b>Video 1: Introduction, 4 Branches for VEX, and the Engineering Design Process</b></h1>
<hr style="width:50px;border:5px solid #3F51B5" class="w3-round">
<p class="w3-monospace">Basic overview of VEX, what you'll be doing, and things to keep in mind as you design your robot!</p>
<iframe width="420" height="315" src="https://www.youtube.com/embed/uG6RZTFI8sg"></iframe>
</div>
<div class="w3-container" id="v2" style="margin-top:30px">
<h1 class="w3-xlarge w3-text-indigo w3-monospace"><b>Video 2: The VEX V5 Architecture</b></h1>
<hr style="width:50px;border:5px solid #3F51B5" class="w3-round">
<p class="w3-monospace">Overview of the parts you will use to construct your robot!</p>
<p class="w3-monospace">Part 1 - Electronics:</p>
<iframe width="420" height="315" src="https://www.youtube.com/embed/3MJyM8EtSeY"></iframe>
<p class="w3-monospace">Part 2 - Mechanics:</p>
<iframe width="420" height="315" src="https://www.youtube.com/embed/goEdGb0OoPs"></iframe>
</div>
<div class="w3-container" id="v3" style="margin-top:30px">
<h1 class="w3-xlarge w3-text-indigo w3-monospace"><b>Video 3: Basic Physics Background</b></h1>
<hr style="width:50px;border:5px solid #3F51B5" class="w3-round">
<p class="w3-monospace">Overview of some basic physics concepts to keep in mind while building and troubleshooting your robot!</p>
<iframe width="420" height="315" src="https://www.youtube.com/embed/51cjekyhTJE"></iframe>
</div>
<div class="w3-container" id="v4" style="margin-top:30px">
<h1 class="w3-xlarge w3-text-indigo w3-monospace"><b>Video 4: Basic Mechanisms</b></h1>
<hr style="width:50px;border:5px solid #3F51B5" class="w3-round">
<p class="w3-monospace">Overview of the common mechnisms used in VEX robotics!</p>
<iframe width="420" height="315" src="https://www.youtube.com/embed/oevTFKtK3ZU"></iframe>
</div>
<div class="w3-container" id="v5" style="margin-top:30px">
<h1 class="w3-xlarge w3-text-indigo w3-monospace"><b>Video 5: Good Building Practices</b></h1>
<hr style="width:50px;border:5px solid #3F51B5" class="w3-round">
<p class="w3-monospace">Things to keep in mind to build a high quality robot!</p>
<iframe width="420" height="315" src="https://www.youtube.com/embed/YQtxwilvz7o"></iframe>
</div>
<div class="w3-container" id="v6" style="margin-top:30px">
<h1 class="w3-xlarge w3-text-indigo w3-monospace"><b>Video 6: Programming Introduction</b></h1>
<hr style="width:50px;border:5px solid #3F51B5" class="w3-round">
<p class="w3-monospace">An overview of the programs you can use to program your robot and how to get started with a simple driver control!
<br>Links I discuss in the video to follow along: <br> <a href="https://www.vexrobotics.com/vexcode/install/v5">vexcode v5 and vexcode pro v5 downloads</a> <br> <a href="https://www.vexrobotics.com/v5/products/firmware">vexcode firmware utility page</a> <br> <a href="https://pros.cs.purdue.edu/">Pros download, tutorials, and documentation</a>
<br>Note I will not be giving any code during the videos in this series about programming, I will simply be giving pointers, ideas, and tips on what to try and where to look for help.
</p>
<iframe width="420" height="315" src="https://www.youtube.com/embed/RWssH9SpaKE"></iframe>
</div>
<div class="w3-container" id="v7" style="margin-top:30px">
<h1 class="w3-xlarge w3-text-indigo w3-monospace"><b>Video 7: Basic Autonomous Programming</b></h1>
<hr style="width:50px;border:5px solid #3F51B5" class="w3-round">
<p class="w3-monospace">Autonomous programming can be super overwhelming (also sorry in terms of the videos being me rambling this one is pretty bad) but this video will hopefully give you some good pointers to start programming your autonomous and routes you can use to improve your accuracy.
</p>
<iframe width="420" height="315" src="https://www.youtube.com/embed/aY2xGRzJcCc"></iframe>
</div>
<div class="w3-container" id="v8" style="margin-top:30px">
<h1 class="w3-xlarge w3-text-indigo w3-monospace"><b>Video 8: Control Loops Introduction</b></h1>
<hr style="width:50px;border:5px solid #3F51B5" class="w3-round">
<p class="w3-monospace">
An explanation of simple PID control loops!
<br>
PID demo video I mention at the end can be found <a href="https://youtu.be/qKy98Cbcltw">here</a>
<br>
If you want to go to even more complicated programming than these control loops, I'm not going to give you all the answers, but I'll give a few recommendations. First, this will only begin to hurt you unless you A put in loads of time getting it to work well and more importantly, B you need to have a very high quality precise build. The second recommendataion is more of guideance, do your research, but look for the keywords "Odometry" and "Pure Pursuit" (which is a form of pathfinding).
</p>
<iframe width="420" height="315" src="https://www.youtube.com/embed/3JeK8ECihQs"></iframe>
</div>
<div class="w3-container" id="v9" style="margin-top:30px">
<h1 class="w3-xlarge w3-text-indigo w3-monospace"><b>Video 9: What to know for your first competition</b></h1>
<hr style="width:50px;border:5px solid #3F51B5" class="w3-round">
<p class="w3-monospace">What to expect at your first competition and tips to have a good time and do your best!</p>
<iframe width="420" height="315" src="https://www.youtube.com/embed/f3aOCtoVIWg"></iframe>
</div>
</div>
<script>
// Script to open and close sidebar
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
document.getElementById("myOverlay").style.display = "block";
}
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
document.getElementById("myOverlay").style.display = "none";
}
// Modal Image Gallery
function onClick(element) {
document.getElementById("img01").src = element.src;
document.getElementById("modal01").style.display = "block";
var captionText = document.getElementById("caption");
captionText.innerHTML = element.alt;
}
</script>
</body>
</html>