This commit is contained in:
Shing Hung 2025-02-25 16:10:27 -08:00
parent 19da853a23
commit 1faced65cb
7 changed files with 44 additions and 40 deletions

View file

@ -33,12 +33,12 @@ import pages from "../../data/pages.json";
> >
{page.name} {page.name}
</a> </a>
<div class="absolute left-1/2 transform -translate-x-1/2 top-full pt-2 w-64 z-50"> <div class="absolute left-1/2 transform -translate-x-1/2 w-[12vw] top-full z-50">
<div class="rounded-lg bg-ieee-black border border-white shadow-lg hidden group-hover:block animate-fade-down animate-duration-200 animate-ease-in-out"> <div class="rounded-lg bg-ieee-black border border-white shadow-lg hidden group-hover:block animate-fade-down animate-duration-200 animate-ease-in-out">
{page.subpages.map((subpage) => ( {page.subpages.map((subpage) => (
<a <a
href={subpage.path} href={subpage.path}
class="block px-6 py-3 text-white hover:bg-gray-700 text-[1vw] first:rounded-t-lg last:rounded-b-lg text-center whitespace-nowrap transition-colors duration-200" class="font-light py-[4%] block text-white hover:bg-gray-700 text-[1.3vw] first:rounded-t-lg last:rounded-b-lg text-center whitespace-nowrap transition-colors duration-200"
> >
{subpage.name} {subpage.name}
</a> </a>

View file

@ -14,12 +14,12 @@ import { IoIosArrowDroprightCircle } from "react-icons/io";
<Image <Image
src={qp} src={qp}
alt="qp showcase photo" alt="qp showcase photo"
class="md:opacity-0 w-[70vw] w-[85vw] md:aspect-[2.5/1] aspect-[2.5/1.2] rounded-full relative in-view:animate-fade-down" class="md:opacity-0 md:w-[70vw] w-[85vw] md:aspect-[2.5/1] aspect-[2.5/1.2] rounded-full relative in-view:animate-fade-down"
data-inview data-inview
/> />
<Link <Link
data-inview data-inview
href="/quarterly" href="/projects/quarterly"
className="in-view:animate-fade-left absolute top-[25%] md:right-[15%] right-[10%] w-fit px-[1%] py-[0.4%] bg-white rounded-full text-black flex items-center md:text-[1.3vw] text-[2vw] hover:bg-ieee-yellow duration-300 shadow-md" className="in-view:animate-fade-left absolute top-[25%] md:right-[15%] right-[10%] w-fit px-[1%] py-[0.4%] bg-white rounded-full text-black flex items-center md:text-[1.3vw] text-[2vw] hover:bg-ieee-yellow duration-300 shadow-md"
> >
more details more details

View file

@ -2,12 +2,12 @@
"Robocup": { "Robocup": {
"description": "Participate in the Robocup competition.", "description": "Participate in the Robocup competition.",
"image": "/robocup.webp", "image": "/robocup.webp",
"url": "/robocup" "url": "/projects/robocup"
}, },
"Signal Processing": { "Signal Processing": {
"description": "Explore the field of signal processing.", "description": "Explore the field of signal processing.",
"image": "/signal.webp", "image": "/signal.webp",
"url": "/signal" "url": "projects/signal"
}, },
"Supercomputing": { "Supercomputing": {
"description": "Explore the field of supercomputing.", "description": "Explore the field of supercomputing.",

View file

@ -11,17 +11,21 @@
"name": "Projects", "name": "Projects",
"path": "/projects", "path": "/projects",
"subpages": [ "subpages": [
{
"name": "Quarterly Project",
"path": "/projects/quarterly"
},
{ {
"name": "Robocup", "name": "Robocup",
"path": "/projects/robocup" "path": "/projects/robocup"
}, },
{ {
"name": "Signal Processing", "name": "Supercomputing",
"path": "/projects/signal-processing" "path": "https://supercomputing-club.sdsc.edu/"
}, },
{ {
"name": "Supercomputing", "name": "Signal Processing",
"path": "/projects/supercomputing" "path": "/projects/signal"
} }
] ]
}, },

View file

@ -1,17 +1,17 @@
--- ---
import Layout from "../layouts/Layout.astro"; import Layout from "../../layouts/Layout.astro";
import Title from "../components/core/Title.astro"; import Title from "../../components/core/Title.astro";
import About from "../components/core/About.astro"; import About from "../../components/core/About.astro";
import Steps from "../components/qp/Steps.astro"; import Steps from "../../components/qp/Steps.astro";
import PastProjects from "../components/qp/PastProjects.astro"; import PastProjects from "../../components/qp/PastProjects.astro";
import { Image } from "astro:assets"; import { Image } from "astro:assets";
import qp from "../images/qp.webp"; import qp from "../../images/qp.webp";
import Mentorship from "../components/qp/Mentorship.astro"; import Mentorship from "../../components/qp/Mentorship.astro";
import qpborder from "../images/qpborder.webp"; import qpborder from "../../images/qpborder.webp";
import Join from "../components/qp/Join.astro"; import Join from "../../components/qp/Join.astro";
import Carousel from "../components/qp/Carousel.astro"; import Carousel from "../../components/qp/Carousel.astro";
import Timeline from "../components/qp/Timeline.astro"; import Timeline from "../../components/qp/Timeline.astro";
import qpTimeline from "../data/qpTimeline.json" import qpTimeline from "../../data/qpTimeline.json"
--- ---
<Layout> <Layout>

View file

@ -1,18 +1,18 @@
--- ---
import Layout from "../layouts/Layout.astro"; import Layout from "../../layouts/Layout.astro";
import Questions from "../components/core/Questions.astro"; import Questions from "../../components/core/Questions.astro";
import roboFaq from "../data/roboFaq.json"; import roboFaq from "../../data/roboFaq.json";
import About from "../components/core/About.astro"; import About from "../../components/core/About.astro";
import RoboTitle from "../components/robocub/RoboTitle.astro"; import RoboTitle from "../../components/robocub/RoboTitle.astro";
import Link from "next/link"; import Link from "next/link";
import { Image } from "astro:assets"; import { Image } from "astro:assets";
import roboborder from "../images/roboborder.webp"; import roboborder from "../../images/roboborder.webp";
import Join from "../components/robocub/Join.astro"; import Join from "../../components/robocub/Join.astro";
import Contacts from "../components/robocub/Contacts.astro"; import Contacts from "../../components/robocub/Contacts.astro";
import Subteams from "../components/robocub/Subteams.astro"; import Subteams from "../../components/robocub/Subteams.astro";
import Timeline from "../components/qp/Timeline.astro"; import Timeline from "../../components/qp/Timeline.astro";
import Competition from "../components/signal/Competition.astro"; import Competition from "../../components/signal/Competition.astro";
import roboTimeline from "../data/roboTimeline.json" import roboTimeline from "../../data/roboTimeline.json"
--- ---
<Layout> <Layout>

View file

@ -1,9 +1,9 @@
--- ---
import Layout from "../layouts/Layout.astro"; import Layout from "../../layouts/Layout.astro";
import Contacts from "../components/signal/Contacts.astro"; import Contacts from "../../components/signal/Contacts.astro";
import About from "../components/core/About.astro"; import About from "../../components/core/About.astro";
import Title from "../components/core/Title.astro"; import Title from "../../components/core/Title.astro";
import Competition from "../components/signal/Competition.astro"; import Competition from "../../components/signal/Competition.astro";
--- ---
<Layout> <Layout>
@ -18,7 +18,7 @@ import Competition from "../components/signal/Competition.astro";
text="Currently, we are focusing on the IEEE Signal Processing Cup (an annual signal processing competition). However, we might do projects in the future." text="Currently, we are focusing on the IEEE Signal Processing Cup (an annual signal processing competition). However, we might do projects in the future."
/> />
<Competition <Competition
picture="../public/signal.webp" picture="/signal.webp"
name="IEEE Signal Processing Cup" name="IEEE Signal Processing Cup"
link="https://www.google.com/" link="https://www.google.com/"
/> />