mirror of
https://github.com/UofCBaja/BajaUofCWebsite.git
synced 2025-06-16 05:44:17 -06:00
feat(homepage): postionsing started
This commit is contained in:
parent
1464667142
commit
4e3a66d33d
@ -35,18 +35,29 @@
|
|||||||
/* #HomeTop div h2 {
|
/* #HomeTop div h2 {
|
||||||
} */
|
} */
|
||||||
|
|
||||||
|
.HomePageLayout {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
width: 70svw;
|
||||||
|
margin-top: 2svh;
|
||||||
|
}
|
||||||
|
|
||||||
.HomePageLayout div {
|
.HomePageLayout div {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding-top: 2.5svh;
|
padding-top: 2.5svh;
|
||||||
padding-bottom: 2.5svh;
|
padding-bottom: 2.5svh;
|
||||||
margin-left: 15svh;
|
column-gap: 4svw;
|
||||||
margin-right: 15svh;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.HomePageLayout img {
|
.HomePageLayout img {
|
||||||
/* height: 5svh;
|
/* height: 5svh;
|
||||||
width: 5svw; */
|
width: 5svw; */
|
||||||
flex-grow: 1;
|
/* flex-grow: 1; */
|
||||||
|
border-radius: 1rem;
|
||||||
|
width: 50%;
|
||||||
|
height: 55svh;
|
||||||
|
margin-top: auto;
|
||||||
|
/* margin: auto 0px; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.HomePageLayout a {
|
.HomePageLayout a {
|
||||||
@ -54,23 +65,41 @@
|
|||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
||||||
border: solid 2px black;
|
border: solid 2px black;
|
||||||
|
border-radius: 1rem;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
margin: 0svh 8svw;
|
||||||
|
font-size: large;
|
||||||
|
text-decoration: none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin-top: 2svh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.HomePageLayout a:hover {
|
||||||
|
background-color: grey;
|
||||||
}
|
}
|
||||||
|
|
||||||
.HomePageLayout h2 {
|
.HomePageLayout h2 {
|
||||||
border-bottom: solid 3px black;
|
border-bottom: solid 3px black;
|
||||||
padding-left: 2svw;
|
/* padding-left: 2svw; */
|
||||||
|
padding-bottom: 0.5svh;
|
||||||
|
font-size: 36px;
|
||||||
/* margin-left: 2svw; */
|
/* margin-left: 2svw; */
|
||||||
/* margin-right: 2svw; */
|
/* margin-right: 2svw; */
|
||||||
|
/* margin: 0px; */
|
||||||
|
margin-bottom: 2svh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.HomePageLayout p {
|
||||||
|
padding: 0px;
|
||||||
|
margin: 1svh 0svw;
|
||||||
|
font-size: larger;
|
||||||
}
|
}
|
||||||
|
|
||||||
.HomePageLayout div div {
|
.HomePageLayout div div {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
justify-content: space-between;
|
/* justify-content: space-between; */
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -89,6 +118,11 @@
|
|||||||
border: solid 2px black;
|
border: solid 2px black;
|
||||||
|
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
|
margin-top: 4svh;
|
||||||
|
}
|
||||||
|
|
||||||
|
#HomeSponsors h2 {
|
||||||
|
margin-top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#HomeSponsors div {
|
#HomeSponsors div {
|
||||||
@ -98,11 +132,32 @@
|
|||||||
#HomeSponsors div div {
|
#HomeSponsors div div {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
width: inherit;
|
width: inherit;
|
||||||
|
|
||||||
justify-content: space-around;
|
justify-content: center;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
row-gap: 2svh;
|
||||||
|
column-gap: 6svw;
|
||||||
|
}
|
||||||
|
|
||||||
|
#HomeSponsors div div div {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
row-gap: 0px;
|
||||||
|
/* justify-content: center; */
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#HomeSponsors div div div img {
|
||||||
|
width: 13svw;
|
||||||
|
height: 13svh;
|
||||||
|
}
|
||||||
|
|
||||||
|
#HomeSponsors div div div h3 {
|
||||||
|
margin: 1svh 0svw;
|
||||||
}
|
}
|
||||||
|
|
||||||
#HomeSponsorLinks {
|
#HomeSponsorLinks {
|
||||||
@ -110,11 +165,17 @@
|
|||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
|
|
||||||
justify-content: space-around;
|
justify-content: center;
|
||||||
background-color: aqua;
|
padding-top: 2svh;
|
||||||
}
|
}
|
||||||
|
|
||||||
#HomeSponsorLinks a {
|
#HomeSponsorLinks a {
|
||||||
padding-left: 5svw;
|
margin-top: auto;
|
||||||
padding-right: 5svw;
|
padding: 1svh 4svw;
|
||||||
|
/* padding-left: 5svw; */
|
||||||
|
/* padding-right: 5svw; */
|
||||||
|
margin: 0px 2svw;
|
||||||
|
width: 8svw;
|
||||||
|
text-wrap: nowrap;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -24,44 +24,41 @@ export default function Home() {
|
|||||||
alt="the team?"
|
alt="the team?"
|
||||||
/>
|
/>
|
||||||
<div>
|
<div>
|
||||||
<h2>Who We Are</h2>
|
<h2>What We Do</h2>
|
||||||
<p>
|
<p>
|
||||||
UCalgary Baja is a student organization which designs, builds, and
|
UCalgary Baja is a student organization which designs, builds, and
|
||||||
racing an off-road vehicle in the Baja SAE intercollegiate
|
racing an off-road vehicle in the Baja SAE competition organized
|
||||||
competition organized by the Society of Automotive Engineers (SAE)
|
by the Society of Automotive Engineers (SAE) every year. Schulich
|
||||||
every year. Schulich Off-Road's cars are tough, dependable,
|
Off-Road's cars are tough, dependable, competitive, and extremely
|
||||||
competitive, and extremely fun to drive.
|
fun to drive.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
UCalgary Baja is a team consisting of talented and determined
|
In UCalgary Baja, we gain practical experience in design and
|
||||||
competitive individuals in engineering who strive to expand their
|
manufacturing by constructing various car components. We learn to
|
||||||
horizons, earn experience, and network with leading companies in
|
balance cost, manufacturing limitations, and performance to
|
||||||
their respective fields. Our members achieve this by being a part
|
develop optimal parts, budgets, and processes. This involves using
|
||||||
of one of our 6 sub-teams: Drivetrain, Logistics and Software,
|
CAD technology like SolidWorks and FEA simulations.
|
||||||
Suspension, Chassis and Ergonomics, Steering, and Electrical and
|
|
||||||
Testing.
|
|
||||||
</p>
|
</p>
|
||||||
<Link to={"AboutUs"}>Learn More</Link>
|
<Link to={"AboutUs"}>Learn More</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<h2>Join the Team</h2>
|
<h2>Who We Are</h2>
|
||||||
<p>
|
<p>
|
||||||
Students involved in UCalgary Baja gain practical experience in
|
We are a team of engineering and business students who strive to
|
||||||
design and manufacturing by constructing various car components.
|
expand our horizons in our respective fields by getting real
|
||||||
They learn to balance cost, manufacturing limitations, and
|
world, hands on experience. Our members achieve this by being a
|
||||||
performance to develop optimal parts, budgets, and processes. This
|
part of one of our 9 sub-teams: Suspension, Chassis, Ergonomics,
|
||||||
involves using CAD technology like SolidWorks and FEA simulations.
|
Steering, Powertrain, Final Drive, Electrical, Software, and
|
||||||
|
Business.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Additionally, members acquire hands-on skills such as welding and
|
Each subteam handles a specific component, collaborating,
|
||||||
operating metal cutting machines. Each team member handles a
|
researching, and troubleshooting throughout the design process.
|
||||||
specific component, collaborating, researching, and
|
After building the vehicle, we attend competitions in the United
|
||||||
troubleshooting throughout the design and execution process. After
|
States, where our hard work is put to the test against the other
|
||||||
building the vehicle, students can attend competitions worldwide,
|
teams from all across the world.
|
||||||
where they must address issues promptly and work as a team to
|
|
||||||
replace broken parts to stay competitive.
|
|
||||||
</p>
|
</p>
|
||||||
<Link to={"/"}>Learn More</Link>
|
<Link to={"/"}>Learn More</Link>
|
||||||
{/* Replace with Join later*/}
|
{/* Replace with Join later*/}
|
||||||
@ -75,14 +72,27 @@ export default function Home() {
|
|||||||
<h2>Sponsor Section</h2>
|
<h2>Sponsor Section</h2>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<p>Sponsor 1</p>
|
<div>
|
||||||
<p>Sponsor 2</p>
|
<img
|
||||||
<p>Sponsor 3</p>
|
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQj9L3ZGK6WtOmJbzxmCzRxwLXYKGC5SDcAKHb0ScfbUmbtG0IujQt6eQDaI_Pm9g4DZvc&usqp=CAU"
|
||||||
</div>
|
alt="Schulich logo"
|
||||||
<div>
|
/>
|
||||||
<p>Sponsor 4</p>
|
<h3>Schulich School of Engineering</h3>
|
||||||
<p>Sponsor 5</p>
|
</div>
|
||||||
<p>Sponsor 6</p>
|
<div>
|
||||||
|
<img
|
||||||
|
src="https://static.wixstatic.com/media/5824fc_2eca210b7d4a49298a70ad1f0a61886e~mv2.jpg/v1/crop/x_0,y_1,w_2707,h_1353/fill/w_410,h_206,fp_0.50_0.50,q_80,usm_0.66_1.00_0.01,enc_auto/5824fc_2eca210b7d4a49298a70ad1f0a61886e~mv2.jpg"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<h3>Morphgenix</h3>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img
|
||||||
|
src="https://www.3ds.com/assets/3ds-navigation/3DS_corporate-logo_solidworks.svg"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<h3>Solidworks</h3>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="HomeSponsorLinks">
|
<div id="HomeSponsorLinks">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user