diff --git a/src/Footer/Ender.css b/src/Footer/Ender.css
index 650a9ab..05313c1 100644
--- a/src/Footer/Ender.css
+++ b/src/Footer/Ender.css
@@ -4,7 +4,8 @@
padding-top: 10px;
padding-bottom: 10px;
justify-content: center;
- background-color: lightgrey;
+ background-color: #a80029;
+ color: white;
}
#pointerCursor {
@@ -15,6 +16,7 @@
display: flex;
flex-direction: row;
justify-content: center;
+ column-gap: 2svw;
}
#ender p {
padding-left: 2%;
@@ -33,5 +35,5 @@
}
#ender a img {
- height: 7svh;
+ height: 3svh;
}
diff --git a/src/Footer/Ender.js b/src/Footer/Ender.js
index d45ada0..00abc47 100644
--- a/src/Footer/Ender.js
+++ b/src/Footer/Ender.js
@@ -1,7 +1,6 @@
import "./Ender.css";
import linkedInLogo from "./InBug-White.png";
import instagramLogo from "./instagram-white-icon.png";
-import emailLogo from "./email-white.png";
import authors from "./humans.txt";
/**
* @param {null} null - requires onthing
@@ -36,21 +35,18 @@ export default function Ender() {
alt="Intragram Logo"
/>
</a>
- <a href={authors}>
- <img
- src="https://humanstxt.org/img/oficial-logos/humanstxt-transparent-1ink.png"
- alt="humans txt"
- />
- </a>
+
<a href="mailto:uofcbaja@gmail.com?subject=Lets start something great">
<img
- src={emailLogo}
+ style={{ filter: `invert()` }}
+ src="https://www.svgrepo.com/show/390657/email-envelope-letter-mail-message-communication.svg"
alt="email us logo"
/>
</a>
<a href="https://www.facebook.com/schulich.offroad/">
<img
- src="https://img.icons8.com/ios-filled/50/FFFFFF/facebook--v1.png"
+ style={{ filter: `invert()`, height: `3.25svh` }}
+ src="https://www.svgrepo.com/show/521654/facebook.svg"
alt="Facebook Logo"
/>
</a>
diff --git a/src/Footer/email-white.png b/src/Footer/email-white.png
deleted file mode 100644
index a6d8708..0000000
Binary files a/src/Footer/email-white.png and /dev/null differ
diff --git a/src/Header/Header.css b/src/Header/Header.css
index 79c3e68..ff8a2f1 100644
--- a/src/Header/Header.css
+++ b/src/Header/Header.css
@@ -164,7 +164,7 @@ nav ul {
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) var(--fade-starts-at-bottom, 70%),
- whitesmoke 100%
+ #1f1f1f 100%
);
pointer-events: none;
z-index: 1;
@@ -193,7 +193,10 @@ nav ul {
/* used to postiion title and sub title */
#BannerHeader div {
margin-top: 40svh;
- padding-left: 60svw;
+ margin-left: auto;
+ margin-right: 8svw;
+ /* padding-left: 60svw; */
+ /* text-align: end; */
}
#BannerHeader h1 {
diff --git a/src/Header/Header.js b/src/Header/Header.js
index 3d0d575..f349430 100644
--- a/src/Header/Header.js
+++ b/src/Header/Header.js
@@ -139,7 +139,11 @@ export default function Header() {
style={{ backgroundImage: `url(${bannerInfo.imgUrl})` }}>
<div>
<h1>{bannerInfo.titleText}</h1>
- <h2>{bannerInfo.subtitleText}</h2>
+ {bannerInfo.subtitleText === "" ? (
+ <></>
+ ) : (
+ <h2>{bannerInfo.subtitleText}</h2>
+ )}
</div>
</div>
</>
diff --git a/src/Home/Home.css b/src/Home/Home.css
index 6deaf2a..4a71577 100644
--- a/src/Home/Home.css
+++ b/src/Home/Home.css
@@ -1,45 +1,11 @@
-#HomeTop {
- display: flex;
- position: relative;
-
- justify-content: flex-end;
- align-items: center;
-}
-
-#HomeTop img {
- height: 76svh;
- width: 100%;
- background-image: url(https://picsum.photos/200);
- background-size: cover;
- background-position: center;
-
- position: relative;
- z-index: 0;
-}
-
-#HomeTop div {
- display: flex;
- flex-direction: column;
-
- position: absolute;
- z-index: 1;
-
- margin-right: 25svw;
- margin-bottom: 25svh;
-}
-
-#HomeTop div h1 {
- margin: 0px;
-}
-
-/* #HomeTop div h2 {
-} */
-
.HomePageLayout {
margin-left: auto;
margin-right: auto;
- width: 70svw;
- margin-top: 2svh;
+ padding: 0svh 15svw;
+ /* width: 70svw; */
+ padding-top: 2svh;
+ background-color: #1f1f1f;
+ color: white;
}
.HomePageLayout div {
@@ -64,7 +30,7 @@
/* text-decoration: none; */
color: inherit;
- border: solid 2px black;
+ /* border: solid 2px white; */
border-radius: 1rem;
padding: 10px;
margin: 0svh 8svw;
@@ -72,14 +38,15 @@
text-decoration: none;
text-align: center;
margin-top: 2svh;
+ background-color: #a80029;
}
.HomePageLayout a:hover {
- background-color: grey;
+ background-color: rgba(128, 128, 128, 0.4);
}
.HomePageLayout h2 {
- border-bottom: solid 3px black;
+ border-bottom: solid 3px white;
/* padding-left: 2svw; */
padding-bottom: 0.5svh;
font-size: 36px;
@@ -115,7 +82,7 @@
flex-direction: column;
border-radius: 15px;
- border: solid 2px black;
+ border: solid 2px white;
padding: 30px;
margin-top: 4svh;
@@ -160,6 +127,10 @@
margin: 1svh 0svw;
}
+.HomePageLayout > div:nth-child(4) > img {
+ height: 40svh;
+}
+
#HomeSponsorLinks {
display: flex;
flex-direction: row;
@@ -179,3 +150,8 @@
text-wrap: nowrap;
text-align: center;
}
+
+#HomeBottomGallery img {
+ width: 100%;
+ height: 100%;
+}
diff --git a/src/Home/Home.jsx b/src/Home/Home.jsx
index a0c4d5c..6670dc1 100644
--- a/src/Home/Home.jsx
+++ b/src/Home/Home.jsx
@@ -108,11 +108,12 @@ export default function Home() {
<div>
<h2>Sponsor Us</h2>
<p>
- UCalgary Baja is a student organization responsible for designing,
- building, and racing an off-road vehicle in the Baja SAE
- intercollegiate competition organized by the Society of Automotive
- Engineers (SAE) every year. Schulich Off-Road's cars are tough,
- dependable, competitive, and extremely fun to drive.
+ We appreciate all the help we get from sponsors because it helps
+ fund our Baja team with essential parts, materials, manufacturing
+ support, and ability to go to competitions. Their contributions
+ make it possible for us to design, build, and compete at a high
+ level. From donated components to financial backing, our sponsors
+ are a key part of what drives our team forward.
</p>
<Link to={"/OurSponsors"}>Learn More</Link>
</div>
diff --git a/src/index.js b/src/index.js
index 393b81f..f5c9ec4 100644
--- a/src/index.js
+++ b/src/index.js
@@ -12,7 +12,6 @@ import Gallery from "./Gallery/Gallery";
import "./index.css";
import MockPage from "./MockDB/MockPage";
import Home from "./Home/Home";
-import Home from "./Home/Home";
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(