-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
239 lines (235 loc) · 10.4 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
<!DOCTYPE html>
<html lang="en" id="home-page">
<head>
<meta
name="viewport"
content="width=device-width,initial-scale=1.0,shrink-to-fit=no"
/>
<meta charset="UTF-8" />
<title>Scarlet Spacehawks</title>
<link rel="stylesheet" href="styles.css" />
<script src="script.js"></script>
</head>
<body>
<nav>
<ul>
<li id="navlogo-item">
<img id="navlogo" src="/images/logo.png" alt="Spacehawks logo" />
<svg
id="menu-icon"
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="bars"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512"
>
<path
fill="currentColor"
d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"
></path>
</svg>
</li>
<li id="homeButton">
<a class="nav-button" href="/">
<p>Home</p>
</a>
</li>
<li id="membersButton">
<a class="nav-button" href="/members">
<p>Members</p>
</a>
</li>
<li id="githubButton">
<a href="https://github.com/CHCOM330/SpaceHawksWebsite/">
<svg
aria-hidden="true"
focusable="false"
data-prefix="fab"
data-icon="github"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 496 512"
>
<path
fill="currentColor"
d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
></path>
</svg>
</a>
</li>
</ul>
</nav>
<header id="top">
<h1>Scarlet Spacehawks</h1>
</header>
<article id="goal">
<section class="banner" id="goal-banner">
<h2><strong>What</strong> We Do</h2>
</section>
<section class="card">
<h3>Our Goals</h3>
<ol class="minicard" id="goal-list">
<li>
<img
src="./images/engineering.jpg"
alt="Student designing mesh basket"
/>
<h4>Student Engineering</h4>
<p>
Provide Illinois Institute of Technology students an opportunity
to participate as a team in the full lifecycle development of an
autonomous robot.
</p>
<a href="https://www.iit.edu/">Visit IIT's homepage</a>
</li>
<li>
<img
src="./images/competition-goal.jpg"
alt="Robot being transported at Kennedy Space Center"
/>
<h4>Competition Excellence</h4>
<p>
Demonstrate our design's capabilities in a nationwide competition,
putting our robot and team to the test.
</p>
<a
href="https://www.nasa.gov/offices/education/centers/kennedy/technology/nasarmc.html"
>Read more about the competition</a
>
</li>
<li>
<img
src="./images/community-outreach.jpg"
alt="Community outreach table"
/>
<h4>Community Outreach</h4>
<p>
Engage the local community through outreach to inspire students to
explore the many fields of STEM.
</p>
<a href="./gallery">
View our gallery of previous outreach events
</a>
</li>
</ol>
</section>
</article>
<article id="competiton">
<section class="banner" id="competition-banner">
<h2>What we compete in</h2>
</section>
<section class="card alt">
<h3>NASA Robotic Mining Competition</h3>
<img
src="./images/rmc.png"
class="card-logo"
alt="NASA Robot Mining Competition logo"
/>
<p>
We compete in NASA's annual Robot Mining Competition that is held at
the Kennedy Space Center. The competition challenges colleges around
the country to design and build an autonomous robot that can navigate
an arena that simulates the surface of the Moon.
</p>
<p>
The objective of the robot is to traverse the arena, mine icy regolith
simulant, and then return the collected substance to the collection
bin. The competition is designed with NASA's Artemis program in mind,
which aims to land astronauts on the Lunar surface by 2024.
</p>
</section>
</article>
<footer id="footer">
<section class="contact-footer">
<h5>Contact Us</h5>
<ul>
<li id="email">
<a href="mailto:[email protected]">
<svg
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="envelope"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<path
fill="currentColor"
d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"
></path>
</svg>
<p>[email protected]</p>
</a>
</li>
<li id="facebook">
<a href="https://www.facebook.com/IITSpaceHawks/">
<svg
aria-hidden="true"
focusable="false"
data-prefix="fab"
data-icon="facebook"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<path
fill="currentColor"
d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
></path>
</svg>
<p>IITSpaceHawks</p>
</a>
</li>
<li id="instagram">
<a href="https://www.instagram.com/scarletspacehawksiit/">
<svg
aria-hidden="true"
focusable="false"
data-prefix="fab"
data-icon="instagram"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512"
>
<path
fill="currentColor"
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
></path>
</svg>
<p>scarletspacehawksiit</p>
</a>
</li>
</ul>
</section>
<section class="home-footer links">
<h5><a href="/">Home</a></h5>
<ol>
<li>
<a href="/#goal">What We Do</a>
</li>
<li>
<a href="/#competition">Our Competition</a>
</li>
</ol>
</section>
<section class="members-footer links">
<h5><a href="/members">Members</a></h5>
<ol>
<li>
<a href="/members/#programming-team">Programming Team</a>
</li>
<li>
<a href="/members/#electrical-team">Electrical Team</a>
</li>
<li>
<a href="/members/#mechanical-team">Mechanical Team</a>
</li>
</ol>
</section>
</footer>
</body>
</html>
<!-- All SVGs are Font Awesome icons, unmodified. License here: https://fontawesome.com/license -->