diff --git a/src/components/core/Question.astro b/src/components/core/Question.astro index 1765961..2f8d67b 100644 --- a/src/components/core/Question.astro +++ b/src/components/core/Question.astro @@ -2,10 +2,10 @@ const {question, answer} = Astro.props; ---
-

+

{question}

-

+

{answer}

diff --git a/src/components/core/Social.astro b/src/components/core/Social.astro index a3becf6..9d962f9 100644 --- a/src/components/core/Social.astro +++ b/src/components/core/Social.astro @@ -21,7 +21,7 @@ import Link from "next/link";
-
+
cat placeholder
diff --git a/src/components/events/UpcomingEvent.astro b/src/components/events/UpcomingEvent.astro index cc03abc..14029dd 100644 --- a/src/components/events/UpcomingEvent.astro +++ b/src/components/events/UpcomingEvent.astro @@ -1,19 +1,19 @@ --- -const {name, location, date, time, description} = Astro.props; +const {name, location, date, time, description, delay} = Astro.props; ---
-

+

{name}

-
+

Location: {location}

{date}

{time}

-

+

{description}

diff --git a/src/components/events/UpcomingEvents.astro b/src/components/events/UpcomingEvents.astro index 93447da..6b9cc3a 100644 --- a/src/components/events/UpcomingEvents.astro +++ b/src/components/events/UpcomingEvents.astro @@ -21,6 +21,7 @@ import { LiaDotCircle } from "react-icons/lia"; location="La Jolla Cove" date="Tue 9 Jun 2024" time="2 pm" + delay="0" description="Cursus nec orci pulvinar convallis mollis a diam. Nostra aptent praesent suscipit nisl dignissim consequat. Semper malesuada pharetra fusce; elementum maximus" />
diff --git a/src/components/join/Involvement.astro b/src/components/join/Involvement.astro index 4f63a9a..8eefd57 100644 --- a/src/components/join/Involvement.astro +++ b/src/components/join/Involvement.astro @@ -4,9 +4,9 @@ import { GoArrowDownRight } from "react-icons/go"; import { FaGear } from "react-icons/fa6"; import { IoMdCalendar } from "react-icons/io"; import { RiRobot2Fill } from "react-icons/ri"; -const {image, text, link} = Astro.props; +const {image, text, link, delay} = Astro.props; --- -
+
involvement background ))}
diff --git a/src/components/join/JoinTitle.astro b/src/components/join/JoinTitle.astro index eae88f3..831f9ec 100644 --- a/src/components/join/JoinTitle.astro +++ b/src/components/join/JoinTitle.astro @@ -5,7 +5,7 @@ import { LiaDotCircle } from "react-icons/lia";
-
+

Join Us @@ -14,7 +14,7 @@ import { LiaDotCircle } from "react-icons/lia";

The IEEE Project Space is an open-access, collaborative space located at EBU1-4710. Students can do homework or get access to basic electronic tools such as soldering stations, breadboard components, and Arduino and Raspberry PI parts!

-
+
JOIN diff --git a/src/components/join/OH.astro b/src/components/join/OH.astro index 184e9a0..fcd3f36 100644 --- a/src/components/join/OH.astro +++ b/src/components/join/OH.astro @@ -2,7 +2,7 @@ const {title, subtitle, image} = Astro.props; --- -
+

{subtitle}

diff --git a/src/components/main_page/About.astro b/src/components/main_page/About.astro index e533618..b4e8088 100644 --- a/src/components/main_page/About.astro +++ b/src/components/main_page/About.astro @@ -3,7 +3,6 @@ import about from "../../images/about.png"; import Link from "next/link"; import { LiaDotCircle } from "react-icons/lia"; import { Image } from "astro:assets"; -import about1 from "../../images/about1.png"; import about2 from "../../images/about2.png"; import about3 from "../../images/about3.png"; import about4 from "../../images/about4.png"; @@ -24,21 +23,25 @@ import about4 from "../../images/about4.png"; />
About image About image
diff --git a/src/components/main_page/Activities.astro b/src/components/main_page/Activities.astro index 22e731b..c49a60d 100644 --- a/src/components/main_page/Activities.astro +++ b/src/components/main_page/Activities.astro @@ -23,6 +23,7 @@ import { LiaDotCircle } from "react-icons/lia"; text={activity.text} link={activity.link} number={activity.number} + delay={activity.delay} /> ))}
diff --git a/src/components/main_page/Activity.astro b/src/components/main_page/Activity.astro index de3296d..bc9ce21 100644 --- a/src/components/main_page/Activity.astro +++ b/src/components/main_page/Activity.astro @@ -1,10 +1,10 @@ --- import Link from "next/link"; import { IoIosArrowDroprightCircle } from "react-icons/io"; -const { title, text, link, number } = Astro.props; +const { title, text, link, number, delay } = Astro.props; --- -
+

