Ucalgary_Baja/BajaUofCWebsite
4
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-06-16 05:44:17 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix(homePage): img alt text fixed, ready for demo

Browse Source
This commit is contained in:
darkicewolf50 2025-03-08 12:53:41 -07:00
parent cf71002168
commit 0ad1debb68
2 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/Home/Home.css
View File

@ -2,7 +2,7 @@
display: flex; display: flex;
position: relative; position: relative;
justify-content: end; justify-content: flex-end;
align-items: center; align-items: center;
} }
@ -13,7 +13,7 @@
background-size: cover; background-size: cover;
background-position: center; background-position: center;
position: absolute; position: relative;
z-index: 0; z-index: 0;
} }
@ -32,8 +32,8 @@
margin: 0px; margin: 0px;
} }
#HomeTop div h2 { /* #HomeTop div h2 {
} } */
#HomePageLayout div { #HomePageLayout div {
display: flex; display: flex;

26
src/Home/Home.jsx
View File

@ -35,7 +35,11 @@ export default function Home() {
return ( return (
<> <>
<div id="HomeTop"> <div id="HomeTop">
<img id="HomeBannerTop" /> <img
id="HomeBannerTop"
src="https://picsum.photos/200"
alt="cool shot of driver in car, replace later"
/>
<div> <div>
<h1>UCalgary Baja</h1> <h1>UCalgary Baja</h1>
<h2>Catchphase goes here</h2> <h2>Catchphase goes here</h2>
@ -43,7 +47,10 @@ export default function Home() {
</div> </div>
<div id="HomePageLayout"> <div id="HomePageLayout">
<div> <div>
<img src="https://picsum.photos/200" /> <img
src="https://picsum.photos/200"
alt="the team?"
/>
<div> <div>
<h2>Who We Are</h2> <h2>Who We Are</h2>
<p> <p>
@ -87,7 +94,10 @@ export default function Home() {
<Link to={"/"}>Learn More</Link> <Link to={"/"}>Learn More</Link>
{/* Replace with Join later*/} {/* Replace with Join later*/}
</div> </div>
<img src="https://picsum.photos/200" /> <img
src="https://picsum.photos/200"
alt="possibly a montage mainly showcasing team members working"
/>
</div> </div>
<div> <div>
Sponsor Section Sponsor Section
@ -97,7 +107,10 @@ export default function Home() {
</div> </div>
</div> </div>
<div> <div>
<img src="https://picsum.photos/200" /> <img
src="https://picsum.photos/200"
alt="something to do with sponsors"
/>
<div> <div>
<h2>Sponsor Us</h2> <h2>Sponsor Us</h2>
<p> <p>
@ -111,7 +124,10 @@ export default function Home() {
</div> </div>
</div> </div>
<div> <div>
<img src="https://picsum.photos/200" /> <img
src="https://picsum.photos/200"
alt="(If we do a rotating images thing for the top, and still want to keep this on the bottom, maybe we can change it to a more collage type thing for this box)"
/>
</div> </div>
</div> </div>
</> </>