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}
</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">
{page.subpages.map((subpage) => (
<a
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}
</a>

View file

@ -14,12 +14,12 @@ import { IoIosArrowDroprightCircle } from "react-icons/io";
<Image
src={qp}
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
/>
<Link
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"
>
more details

View file

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

View file

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

View file

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

View file

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

View file

@ -1,9 +1,9 @@
---
import Layout from "../layouts/Layout.astro";
import Contacts from "../components/signal/Contacts.astro";
import About from "../components/core/About.astro";
import Title from "../components/core/Title.astro";
import Competition from "../components/signal/Competition.astro";
import Layout from "../../layouts/Layout.astro";
import Contacts from "../../components/signal/Contacts.astro";
import About from "../../components/core/About.astro";
import Title from "../../components/core/Title.astro";
import Competition from "../../components/signal/Competition.astro";
---
<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."
/>
<Competition
picture="../public/signal.webp"
picture="/signal.webp"
name="IEEE Signal Processing Cup"
link="https://www.google.com/"
/>