fix images
This commit is contained in:
parent
26affe9410
commit
e9be0f9267
6 changed files with 16 additions and 18 deletions
|
@ -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>
|
||||
|
|
|
@ -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"
|
||||
>
|
||||
|
|
|
@ -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"
|
||||
>
|
||||
|
|
|
@ -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
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
BIN
src/images/qp2.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 266 KiB |
Loading…
Reference in a new issue