33 lines
No EOL
1.3 KiB
Text
33 lines
No EOL
1.3 KiB
Text
---
|
|
import { FaGear } from "react-icons/fa6";
|
|
import { MdEmail } from "react-icons/md";
|
|
import Link from "next/link";
|
|
const {name, position, picture, email} = Astro.props;
|
|
---
|
|
<div class = "text-white">
|
|
|
|
<div class = "text-ieee-yellow">
|
|
<Link href="s1hung@ucsd.edu" className = "flex items-center ml-[3%] py-[0.5vh]">
|
|
<MdEmail className = "text-[1.5vw] mr-[0.5%]"/>
|
|
<p class = "text-[0.8vw]">
|
|
{email}
|
|
</p>
|
|
</Link>
|
|
</div>
|
|
|
|
<div class = "w-[20vw] aspect-[334/440] bg-gradient-to-t from-ieee-blue-100/5 to-ieee-blue-100/25 rounded-[10%] flex flex-col items-center">
|
|
<img src ={picture} alt = "officer" class = "w-[18vw] rounded-[10%] pt-[5%] pb-[3%] relative" >
|
|
<div class = "bg-white w-fit rounded-full aspect-square p-[0.4vw] text-ieee-black text-[1.8vw] absolute ml-[13.5vw] mt-[3vh]">
|
|
<FaGear/>
|
|
</div>
|
|
<div class = "w-full flex justify-between px-[7%]">
|
|
<p data-inview class = "opacity-0 in-view:animate-fade-right text-[2vw] font-light leading-[4.5vh]">
|
|
{name}
|
|
</p>
|
|
<div data-inview class = "opacity-0 in-view:animate-fade-up text-[0.8vw] w-[8vw] border-[0.11vw] border-white/90 rounded-full p-[0.5%] h-fit text-center">
|
|
{position}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> |