Webmaster/ieeeucsd-org
3
1
Fork 0
Code Issues 11 Pull requests Projects Releases Packages Wiki Activity Actions

fix email link

Browse source
This commit is contained in:
chark1es 2025-01-18 03:45:24 -08:00
parent ef151ddfcd
commit 7e37987c70
1 changed files with 28 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/components/board/Officer.astro
View file

@ -4,10 +4,10 @@ import { MdEmail } from "react-icons/md";
import Link from "next/link"; import Link from "next/link";
const { name, position, picture, email } = Astro.props; const { name, position, picture, email } = Astro.props;
--- ---
<div class = "text-white">
<div class="text-white">
<div class="text-ieee-yellow"> <div class="text-ieee-yellow">
<Link href="s1hung@ucsd.edu" className = "flex items-center ml-[3%] py-[0.5vh]"> <Link href={email} className="flex items-center ml-[3%] py-[0.5vh]">
<MdEmail className="text-[1.5vw] mr-[0.5%]" /> <MdEmail className="text-[1.5vw] mr-[0.5%]" />
<p class="text-[0.8vw]"> <p class="text-[0.8vw]">
{email} {email}
@ -15,19 +15,32 @@ const {name, position, picture, email} = Astro.props;
</Link> </Link>
</div> </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"> <div
<img src ={picture} alt = "officer" class = "w-[18vw] rounded-[10%] pt-[5%] pb-[3%] relative" > 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"
<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]"> >
<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 /> <FaGear />
</div> </div>
<div class="w-full flex justify-between px-[7%]"> <div class="w-full flex justify-between px-[7%]">
<p data-inview class = " in-view:animate-fade-right text-[2vw] font-light leading-[4.5vh]"> <p
data-inview
class="in-view:animate-fade-right text-[2vw] font-light leading-[4.5vh]"
>
{name} {name}
</p> </p>
<div data-inview class = "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"> <div
data-inview
class="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} {position}
</div> </div>
</div> </div>
</div> </div>
</div> </div>