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

feat(AboutUs): ready for real picutres and descriptions

Browse Source
This commit is contained in:
darkicewolf50 2025-05-31 10:51:24 -06:00
parent 5de7d7ef04
commit 207f046242
2 changed files with 73 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/AboutUs/AboutUs.css
View File

@ -142,7 +142,8 @@
} }
#about-subteams img { #about-subteams img {
height: 30svh; height: 40svh;
width: 40svw;
} }
#leadership { #leadership {
@ -156,8 +157,8 @@
} }
#leadership img { #leadership img {
width: 200px; width: 250px;
height: 200px; height: 250px;
} }
#leadership h4 { #leadership h4 {
@ -200,13 +201,16 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
column-gap: 0svh; column-gap: 0svh;
max-width: 20svw; /* max-width: 20svw; */
width: 250px;
text-wrap: wrap;
} }
#leadership div div p { #leadership div div p {
margin: 0px; margin: 0px;
/* this is horrible DO NOT DO */ /* this is horrible DO NOT DO */
min-height: 64px; min-height: 64px;
/* width: 300px; */
} }
#about-team > div:nth-child(1) { #about-team > div:nth-child(1) {
@ -228,6 +232,7 @@
justify-content: space-evenly; justify-content: space-evenly;
column-gap: 2svw; column-gap: 2svw;
row-gap: 2svh; row-gap: 2svh;
margin-bottom: 4svh;
} }
#about-team div div { #about-team div div {

80
src/AboutUs/AboutUs.js
View File

@ -127,18 +127,66 @@ export default function AboutsUs() {
]; ];
let member_info = [ let member_info = [
"temp1", {
"temp2", name: "temp1",
"temp3", subteam: "Business",
"temp4", member_pic: "https://picsum.photos/200",
"temp5", },
"temp6", {
"temp7", name: "temp2",
"temp8", subteam: "Business",
"temp9", member_pic: "https://picsum.photos/200",
"temp10", },
"temp11", {
"temp12", name: "temp3",
subteam: "Business",
member_pic: "https://picsum.photos/200",
},
{
name: "temp4",
subteam: "Business",
member_pic: "https://picsum.photos/200",
},
{
name: "temp5",
subteam: "Business",
member_pic: "https://picsum.photos/200",
},
{
name: "temp6",
subteam: "Business",
member_pic: "https://picsum.photos/200",
},
{
name: "temp7",
subteam: "Business",
member_pic: "https://picsum.photos/200",
},
{
name: "temp8",
subteam: "Business",
member_pic: "https://picsum.photos/200",
},
{
name: "temp9",
subteam: "Business",
member_pic: "https://picsum.photos/200",
},
{
name: "temp10",
subteam: "Business",
member_pic: "https://picsum.photos/200",
},
{
name: "temp11",
subteam: "Business",
member_pic: "https://picsum.photos/200",
},
{
name: "temp12",
subteam: "Business",
member_pic: "https://picsum.photos/200",
},
]; ];
return ( return (
<> <>
@ -333,11 +381,11 @@ export default function AboutsUs() {
return ( return (
<div key={info}> <div key={info}>
<img <img
src="https://picsum.photos/200/200" src={info.member_pic}
alt="test" alt={`${info.name}'s headshot`}
/> />
<p>Name: {info}</p> <p>Name: {info.name}</p>
<p>Subteam on</p> <p>Subteam on {info.subteam}</p>
</div> </div>
); );
})} })}