-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
executable file
·262 lines (230 loc) · 11.6 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
<!doctype html>
<html lang="en">
<head>
<!-- Title -->
<title>Mars Robotics – Home</title>
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Official MHS Robotics Website!" />
<meta name="keywords" content="MARS, Robotics, Marion, Highschool, FTC, FIRST®,
Tech, Challenge, Southern, Illinois, Ohm's, Olympians, Mechanical, Muses, Transistor, Titans, @MARS_Robotics" />
<meta name="authors" content="@UsernameError3" />
<meta name="copyright" content="MARS_Robotics" />
<!-- Favicon -->
<link rel="shortcut icon" type="image/png" href="img/logos/logo_fav.png" />
<!-- CSS -->
<!--Requires Internet-->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/pure-min.css" integrity="sha384-" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/grids-responsive-min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" href="css/main.css">
<!-- JS -->
<script src="js/nav.js"></script>
</head>
<body>
<!-- Header / Menu Bar -->
<header class="header border-bottom-thin">
<a href="index.html" class="logo">MARS ROBOTICS</a>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
<ul class="menu">
<li class="container">
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">Teams</button>
<div id="myDropdown" class="dropdown-content">
<a href="titans.html">Titans</a>
<a href="olympians.html">Olympians</a>
<a href="muses.html">Muses</a>
<a href="programmers.html">Programmers</a>
</div>
</div>
</li>
<li><a href="#Mentors">Mentors</a></li>
<li><a href="#Media">Media</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
</header>
<!-- Fancy Banner -->
<div class="banner banner-container">
<img class="pure-img-responsive" width="4032" height="1702" src="img/banners/banner.jpg">
<div class="banner-centered banner-font">MARION HIGH SCHOOL ROBOTICS</div>
<div class="banner-button"><a class="pure-button pure-button-primary" href="http://mhs.marionunit2.org/index1.html" target="_blank">MHS WEBSITE</a></div>
</div>
<!-- Teams (Start of Black Background)-->
<!-- <a name="Teams"></a> -->
<div class="content-color">
<div class="content border-top-trim">
<h1 class="content-head is-center"><i>FIRST<sup>®</sup></i> Teams</h1>
<div class="pure-g">
<div class="l-box pure-u-1 pure-u-lg-1-3 is-center">
<a href="titans.html"><img width="300" alt="Team Logo" class="pure-img-responsive icon-red" src="img/logos/logo_hollow.png"></a>
<h3 class="content-subhead">Transistor Titans</h3>
<p class="gold-text">FTC Team 5187</p>
</div>
<div class="l-box pure-u-1 pure-u-lg-1-3 is-center">
<a href="muses.html"><img width="300" alt="Team Logo" class="pure-img-responsive icon-purple" src="img/logos/logo_hollow.png"></a>
<h3 class="content-subhead">Mechanical Muses</h3>
<p class="gold-text">FTC Team 11462</p>
</div>
<div class="l-box pure-u-1 pure-u-lg-1-3 is-center">
<a href="olympians.html"><img width="300" alt="Team Logo" class="pure-img-responsive icon-blue" src="img/logos/logo_hollow.png"></a>
<h3 class="content-subhead">Ohm's Olympians</h3>
<p class="gold-text">FTC Team 6206</p>
</div>
</div>
<!-- First Defintion-->
<div class="pure-g">
<div class="l-box-pad pure-u-1 pure-u-lg-1-2">
<div class"l-box-pad">
<h2>What’s <i>FIRST<sup>®</sup>?</i></h2>
<h4>It’s a competitive sport . . . . It’s more than robots . . . . It’s a life experience . . . . It’s opportunity . . . . It’s community . . . . It’s amazing.</h4>
</div>
<div class"right-align">
<p>
• A not-for-profit organization founded in 1989 by inventor Dean Kamen, <i>FIRST<sup>®</sup></i> is a <i>Sport for the Mind<sup>TM</sup></i>,
where young people solve real-world problems and explore science and technology by preparing for and competing in hands-on robotics challenges.
</br>
• The annual <i>FIRST<sup>®</sup></i> challenges for various age groups (grades K-12) culminate in regional tournaments and, ultimately,
an international robotics competition and celebration.
</br>
• Through their <i>FIRST<sup>®</sup></i> experiences, young people gain confidence, develop real-world people and life skills, make new friends,
and sometimes discover an unforeseen career path.
</br>
</p>
</div>
</div>
<!-- Tech Challenge-->
<div class="l-box-pad pure-u-1 pure-u-lg-1-2">
<div class"l-box-pad">
<h2><i>FIRST<sup>®</sup></i> Tech Challenge</h2>
<h4>(Ages 12-18/Grades 7-12)</h4>
</div>
<div class"right-align">
<p>
• In the <i>FIRST<sup>®</sup></i> Tech Challenge students design, build, and program their robots to compete on a 12’ x 12’ field, in Alliance format, against other teams.
</br>
• Robots are built from a reusable platform, powered by Android technology, and programmed using Java.
</br>
• Teams develop strategy and build robots based on sound engineering principles, such as rapid prototyping.
</br>
• Awards are given for the competition, as well as community outreach, design, and other real-world accomplishments.
</br>
• Students model a real-world engineering process.
</br>
• Students develop strategic problem-solving, organizational, and team-building skills.
</br>
• Students learn <i>Gracious Professionalism<sup>®</sup></i>.
</br>
</p>
</div>
</div>
</div>
</div>
<!-- Mentors (Start of White Ribbon)-->
<a name="Mentors"></a>
<div class="ribbon border-bottom-trim border-top-trim">
<div class="pure-u-1 content">
<h2 class="content-head content-head-ribbon is-center">Mentors</h2>
<p class="is-center">The Teacher's, Mentors, & Volunteer's.</p>
</div>
<div class="pure-g">
<div class="l-box pure-u-1 pure-u-lg-1-3 is-center">
<img width="300" alt="Mentor" class="pure-img-responsive" src="img/mentors/wallace.jpg">
<h3 class="content-head-ribbon">Mark Wallace</h3>
<p>Science Educator, Almost An Astronaut, Tech Enthusiast.</p>
</div>
<div class="l-box pure-u-1 pure-u-lg-1-3 is-center">
<img width="300" alt="Mentor" class="pure-img-responsive" src="img/mentors/stephens.jpg">
<h3 class="content-head-ribbon">Anthony Stephens</h3>
<p>Math Teacher</p>
</div>
<div class="l-box pure-u-1 pure-u-lg-1-3 is-center">
<img width="300" alt="Mentor" class="pure-img-responsive" src="img/mentors/messamore.jpg">
<h3 class="content-head-ribbon">Dave Messamore</h3>
<p>Engineering Mentor / Volunteer.</p>
</div>
</br>
<div class="l-box pure-u-1 pure-u-lg-1-3 is-center">
<img width="300" alt="Mentor" class="pure-img-responsive" src="img/mentors/dav.jpg">
<h3 class="content-head-ribbon">Dav Glass</h3>
<p>Programming Mentor / Volunteer, IaaS, Open Source & @nodejs Architect at @Oath (formerly @yahoo). I created @HackSI & @HackSI_Lights, & I ❤️ Drones.</p>
</div>
<div class="l-box pure-u-1 pure-u-lg-1-3 is-center">
<img width="300" alt="Mentor" class="pure-img-responsive" src="img/mentors/jake.jpg">
<h3 class="content-head-ribbon">Jacob Morton</h3>
<p>Programming Mentor / Volunteer, Drone Enthusiast, Student, Teacher.</p>
</div>
<div class="l-box pure-u-1 pure-u-lg-1-3 is-center">
<img width="300" alt="Mentor" class="pure-img-responsive" src="img/mentors/fleming.jpg">
<h3 class="content-head-ribbon">Alex Fleming</h3>
<p>print( "Olympian Alumni / Volunteer, Gamer / Graphic Designer / Website Designer / Cyber-Security Student / Code_Apprentice.js" );</p>
</div>
</br>
<div class="l-box pure-u-1 pure-u-lg-1-1 is-center">
<img width="300" alt="Mentor" class="pure-img-responsive" src="img/mentors/bloodworth.jpg">
<h3 class="content-head-ribbon">David Bloodworth</h3>
<p>Engineering Mentor / Volunteer.</p>
</div>
</div>
</div>
<!-- Media (Black Background)-->
<a name="Media"></a>
<div>
<div class="pure-u-1 content">
<h2 class="content-head is-center">Media</h2>
<p class="gold-text content-head is-center">Follow us on Twitter, Like us on Facebook, and check out our code on GitHub!</p>
</div>
<div class="pure-g">
<div class="l-box pure-u-1 pure-u-lg-1-4 is-center">
<a href="https://twitter.com/mars_robotics" target="_blank"><img width="200" alt="Twitter" class="pure-img-responsive" src="img/logos/twitter.png"></a>
<h3 class="content-head">Twitter Page</h3>
</div>
<div class="l-box pure-u-1 pure-u-lg-1-4 is-center">
<a href="https://www.facebook.com/The-Transistor-Titans-Ohms-Olympians-The-Mechanical-Muses-190200811031928/?ref=page_internal" target="_blank"><img width="200" alt="Facebook" class="pure-img-responsive" src="img/logos/facebook.png"></a>
<h3 class="content-head">Facebook Page</h3>
</div>
<div class="l-box pure-u-1 pure-u-lg-1-4 is-center">
<a href="https://github.com/MarionAreaRobotics" target="_blank"><img width="200" alt="GitHub" class="pure-img-responsive" src="img/logos/github.png"></a>
<h3 class="content-head">GitHub Page</h3>
</div>
<div class="l-box pure-u-1 pure-u-lg-1-4 is-center">
<a href="https://www.firstinspires.org/" target="_blank"><img width="200" alt="firstinspires-robotics" class="pure-img-responsive" src="img/logos/first.png"></a>
<h3 class="content-head">Compitition Info</h3>
</div>
</div>
</br>
</br>
</br>
<!-- Contact (Start of Blue Ribbon)-->
<a name="Contact"></a>
<div class="ribbon2 border-top-trim">
<div class="content is-center">
<h2 class="content-head">Contact Us</h2>
<p class="l-box-pad">
MARS (Marion Area Robotics Society) is an extracurricular program at Marion High School,
where 45 percent of students receive free/reduced lunch.
Although the MARS teams receive some funding from the school district,
this funding is not sufficient to cover costs for <i>FIRST<sup>®</sup></i> competition registration fees
and tournament travel costs as well as costs associated with building robots for competition.
Robots can cost about $1,500 each. The three MARS teams welcome support from outside sources.
</p>
</div>
<div class="pure-g">
<div class="l-box-lrg pure-u-1 is-center">
<p>Contact Us: <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
<!-- Extra Space -->
</br>
</br>
</br>
</br>
</div>
<!-- Footer -->
<div class="border-top-thin footer l-box is-center">
© 2018 MARS ROBOTICS
</div>
</div> <!-- NOT A DUPLICATE! (Black Background Ends)-->
</body>
</html>