33 lines
No EOL
1.1 KiB
Text
33 lines
No EOL
1.1 KiB
Text
---
|
|
import { LiaDotCircle } from "react-icons/lia";
|
|
import Link from "next/link";
|
|
const {picture, name, description, link} = Astro.props;
|
|
---
|
|
<div class = "text-white relative my-[3%]" >
|
|
|
|
<img src = {picture} alt = "signal" class = "w-full object-cover aspect-[1512/526] opacity-25">
|
|
|
|
<div class = "w-full flex justify-evenly absolute bottom-[28%] ml-[5%]">
|
|
|
|
<div class = "flex items-center text-[2.5vw] font-extralight">
|
|
<LiaDotCircle className=" mr-[1vw] text-[2.5vw]"/>
|
|
<p>
|
|
Competition
|
|
</p>
|
|
</div>
|
|
|
|
<div class = "text-[1.5vw] font-extralight tracking-wider">
|
|
<p class = "w-[35vw] mb-[3%] mt-[40vh]">
|
|
{name}
|
|
</p>
|
|
<p class = "mb-[5%]">
|
|
{description}
|
|
</p>
|
|
<Link href = {link} target="_blank" className="text-[1vw] border-white/70 border-[0.1vw] py-[3%] px-[15%] rounded-[0.7vw] hover:text-ieee-yellow hover:border-ieee-yellow duration-300">
|
|
Link
|
|
</Link>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> |