{title} diff --git a/src/components/main_page/Divider.astro b/src/components/main_page/Divider.astro index e982917..1fe46d0 100644 --- a/src/components/main_page/Divider.astro +++ b/src/components/main_page/Divider.astro @@ -1,19 +1,14 @@ ---- -import InView from "../../components/core/InView.astro" ---- - - -

+
-

+

02

-

+

Amet Consectetur

-

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim

diff --git a/src/components/main_page/Landing.astro b/src/components/main_page/Landing.astro index 8beba12..8c51293 100644 --- a/src/components/main_page/Landing.astro +++ b/src/components/main_page/Landing.astro @@ -11,10 +11,10 @@ import { RiInstagramFill } from "react-icons/ri";
-

+

UC San Diego IEEE

-

+

Join one of the largest IEEE student branch in the US!

diff --git a/src/data/activities.json b/src/data/activities.json index 321ad2d..7ed0388 100644 --- a/src/data/activities.json +++ b/src/data/activities.json @@ -3,24 +3,28 @@ "title": "Quarterly Project", "text": "Lorem ipsum is placeholder text commonly used in the graphic, print, and publi", "link": "/quarterly", - "number": "01" + "number": "01", + "delay": "100" }, { "title": "Annual Project", "text": "Lorem ipsum is placeholder text commonly used in the graphic, print, and publi", "link": "/projects", - "number": "02" + "number": "02", + "delay": "300" }, { "title": "Social", "text": "Lorem ipsum is placeholder text commonly used in the graphic, print, and publi", "link": "/events", - "number": "03" + "number": "03", + "delay": "500" }, { "title": "Professional Development", "text": "Lorem ipsum is placeholder text commonly used in the graphic, print, and publi", "link": "/events", - "number": "04" + "number": "04", + "delay": "700" } ] diff --git a/src/data/involve.json b/src/data/involve.json index 636b724..a9cd320 100644 --- a/src/data/involve.json +++ b/src/data/involve.json @@ -2,16 +2,19 @@ { "text": "PROJECTS", "image": "/project.png", - "link": "/projects" + "link": "/projects", + "delay": "100" }, { "text": "EVENTS", "image": "/halloween.png", - "link": "/events" + "link": "/events", + "delay": "300" }, { "text": "H.A.R.D. HACK", "image": "/hardhack.png", - "link": "https://hardhack.dev/" + "link": "https://hardhack.dev/", + "delay": "500" } ] \ No newline at end of file diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index d46ecca..9c9a4ac 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,6 +1,7 @@ --- import Navbar from "../components/core/Navbar.astro"; import Footer from "../components/core/Footer.astro"; +import InView from "../components/core/InView.astro"; --- @@ -12,7 +13,7 @@ import Footer from "../components/core/Footer.astro"; Astro Basics - +

diff --git a/tailwind.config.mjs b/tailwind.config.mjs index 924bb36..fe750ce 100644 --- a/tailwind.config.mjs +++ b/tailwind.config.mjs @@ -1,7 +1,15 @@ /** @type {import('tailwindcss').Config} */ export default { content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"], - safelist: ["col-span-1", "col-span-2", "col-span-3", "col-span-4"], + safelist: [ + "col-span-1", + "col-span-2", + "col-span-3", + "col-span-4", + "animate-delay-100", + "animate-delay-300", + "animate-delay-500", + "animate-delay-700"], theme: { extend: { boxShadow: { @@ -24,5 +32,10 @@ export default { }, }, }, - plugins: [require("tailwindcss-motion"), require("tailwindcss-animated")], + plugins: [ + require("tailwindcss-motion"), + require("tailwindcss-animated"), + function ({ addVariant }) { + addVariant("in-view", "&.in-view"); + },], };