forked from Team3128/team3128.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
244 lines (229 loc) · 12 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
---
layout: homepage
title: Aluminum Narwhals
---
<div style="background: white" class="home">
<table class="carouselTable" cellspacing="0px" cellpadding="0px" width="100%">
<tr width="100%" >
<td width="100%">
<div width="100%" style="overflow: hidden;">
<div class="inlineblock">
{% for card in site.data.cards %}
<div onClick="location.href='{{ card.link }}'" width="25%" class="card">
<img class="imgCard" width="100%" src="{{ card.imageSource }}"></img>
<div class="cardInfo">
<table cellpadding="0px" width="100%" height="100%">
<tr height="100%">
<td style="padding-left: 15px; text-align: left" height="100%" width="40%">
<span style="text-align:center;display:inline-block;vertical-align: bottom;"><h2 class="cardTitle">{{ card.title }}</h2></span>
</td>
<td style="padding-right: 15px; text-align: right" height="100%" width="60%">
<span class="cardInfoText" style="display:inline-block;vertical-align: bottom; font-size: 20px;">{{ card.info }}</span>
</td>
</tr>
</table>
</div>
</div>
{% endfor %}
</div>
</div>
</td>
</tr>
</table>
<table id="tiny" cellpadding="0px" style="background: grey; color: black">
<tr cellpadding="0px">
<td cellpadding="0px">
<table width="100%">
<tr width="100%">
<td align="center">
<div height="100%" width="100%">
<h2 style="color: white;" id="center-text">Check out what's going on...</h2>
</div>
</td>
</tr>
</table>
<table cellpadding="15px" cellspacing="10px" width="100%">
{% for card in site.data.cards %}
<tr>
<td onClick="javascript:location.href='{{ card.link }}'" class="indexpost hover_animate" width="33%" style="vertical-align: top; padding: 10px;" width="25%" height="100%">
<div style="vertical-align: text-top;">
<span style="text-align: center">
<h4>{{ card.title }}</h4>
</span>
<img width="100%" class="small_card_image hover_animate" src="{{ card.fullImage }}" />
<br>
{{ card.info }}
</div>
</td>
</tr>
{% endfor %}
</table>
</td>
</tr>
</table>
<!-- <tr>
<td align="center" width="100%" style="padding: 10px;">
<h4><b>Want to be a part of Team 3128 for the 2021-2022 School Year?</b></h4>
<a href="https://www.team3128.org/members/"><div style="margin-top: 8px;" class="button hover_animate" align="center">REGISTRATION INFORMATION</div></a>
</td>
</tr> -->
<tr width="100%" style="background: #e6e6e6">
<td>
<table width="100%">
<tr width="100%">
<td style="vertical-align: top; width: 80px;">
<img src="/assets/graphics/quote.png" style="margin-right: 10px; margin-left:10px; margin-top:10px; margin-bottom:35px; opacity: .35"></img>
</td>
<td style="vertical-align: top;">
<h4 style="margin-right: 10px; margin-left:20px; margin-top:35px; margin-bottom:35px"><i>We strive to cultivate leadership and innovation through an engaging STEM education that embraces all students, regardless of background, in a vibrant and connected team culture.</i></h4>
</td>
</tr>
</table>
</td>
</tr>
<table style="table-layout:fixed" cellpadding="0px" cellspacing="0px" width="100%">
<tr width="100%" style="background: #e6e6e6">
<td align="center" width="100%" style="padding: 15px;">
<div width="100%">
<h4>Team 3128 is a student-run, high-school robotics team from Canyon Crest Academy.</h4>
</div>
<a href="https://www.team3128.org/about/leaders/"><div style="margin-top: 8px;" class="button hover_animate" align="center">Meet our Team Leaders, Mentors, and Coaches</div></a>
</td>
</tr>
<tr>
<td align="center" width="100%" style="padding: 10px;">
<h4>Want to learn more about our team?</h4>
<a href="https://team3128.us17.list-manage.com/subscribe?u=7c13b1f47db9b4f3392eda9f2&id=4c89f7c84c"><div style="margin-top: 8px;" class="button hover_animate" align="center">Sign up for our community newsletter!</div></a>
</td>
</tr>
<table style="table-layout:fixed" cellpadding="0px" cellspacing="0px" width="100%">
<tr width="100%" style="background: #e6e6e6">
<td align="center" width="100%" style="padding: 15px;">
<div width="100%">
<h4>Want to help out?</h4>
</div>
<a href="https://www.team3128.org/support-us/"><div style="margin-top: 8px;" class="button hover_animate" align="center">Support Us!</div></a>
</td>
</tr>
<tr width="100%" class="header_bar">
<td>
<h1 class="header_bar">What We Do</h1>
</td>
</tr>
<tr width="100%">
<td>
<table width="100%" cellpadding="10px">
<tr width="100%">
<td width="250px" class="whatwedo-image-large" >
<a href="http://www.firstinspires.org/robotics/frc"><img src="/assets/homepage/frc.png"></img></a>
</td>
<td>
<div class="whatwedo-image-small">
<a href="http://www.firstinspires.org/robotics/frc"><img src="/assets/homepage/frc.png"></img></a>
</div>
<h2>FIRST Robotics Competiton</h2>
Our team competes in the FIRST Robotics Competition, a program created by FIRST - For Recognition and Inspiration of Science and Technology. FIRST's founder Dean Kamen had two goals; one was to make robotics a competitive sport that drove students of all grade levels to strive to build and design amazing machines, but the other was to create a cooperative environment where innovation and creativity could thrive and students could become leaders in science and technology. The FIRST Robotics Competition was created for high school students to build 100-pound robots to form alliances and compete with teams from around the world.
<br><br>
<a href="http://www.firstinspires.org/robotics/frc"><div class="button hover_animate" align="center">Learn more</div></a>
</td>
</tr>
</table>
</td>
</tr>
<tr width="100%" style="background: #e6e6e6">
<td>
<table width="100%" cellpadding="10px">
<tr width="100%">
<td>
<div class="whatwedo-image-small">
<a href="/camp/"><img src="/assets/homepage/camp.png"></img></a>
</div>
<h2>Robotics Summer Camp</h2>
Over the Summer, our robotics team runs a 3-week long camp for students grades 1-8. For one week, students get to design, build, program, and drive their very own robots. Our goal as a camp is to create an atmosphere for preteens and middle school students to become aware of and excited about science, technology, engineering and math. We want to provide a safe space where students can explore and become passionate about new subjects that they might desire to pursue in middle school, high school, and possibly throughout the rest of their lives.
<br><br>
<a href="/camp/"><div class="button hover_animate" align="center">Learn more</div></a>
</td>
<td width="250px" class="whatwedo-image-large">
<a href="/camp/"><img src="/assets/homepage/camp.png"></img></a>
</td>
</tr>
</table>
</td>
</tr>
<tr width="100%">
<td>
<table width="100%" cellpadding="10px">
<tr width="100%">
<td width="250px" class="whatwedo-image-large" >
<a href="https://drive.google.com/file/d/1eCF6W_rqSJrtXeeTQKeTbEUN7-NlHxFs/view?usp=sharing"><img src="/assets/homepage/workshopmap.png"></img></a>
</td>
<td>
<div class="whatwedo-image-small">
<a href="https://drive.google.com/file/d/1eCF6W_rqSJrtXeeTQKeTbEUN7-NlHxFs/view?usp=sharing"><img src="/assets/homepage/workshopmap.png"></img></a>
</div>
<h2>Finding the workshop</h2>
Our Workshop is located right under the Learning Commons. You can see where our workshop is on this map. There are two ways to get to our workshop:
<br>
1. <b>From the school:</b> Take the stairs between the B building and the Learning Commons towards the Admin Parking Lot. Our workshop is just past the Nest on the right side of the gate (the fenced-in area).<br>
2. <b>From the Admin Parking Lot:</b> Our workshop can be accessed by entering the large concrete sidewalk just right of the Administration building. It is the fenced-in area.
<br><br>
</td>
</tr>
</table>
</td>
</tr>
<!--
<tr width="100%" class="header_bar">
<td>
<h1 class="header_bar">Latest Updates</h1>
</td>
</tr>
<tr style="background: grey">
<td>
<table class="normwidthupdate" style="table-layout:fixed" width="100%" cellspacing="15px" cellpadding="20px">
<tr width="100%" height="150px">
{% for post in site.posts limit: 3 %}
<td onClick="javascript:location.href='{{ post.url | prepend: site.baseurl }}'" class="indexpost hover_animate" style="width: 100%">
<div class="post-top">
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }} • {{ post.author }}</span>
<h4>{{ post.title }}</h4>
</div>
<div class="post-excerpt">
{{ post.content | strip_html | truncatewords: 30 }}
</div>
</td>
{% endfor %}
</tr>
<tr width="100%">
<td colspan="3" onClick="javascript:location.href='{{ "/blog/" | prepend: site.baseurl }}'" class="indexpost hover_animate" style="text-align: center;vertical-align: middle; padding: 10px;">
<h4>See more...</h4>
</td>
</tr>
</table>
<table class="smallwidthupdate" style="table-layout:fixed" width="100%" cellspacing="15px">
{% for post in site.posts limit: 4 %}
<tr width="100%">
<td onClick="javascript:location.href='{{ post.url | prepend: site.baseurl }}'" class="indexpost hover_animate" width="33%">
<div style="text-align: center">
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }} • {{ post.author }}</span>
<h4>{{ post.title }}</h4>
</div>
{{ post.content | strip_html | truncatewords: 30 }}
</td>
</tr>
{% endfor %}
<tr width="100%">
<td onClick="javascript:location.href='{{ "/blog/" | prepend: site.baseurl }}'" class="indexpost hover_animate" width="33%" style="text-align: center;vertical-align: middle; padding: 10px;">
<h4>See more...</h4>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<a href="{{ "/feed.xml" | prepend: site.baseurl }}"> <div style="margin: 15px;" class="button hover_animate" align="center">Subscribe via RSS</div></a>
</td> -->
</tr>
</table>
</div>