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

fix images

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/qp/Carousel.astro
View file

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

8
src/components/qp/Join.astro
View file

@ -3,7 +3,7 @@ import { Image } from "astro:assets";
import Link from "next/link"; import Link from "next/link";
import { LiaDotCircle } from "react-icons/lia"; import { LiaDotCircle } from "react-icons/lia";
import mentorship from "../../images/mentorship.webp"; 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%]"> <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"> <div class="w-1/2 flex justify-center h-full relative">
<Image src={mentorship} alt="blue background" class="mr-[20%]" /> <Image src={mentorship} alt="blue background" class="mr-[20%]" />
<Image <Image
src={jonathan} src={join}
alt="blue background" 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>
<div class="w-1/2 font-light text-[1.2vw]"> <div class="w-1/2 font-light text-[1.2vw]">
@ -35,7 +35,7 @@ import jonathan from "../../images/about3.webp";
</p> </p>
<div class="w-full flex justify-center"> <div class="w-full flex justify-center">
<Link <Link
href="/" href="https://tinyurl.com/20242025QPApps"
target="_blank" 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" 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"
> >

2
src/components/qp/Mentorship.astro
View file

@ -31,7 +31,7 @@ import jonathan from "../../images/about3.webp";
</p> </p>
<div class="w-full flex justify-center"> <div class="w-full flex justify-center">
<Link <Link
href="/" href="https://tinyurl.com/20242025QPMentors"
target="_blank" 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" 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"
> >

13
src/components/robocub/Contacts.astro
View file

@ -1,6 +1,5 @@
--- ---
import { FaDiscord} from "react-icons/fa"; import { FaDiscord , FaGlobe} from "react-icons/fa";
import { RiInstagramFill } from "react-icons/ri";
import Link from "next/link"; import Link from "next/link";
import { LiaDotCircle } from "react-icons/lia"; import { LiaDotCircle } from "react-icons/lia";
--- ---
@ -19,18 +18,18 @@ import { LiaDotCircle } from "react-icons/lia";
</p> </p>
</div> </div>
<div class="flex"> <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"> <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> </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>
<Link href="https://www.instagram.com/ieee.ucsd" target="_blank" className="flex flex-col items-center"> <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"> <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> </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> </Link>
</div> </div>
</div> </div>

BIN
src/images/join.png Normal file
View file

Binary file not shown.
Side by side

After

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

BIN
src/images/qp2.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 266 KiB