-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
173 lines (172 loc) · 6.68 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="style.css"/>
<script src="https://kit.fontawesome.com/5a6fc2c1d3.js" crossorigin="anonymous"></script>
<title>Astraeus Rocketry</title>
</head>
<body id="home">
<div class="navBar">
<a class="active" href="#home">HOME</a>
<a href="#about">ABOUT</a>
<a href="#team">TEAM</a>
<a href="#sponsors">SPONSORS</a>
<a href="#contact">CONTACT</a>
</div>
<div class="heroBox">
<img src="resources/herologotype.svg" style="width: 60%" alt="Astraeus"/>
</div>
<!-- TODO: Add sponsors section -->
<div class="mainBox" style="margin-bottom: -75px">
<h2 style="text-align: center">
An American Rocketry Challenge (ARC) team based in <span class="highlighted">Poolesville, Maryland.</span>
</h2>
<h2 class="subheading" style="margin-bottom: 40px">Our Goals:</h2>
<div class="goalContainer">
<div class="goalBoxLeft">
<i class="fa-solid fa-rocket"></i>
<div class="goalBoxLeftText">
<p style="letter-spacing: 3px"><strong>DELIVER A PAYLOAD</strong></p>
<p>Design a rocket that cradles two sideways oriented eggs</p>
</div>
</div>
<div class="goalBoxRight" style="margin-bottom: 20px">
<i class="fa-solid fa-arrows-left-right-to-line fa-rotate-by"
style="--fa-rotate-angle: 90deg; font-size: 75px"
></i>
<div class="goalBoxRightText">
<p style="letter-spacing: 3px"><strong>REACH A SET ALTITUDE</strong></p>
<p>Aim for a maximum altitude of exactly 790 feet</p>
</div>
</div>
<div class="goalBoxLeft">
<i class="fa-solid fa-clock"></i>
<div class="goalBoxLeftText">
<p style="letter-spacing: 3px"><strong>FLY FOR A SET TIME</strong></p>
<p>Remain in flight within the range of 41 to 44 seconds</p>
</div>
</div>
<div class="goalBoxRight" style="margin-bottom: 20px">
<i class="fa-solid fa-parachute-box"></i>
<div class="goalBoxRightText" style="margin-right: 40px; margin-top: -25px">
<p style="letter-spacing: 3px"><strong>RETURN TO GROUND</strong></p>
<p>Safely return to the ground with no damage to the eggs</p>
</div>
</div>
</div>
</div>
<div class="mainBox" id="about">
<h2 class="subheading">Our Plan:</h2>
<p>
Create an actively guided rocket that uses <span class="highlighted">four fins</span> to steer and brake
the rocket to the precise altitude.
</p>
<p>
The airframe of our rocket will be:
</p>
<ul>
<li>3D printed</li>
<li>Composite</li>
<li>Light</li>
<li>Rigid</li>
</ul>
<p>
providing a <span class="highlighted">safe ascent and descent</span> for the payload.
</p>
<p>
For descent control, our rocket will feature a reefed parachute design to allow us incredible authority
over our sink rate, ultimately allowing us to <span class="highlighted">flawlessly land</span> the vehicle
after flight.
</p>
<p>
All of this will be controlled with off-the-shelf flight computers running software specifically designed
around simulations. These simulations will <span class="highlighted">calculate aerodynamic forces</span> on
the aircraft during flight.
</p>
</div>
<div class="mainBox" id="team">
<div class="teamDescription">
<div class="teamList">
<h2 class="subheading">Our Team:</h2>
<ul>
<li>Aryan Singh</li>
<li>Goran Naydenov</li>
<li>Hriday Bhanushali</li>
<li>Samuel Adeniyi Jones III</li>
<li>Hanish Soundarrajan</li>
<li>Rudrojas Kunvar</li>
<li>Arjun Mujumdar</li>
<li>Dhruv Srivastava</li>
<li>Daniel Shi</li>
<li>Jason Kim</li>
</ul>
</div>
</div>
</div>
<div class="mainBox" id="sponsors">
<div class="teamDescription">
<div class="teamList">
<h2 class="subheading">Our Sponsors:</h2>
<!-- TODO: Sponsor logos here -->
<p>
Since our team is <span class="highlighted">student run</span>, sponsors are crucial for us to get the
money we need to operate.
</p>
<p>Sponsors get:</p>
<ul>
<li><span class="highlighted">Their logo</span> printed on the body of the rocket</li>
<li>A <span class="highlighted">special banner</span> if we make it to the national finals</li>
<li>A spot on this section of our website</li>
</ul>
<p>If you own a company and want to fund our team, please contact us with the info in the section below.</p>
</div>
</div>
</div>
<div class="mainBox" id="contact">
<h2 class="subheading">Contact:</h2>
<p>
If you're <span class="highlighted">ready to sponsor</span>, or you have general inquiries about the team, shoot
us an email! Our inbox is open every day of the week.
</p>
<p><a href="mailto:[email protected]" style="color: #f4be6a">
<span class="highlighted">[email protected]</span>
</a></p>
<p><a href="mailto:[email protected]" style="color: #f4be6a">
<span class="highlighted">[email protected]</span>
</a></p>
</div>
<footer>
<div class="footerText">
<p><strong>OUR SOCIALS:</strong></p>
<a class="footerSocial" href="https://www.instagram.com/astraeus.rocket">
<i class="fa-brands fa-square-instagram"></i>
<p>@astraeus.rocket</p>
</a>
<a class="footerSocial" href="https://github.com/yamamara/Astraeus">
<i class="fa-brands fa-square-github"></i>
<p>Astraeus</p>
</a>
</div>
<div class="footerLeft">
<p>
made with <span style="color: hotpink; font-weight: bold"><3</span> by
<a href="https://github.com/yamamara/">aryan</a> and
<a href="https://github.com/fyrhanish/">hanish</a>
</p>
</div>
</footer>
</body>
<!-- Scrolls on nav bar press -->
<script>
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
</html>