Ucalgary_Baja/BajaUofCWebsite
4
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-06-15 13:24: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 {
height: 30svh;
height: 40svh;
width: 40svw;
}
#leadership {
@ -156,8 +157,8 @@
}
#leadership img {
width: 200px;
height: 200px;
width: 250px;
height: 250px;
}
#leadership h4 {
@ -200,13 +201,16 @@
display: flex;
flex-direction: column;
column-gap: 0svh;
max-width: 20svw;
/* max-width: 20svw; */
width: 250px;
text-wrap: wrap;
}
#leadership div div p {
margin: 0px;
/* this is horrible DO NOT DO */
min-height: 64px;
/* width: 300px; */
}
#about-team > div:nth-child(1) {
@ -228,6 +232,7 @@
justify-content: space-evenly;
column-gap: 2svw;
row-gap: 2svh;
margin-bottom: 4svh;
}
#about-team div div {

80
src/AboutUs/AboutUs.js
View File

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