fix images

This commit is contained in:
Shing Hung 2025-01-27 12:37:09 -08:00
parent 26affe9410
commit e9be0f9267
6 changed files with 16 additions and 18 deletions

View file

@ -1,20 +1,19 @@
---
import Subtitle from "../core/Subtitle.astro";
import { Image } from "astro:assets";
import qp from "../../images/qp.webp";
import qp from "../../images/qp2.jpg";
---
<div class="flex flex-col items-center pb-[5%]">
<Subtitle title="We Are Excited To See You Here!" />
<p class="w-1/3 text-center text-[1.2vw] pb-[5%]">
Lorem ipsum is placeholder text commonly used in the graphic, print, and
publishing industries f
<p class="w-1/2 text-center text-[1.2vw] pb-[5%]">
If you have further questions about QP, please to reach out to the QP chairs or Vice Chair Projects through the Board page!
</p>
<Image
src={qp}
alt="board group photos"
class="w-1/2 rounded-[2vw] object-cover aspect-[2/1]"
alt="qp photos"
class="w-1/2 rounded-[2vw] object-cover aspect-[2/1] opacity-85"
/>
</div>

View file

@ -3,7 +3,7 @@ import { Image } from "astro:assets";
import Link from "next/link";
import { LiaDotCircle } from "react-icons/lia";
import mentorship from "../../images/mentorship.webp";
import jonathan from "../../images/about3.webp";
import join from "../../images/join.png";
---
<div class="flex justify-center mb-[10%]">
@ -11,9 +11,9 @@ import jonathan from "../../images/about3.webp";
<div class="w-1/2 flex justify-center h-full relative">
<Image src={mentorship} alt="blue background" class="mr-[20%]" />
<Image
src={jonathan}
src={join}
alt="blue background"
class="absolute rounded-full object-cover aspect-[262/433] w-[54%] top-[5%] left-0"
class="absolute rounded-full object-cover aspect-[262/433] w-[54%] top-[5%] left-0 opacity-80"
/>
</div>
<div class="w-1/2 font-light text-[1.2vw]">
@ -35,7 +35,7 @@ import jonathan from "../../images/about3.webp";
</p>
<div class="w-full flex justify-center">
<Link
href="/"
href="https://tinyurl.com/20242025QPApps"
target="_blank"
className="py-[2%] px-[15%] text-[1.2vw] border-[0.1vw] border-white rounded-[0.5vw] hover:text-ieee-yellow hover:border-ieee-yellow duration-300 font-light"
>

View file

@ -31,7 +31,7 @@ import jonathan from "../../images/about3.webp";
</p>
<div class="w-full flex justify-center">
<Link
href="/"
href="https://tinyurl.com/20242025QPMentors"
target="_blank"
className="p-[2%] text-[1.2vw] border-[0.1vw] border-white rounded-[0.5vw] hover:text-ieee-yellow hover:border-ieee-yellow duration-300 font-light"
>

View file

@ -1,6 +1,5 @@
---
import { FaDiscord} from "react-icons/fa";
import { RiInstagramFill } from "react-icons/ri";
import { FaDiscord , FaGlobe} from "react-icons/fa";
import Link from "next/link";
import { LiaDotCircle } from "react-icons/lia";
---
@ -19,18 +18,18 @@ import { LiaDotCircle } from "react-icons/lia";
</p>
</div>
<div class="flex">
<Link href="https://www.facebook.com/ieeeucsd" target="_blank" className="mr-[20%] flex flex-col items-center">
<Link href="https://ieee-ucsd-robocupssl.github.io/TeamWebsite/index.html" target="_blank" className="mr-[20%] flex flex-col items-center">
<div class="border-[0.15vw] rounded-full shadow-glow hover:scale-110 duration-300 p-[1vw] md:text-[2.2vw] text-[3.5vw] text-ieee-black/80 border-ieee-blue-100 bg-gradient-radial from-white via-white to-white/40">
<FaDiscord />
<FaGlobe />
</div>
<p class="md:text-[1.3vw] text-[2vw] font-semibold">Facebook</p>
<p class="md:text-[1.3vw] text-[2vw] font-semibold">Website</p>
</Link>
<Link href="https://www.instagram.com/ieee.ucsd" target="_blank" className="flex flex-col items-center">
<div class="border-[0.15vw] rounded-full shadow-glow hover:scale-110 duration-300 p-[1vw] md:text-[2.2vw] text-[3.5vw] text-ieee-black/80 border-ieee-blue-100 bg-gradient-radial from-white via-white to-white/40">
<RiInstagramFill />
<FaDiscord />
</div>
<p class="md:text-[1.3vw] text-[2vw] font-semibold">Instagram</p>
<p class="md:text-[1.3vw] text-[2vw] font-semibold">Discord</p>
</Link>
</div>
</div>

BIN
src/images/join.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1,016 KiB

BIN
src/images/qp2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 266 KiB