-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
287 lines (282 loc) · 12.1 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
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html lang="en">
<!-- Header Information -->
<head>
<meta charset="UTF-8">
<title>ALC Robotics</title>
<link href="css/style.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="images/global/favicon.ico">
<script src="https://kit.fontawesome.com/4c31a4ea6b.js" crossorigin="anonymous"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<!-- Website Body -->
<body>
<!-- Navbar -->
<script>
$(function () {
$("#navbar").load("nav.html");
});
</script>
<nav id="navbar">
</nav>
<!-- Main -->
<main id="main" class="flexbox-col">
<!-- ALChemists Bubbler Box -->
<div class="bubble-box">
<div class="bubbles">
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>
</div>
<!-- TEXT -->
<div id="morph-text">
<span id="text1"></span>
<span id="text2"></span>
</div>
<script src="/javascript/TextMorpher.js"></script>
<script>
// Example of implementation
const elements = {
text1: document.getElementById("text1"),
text2: document.getElementById("text2")
};
const customTexts = ["Team 3405", "The ALChemists"];
const morpher = new TextMorpher(elements, customTexts, 1.5, 2.5);
</script>
<!-- SVG -->
<svg id="filters">
<defs>
<filter id="threshold">
<feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 255 -140" />
</filter>
</defs>
</svg>
</div>
<!-- FRC Logo, Mission Statement, Info Snippet -->
<div class="dividedContent">
<!-- Logo -->
<div class="frclogo">
<img width="40%" src="images/media/FIRSTRobotics_IconVert_RGB.png" alt="FIRST Robotics Competition">
</div>
<!-- Mission Statements -->
<div class="mission-description-box">
<div class="mission">
<b>Our Mission:</b>
<p>Our mission as a FIRST Robotics team is to inspire exploration, discovery, and creativity in ourselves and others, while promoting inclusion, leadership, and innovation.</p>
</div>
<div class="quickfacts">
<b>About us:</b>
<p>The ALChemists (Team 3405) are an FRC team based in Salem, Utah. They have been on the field since 2010 and are working to inspire the next generation of student thinkers!</p>
</div>
</div>
</div>
<!-- Break -->
<br />
<!-- Event Grid title -->
<div class="eventdivider">
<h1 id="dividertitle">Upcoming Events & Meetings:</h1>
</div>
<!-- Calendar & Countdown Responsive Grid -->
<div class="responsive_events">
<!-- Countdown to the Next Important Event -->
<div class="mainPageCountdown">
<div class="countdownClock">
<div class="clock-container">
<h1 id="headline">Idaho Regional Competition</h1>
<div id="countdown">
<ul class="clockList">
<li class="clockList"><span id="days"></span>Days</li>
<li class="clockList"><span id="hours"></span>Hours</li>
<li class="clockList"><span id="minutes"></span>Minutes</li>
<li class="clockList"><span id="seconds"></span>Seconds</li>
</ul>
</div>
<div id="content" class="emoji">
<span>⚡</span>
<span>⚡</span>
<span>⚡</span>
</div>
</div>
</div>
<div class="basicTxtBox">
<h2 class="basicTxt">Weekly Meetings on Tuseday and Wednesday after school</h2>
</div>
</div>
<!-- Change the countdown date in the file below -->
<script src="javascript/countdown.js"></script>
<!-- Calendar -->
<iframe src="https://embed.styledcalendar.com/#poVk4R983bKEtnHyPA4N" title="Styled Calendar" class="styled-calendar-container" style="width: 100%; border: none;" data-cy="calendar-embed-iframe"></iframe>
<script async type="module" src="https://embed.styledcalendar.com/assets/parent-window.js"></script>
</div>
<!-- Break -->
<br />
<br />
<br />
<!-- Elevator Pitch -->
<div class="dividedContent">
<!-- Team Photo -->
<div class="teamphotobox">
<img width="70%" class ="teamphoto" src="/images/media/Team2024.png" alt="FIRST Robotics Competition">
</div>
<!-- Elevator Pitch -->
<div class="pitch-box">
<div class="pitch">
<b>Want in on the fun?</b>
<p>Whether you are a student or a parent, come join our FIRST Robotics team and become a leader in STEM! Develop critical thinking and teamwork skills while having fun building robots to compete with other teams. No experience necessary, all are welcome.</p>
</div>
<div class="joinbutton">
<a href="join/index.html" id="joinusbutton">Join Team 3405</a>
</div>
</div>
</div>
<!-- Break -->
<br />
<br />
<br />
<!-- Sponsor Carousel -->
<div class="demo-row">
<div class="container" id="id-sponsors">
<div class="text-center">
<h2 style="margin:20px 0;color:#fff;">Our Sponsors & Partners</h2>
</div>
<div id="sponsor-carousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<!-- <li data-target="#carousel-example-generic" data-slide-to="2"></li> -->
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="row">
<div class="col-sm-3 col-xs-6">
<div class="sponsor-feature">
<a href="https://www.nebo.edu/">
<img id="sponsor-logo" alt="Nebo School District" src="images/sponsors/NSD_logo.png"/></div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<div class="sponsor-feature">
<a href="https://alc.nebo.edu/">
<img id="sponsor-logo" alt="Nebo's Advanced Learning Center" src="images/sponsors/ALC_logo.png"/></div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<div class="sponsor-feature">
<a href="">
<img id="sponsor-logo" alt="CentraCom" src="images/sponsors/CentraCom-blue.png"/></div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<div class="sponsor-feature">
<a href="">
<img id="sponsor-logo-vertical" alt="The Gene Haas Foundation" src="images/sponsors/GeneHaas.png"/></div>
</a>
</div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-sm-3 col-xs-6">
<div class="sponsor-feature">
<a href="">
<img id="sponsor-logo" alt="Department of Defense STEM Initiative" src="images/sponsors/Full_Color_DoDSTEM_Logo.png" /></div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<div class="sponsor-feature">
<a href="">
<img id="sponsor-logo-vertical" alt="Nebo's Bottle CAPS Bus" src="images/sponsors/bottle-CAPS.png" style="width: 160px;" /></div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<div class="sponsor-feature">
<a href="">
<img id="sponsor-logo-vertical" alt="Nebo's CAPS Program" src="images/sponsors/nebo-caps.png" style="width: 160px;" /></div>
</a>
</div>
<div class="col-sm-3 col-xs-6">
<div class="sponsor-feature">
<a href="">
<img id="sponsor-logo" alt="YOUR BUSINESS HERE: See Sponsor page!" src="images/sponsors/sponsor-us.png" style="width: 160px;" /></div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Carousel Slider Script -->
<script src="javascript/myscripts.js"></script>
<!-- Site footer -->
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6">
<h6>About</h6>
<p class="text-justify">The ALChemists are a FIRST Robotics Team located at Nebo's Advanced Learning Center in Salem, Utah. They began as the Golden Eagle Bots at Maple Mountain High School in 2010 under the direction of Mr. Robert Eastmond. The team was an FRC Utah Regional Finalist their rookie year and have since been regional finalists three times (2011, 2014, and 2015, respectively). The program has expanded to allow participation of all students in Nebo School District and regularly participates in school and community events. in 2024, Eastmond left on a service mission for the Church of Jesus Christ of Latter Day Saints, and the program is now being mentored my Ms. Park</p>
</div>
<div class="col-xs-6 col-md-3">
<h6>Resources</h6>
<ul class="footer-links">
<li><a href="/projects/Sub Pages/Programming.html">Programming</a></li>
<li><a href="/projects/Sub Pages/Programming.html">Engineering</a></li>
<li><a href="/projects/Sub Pages/Programming.html">Marketing</a></li>
<li><a href="h/projects/Sub Pages/Programming.html">Scout Team</a></li>
<li><a href="/projects/Sub Pages/Programming.html">Alumni</a></li>
<li><a href="/projects/Sub Pages/Programming.html">Parents</a></li>
<li><a href="/projects/Sub Pages/Programming.html">Mentors</a></li>
</ul>
</div>
<div class="col-xs-6 col-md-3">
<h6>Quick Links</h6>
<ul class="footer-links">
<li><a href="/team/">About Us</a></li>
<li><a href="mailto:team3405@gmail.com">Contact Us</a></li>
<li><a href="/join/">Join our Team</a></li>
<li><a href="/sponsor/">Sponsor Us</a></li>
<li><a href="http://scanfcode.com/sitemap/">Our Mission</a></li>
<li><a href="#">Press Releases</a></li>
<li><a href="https://www.nebo.edu/">Nebo School District</a></li>
</ul>
</div>
</div>
<hr>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-6 col-xs-12">
<p class="copyright-text">Copyright © <script>document.write(new Date().getFullYear())</script>
<a href="#">ALC Robotics</a>. <a href="https://www.nebo.edu/pubpolicy/"> [District Policy & Non-Discrimination Notice] </a>
</p>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<ul class="social-icons">
<li><a class="facebook" href="https://www.facebook.com/AdvancedLearningCenterALC/" target="new"><i class="fa fa-facebook"></i></a></li>
<li><a class="instagram" href="https://www.instagram.com/alcrobotics/" target="new"><i class="fa fa-instagram"></i></a></li>
<li><a class="github" href="https://www.github.com/FRC-Team-3405/" target="new"><i class="fa fa-github"></i></a></li>
<li><a class="linkedin" href="https://www.linkedin.com/school/nebo-advanced-learning-center/" target="new"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
</main>
</body>
</html>
<!-- my brother wanted to type in here, so he did this: -->
<!-- hello i am a daniel and i am a person man and type in text box of code with the cool <these things> and the /these things\ and whatnot thank you for listening i will be leaving now -->