-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwhat_is_FSAE.html
195 lines (147 loc) · 10.7 KB
/
what_is_FSAE.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
<!DOCTYPE html>
<!-- going to comment a lot of stuff for myself because i forgot a lot. please ignore-->
<html>
<head> <!--this is metadata stuff, includes the title, corresponding css stylesheet, and any fonts we are using in the file-->
<title>formulaslug</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="what_is_FSAE.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.typekit.net/vbl8jxf.css">
<style>
@import url("https://use.typekit.net/vbl8jxf.css");
</style>
<style>
@import url("https://use.typekit.net/vbl8jxf.css");
</style>
</head>
<body> <!--everything else, like the actual writing, classes, bla bla-->
<nav>
<div class="hamburger" onclick="toggleNav()">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
<ul class="nav" id="nav">
<li><a href="home_page.html">Home</a></li>
<li><a href="how_to_join.html">How To Join?</a></li>
<li><a href="what_is_FSAE.html">What Is FSAE?</a></li>
<li><div class="logo"><img src="FSexpandedLogoWriting.png" alt="Formula Slug Logo" width = "200"></div></li>
<li><a href="photo_gallery.html">Photo Gallery</a></li>
<li><a href="sponsors.html">Sponsors</a></li>
<li><a href="Leadership.html">Leadership</a></li>
</ul>
</nav>
<div class = "fsae_electric_pic"><h1>Formula SAE</h1> <!--change this bluh--></div>
<div class="fsae_comp">
<div class="flex-container">
<div class = "first_item">
<h1 class = "what_is_fsae">What is Formula SAE?</h1>
<p class = "fsae_desc">Formula SAE is a collegiate design competition organized by SAE (Society of Automotive Engineers) International. This design series is geared toward university-level automotive engineering projects, including an electric division, FSAE Electric.
FSAE Electric features a weekend-long design competition for university teams to compete in their student-crafted electric race cars with each other. At the FSAE Electric competition, race cars are judged on their compliance with rules, student design, business sales presentation, and on-track performance.
</p>
</div>
<div class = "second_item">
<h1 class = "FS_involve"> How is Formula Slug Involved?</h1>
<p class = "involve_desc"> Formula Slug entered FSAE Electric in the Fall of 2015, producing our first electric vehicle, FS-0. Since then, FS-1 and FS-2 have been developed on a two-year design cycle, with FS-2 passing mechanical inspection! <br>
We are currently working on FS-2 before we begin designing FS-3 on a one-year design cycle.</p>
</p>
</div>
</div>
<div class="designs">
<h1 class = "FS_design_intro"> Here are our past designs:</h1>
<div class="flex-container">
<div class="first_item">
<h3 class ="FS_design_title">FS-2: </h3>
<p class = "FS_design_brief">
FS-2 is our most recent design, developed from 2022 to 2024. The car competed at the SAE Formula 2024 Competition in Michigan and passed mechanical inspection! Currently, Formula Slug is continuing to work on FS-2 in preparation for the development of FS-3.
<!--on the left side of each blurb, i wanna have some photo to make it more interesting if possible!-->
</p>
<ul class = "design_topic" id="design_topic">
<li><b> Motor Type:</b> Zero ZF75-10 </li>
<li><b> Motor Count:</b> Single inboard motor </li>
<li><b> Max Speed:</b> 100mph </li>
<li><b> Max Voltage:</b> 117.6V </li>
<li><b> Power:</b> 80kW </li>
<li><b> Car Mass:</b> 509 lbs </li>
</ul>
</div>
<div class = "second_item"><br>
<img src="FS2_photoshoot.jpg" width="100%">
<p>Pictured is FS-2, which has been worked on throughout the summer.</p>
</div>
</div>
<div class="flex-container">
<div class="first_item">
<h3 class ="FS_design_title">FS-1: </h3>
<p class = "FS_design_brief">
FS-1 is the second racecar designed by Formula Slug from 2017 to 2019. The car competed at the SAE Formula Electric 2019 Competition, marking the second time Formula Slug went to competition. FS-1 was recently scrapped for parts in preparation for FS-2, our most recent racecar.
<!--on the left side of each blurb, i wanna have some photo to make it more interesting if possible!-->
</p>
<ul class = "design_topic" id="design_topic">
<li><b> Motor Type:</b> Zero ZF75-5 </li>
<li><b> Motor Count:</b> Dual Motor </li>
<li><b> Max Speed:</b> 46.6028 mph </li>
<li><b> Max Voltage:</b> 117.6V </li>
<li><b> Power:</b> 50.0 kW<br> </li>
<li><b> Car Mass:</b> 430 lbs </li>
</ul>
</div>
<div class = "second_item"><br>
<img src="FS1_FirstDrive.jpg" width="100%">
<p>Pictured is FS-1 being prepared for the first drive.</p>
</div>
</div>
<div class="flex-container">
<div class="first_item">
<h3 class ="FS_design_title">
FS-0:
</h3>
<p class = "FS_design_brief">
FS-0 is the first racecar developed by Formula Slug back in 2014. Even though the car did not compete, it was an important learning journey as the team navigated through various obstacles, including the novelty of everything they were manufacturing.
<!--on the left side of each blurb, i wanna have some photo to make it more interesting if possible!-->
</p>
<ul class = "design_topic" id="design_topic">
<li><b> Motor Type:</b> Zero ZF75-5 </li>
<li><b> Motor Count:</b> Dual Motor </li>
<li><b> Max Speed:</b> 45 mph </li>
<li><b> Max Voltage:</b> 300V </li>
<li><b> Power:</b> 34.3kW </li>
<li><b> Car Mass:</b> 440.925 lbs </li>
</ul>
</div>
<div class = "second_item"><br>
<iframe width="100%" src="https://www.youtube.com/embed/W2YDWzCsP7c?si=CXQA18SXISWJMIZH" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen width="100%" height="80%"> </iframe>
<p>Linked is "We Are Formula Slug" - a documentary about the newly established Formula Slug and their journey with FS-0.</p>
</div>
</div>
<br> <br> <br>
</div>
<div class="socials">
<div class="insta"><a href="https://www.instagram.com/formula_slug?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" target="_blank"><img src="instagram_logo.png" alt="Instagram Logo" width = "50"></a></div>
<div class="youtube"><a href="https://www.youtube.com/channel/UCIXrRFc7S0buc3ohnjWR_jQ" target="_blank"><img src="youtube_logo.png" alt="Youtube Logo" width = "48"></a></div>
<div class="mail"><a href="https://mail.google.com/mail/u/1/?view=cm&fs=1&[email protected]&tf=1" target="_blank"><img src="mail_logo.png" alt="Mail Logo" width = "50"></a></div>
<div class="linked"><a href="https://www.linkedin.com/company/formula-slug/mycompany/" target="_blank"><img src="linkedin_logo.png" alt="LinkedIn Logo" width = "49"></a></div>
</div>
<div class="copyright">©2024 Formula Slug</div>
</div>
<script>
function toggleNav() {
var navbar = document.getElementById("nav");
console.log("Hamburger clicked!"); // Debugging log to check if it runs
navbar.classList.toggle("show");
}
</script>
</body>
</html>