diff --git a/web/src/components/general/BgPig.tsx b/web/src/components/general/BgPig.tsx index 586a640..a9ca318 100644 --- a/web/src/components/general/BgPig.tsx +++ b/web/src/components/general/BgPig.tsx @@ -1,16 +1,16 @@ "use client"; import styles from "./pig.module.scss"; -import { ChillPig } from "./pigs/ChillPig"; -import { DancePig } from "./pigs/DancePig"; -import { DrinkPig } from "./pigs/DrinkPig"; -import { GuardPig } from "./pigs/GuardPig"; -import { KeyPig } from "./pigs/KeyPig"; -import { ListenPig } from "./pigs/ListenPig"; -import { LogoPig } from "./pigs/LogoPig"; -import { MusicPig } from "./pigs/MusicPig"; -import { PeekPig } from "./pigs/PeekPig"; -import { PointPig } from "./pigs/PointPig"; -import { StudentPig } from "./pigs/StudentPig"; +import { ChillPig } from "./pigs/simple/ChillPig"; +import { DancePig } from "./pigs/simple/DancePig"; +import { DrinkPig } from "./pigs/simple/DrinkPig"; +import { GuardPig } from "./pigs/simple/GuardPig"; +import { KeyPig } from "./pigs/simple/KeyPig"; +import { ListenPig } from "./pigs/simple/ListenPig"; +import { LogoPig } from "./pigs/simple/LogoPig"; +import { MusicPig } from "./pigs/simple/MusicPig"; +import { PeekPig } from "./pigs/simple/PeekPig"; +import { PointPig } from "./pigs/simple/PointPig"; +import { StudentPig } from "./pigs/simple/StudentPig"; import { useInView } from "react-intersection-observer"; export const BgPig = ({ diff --git a/web/src/components/general/Pig.tsx b/web/src/components/general/Pig.tsx index 12543ad..8c81731 100644 --- a/web/src/components/general/Pig.tsx +++ b/web/src/components/general/Pig.tsx @@ -1,15 +1,15 @@ import styles from "./pig.module.scss"; -import { ChillPig } from "./pigs/ChillPig"; -import { DancePig } from "./pigs/DancePig"; -import { DrinkPig } from "./pigs/DrinkPig"; -import { GuardPig } from "./pigs/GuardPig"; -import { KeyPig } from "./pigs/KeyPig"; -import { ListenPig } from "./pigs/ListenPig"; -import { LogoPig } from "./pigs/LogoPig"; -import { MusicPig } from "./pigs/MusicPig"; -import { PeekPig } from "./pigs/PeekPig"; -import { PointPig } from "./pigs/PointPig"; -import { StudentPig } from "./pigs/StudentPig"; +import { ChillPig } from "./pigs/simple/ChillPig"; +import { DancePig } from "./pigs/simple/DancePig"; +import { DrinkPig } from "./pigs/simple/DrinkPig"; +import { GuardPig } from "./pigs/simple/GuardPig"; +import { KeyPig } from "./pigs/simple/KeyPig"; +import { ListenPig } from "./pigs/simple/ListenPig"; +import { LogoPig } from "./pigs/simple/LogoPig"; +import { MusicPig } from "./pigs/simple/MusicPig"; +import { PeekPig } from "./pigs/simple/PeekPig"; +import { PointPig } from "./pigs/simple/PointPig"; +import { StudentPig } from "./pigs/simple/StudentPig"; export const Pig = ({ type, diff --git a/web/src/components/general/pigs/fun/NeonChillPig.tsx b/web/src/components/general/pigs/fun/NeonChillPig.tsx new file mode 100644 index 0000000..eabd5f8 --- /dev/null +++ b/web/src/components/general/pigs/fun/NeonChillPig.tsx @@ -0,0 +1,523 @@ +import styles from "./neonChillPig.module.scss"; +export const NeonChillPig = () => { + return ( +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ ); +}; diff --git a/web/src/components/general/pigs/fun/neonChillPig.module.scss b/web/src/components/general/pigs/fun/neonChillPig.module.scss new file mode 100644 index 0000000..64c88a1 --- /dev/null +++ b/web/src/components/general/pigs/fun/neonChillPig.module.scss @@ -0,0 +1,27 @@ +.neonChillPig { + position: relative; + width: 20rem; + height: 8rem; + + .static, + .animate { + position: absolute; + top: 0; + left: 0; + width: 100%; + } + + .animate { + animation: glow 1s infinite alternate; + } +} + +@keyframes glow { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} \ No newline at end of file diff --git a/web/src/components/general/pigs/ChillPig.tsx b/web/src/components/general/pigs/simple/ChillPig.tsx similarity index 100% rename from web/src/components/general/pigs/ChillPig.tsx rename to web/src/components/general/pigs/simple/ChillPig.tsx diff --git a/web/src/components/general/pigs/DancePig.tsx b/web/src/components/general/pigs/simple/DancePig.tsx similarity index 100% rename from web/src/components/general/pigs/DancePig.tsx rename to web/src/components/general/pigs/simple/DancePig.tsx diff --git a/web/src/components/general/pigs/DrinkPig.tsx b/web/src/components/general/pigs/simple/DrinkPig.tsx similarity index 100% rename from web/src/components/general/pigs/DrinkPig.tsx rename to web/src/components/general/pigs/simple/DrinkPig.tsx diff --git a/web/src/components/general/pigs/GuardPig.tsx b/web/src/components/general/pigs/simple/GuardPig.tsx similarity index 100% rename from web/src/components/general/pigs/GuardPig.tsx rename to web/src/components/general/pigs/simple/GuardPig.tsx diff --git a/web/src/components/general/pigs/KeyPig.tsx b/web/src/components/general/pigs/simple/KeyPig.tsx similarity index 100% rename from web/src/components/general/pigs/KeyPig.tsx rename to web/src/components/general/pigs/simple/KeyPig.tsx diff --git a/web/src/components/general/pigs/ListenPig.tsx b/web/src/components/general/pigs/simple/ListenPig.tsx similarity index 100% rename from web/src/components/general/pigs/ListenPig.tsx rename to web/src/components/general/pigs/simple/ListenPig.tsx diff --git a/web/src/components/general/pigs/LogoPig.tsx b/web/src/components/general/pigs/simple/LogoPig.tsx similarity index 100% rename from web/src/components/general/pigs/LogoPig.tsx rename to web/src/components/general/pigs/simple/LogoPig.tsx diff --git a/web/src/components/general/pigs/MusicPig.tsx b/web/src/components/general/pigs/simple/MusicPig.tsx similarity index 100% rename from web/src/components/general/pigs/MusicPig.tsx rename to web/src/components/general/pigs/simple/MusicPig.tsx diff --git a/web/src/components/general/pigs/PeekPig.tsx b/web/src/components/general/pigs/simple/PeekPig.tsx similarity index 100% rename from web/src/components/general/pigs/PeekPig.tsx rename to web/src/components/general/pigs/simple/PeekPig.tsx diff --git a/web/src/components/general/pigs/PointPig.tsx b/web/src/components/general/pigs/simple/PointPig.tsx similarity index 100% rename from web/src/components/general/pigs/PointPig.tsx rename to web/src/components/general/pigs/simple/PointPig.tsx diff --git a/web/src/components/general/pigs/StudentPig.tsx b/web/src/components/general/pigs/simple/StudentPig.tsx similarity index 100% rename from web/src/components/general/pigs/StudentPig.tsx rename to web/src/components/general/pigs/simple/StudentPig.tsx diff --git a/web/src/components/layout/Footer.tsx b/web/src/components/layout/Footer.tsx index 39f73f1..afe23d0 100644 --- a/web/src/components/layout/Footer.tsx +++ b/web/src/components/layout/Footer.tsx @@ -1,15 +1,9 @@ -"use client"; import Link from "next/link"; import styles from "./footer.module.scss"; +import { NeonChillPig } from "../general/pigs/fun/NeonChillPig"; +import { ToTop } from "./ToTop"; export const Footer = () => { - const scrollToTop = () => { - window.scrollTo({ - top: 0, - behavior: "smooth", - }); - }; - return ( ); }; diff --git a/web/src/components/layout/ToTop.tsx b/web/src/components/layout/ToTop.tsx new file mode 100644 index 0000000..f723184 --- /dev/null +++ b/web/src/components/layout/ToTop.tsx @@ -0,0 +1,12 @@ +"use client"; +import { useInView } from "react-intersection-observer"; + +export const ToTop = () => { + const scrollToTop = () => { + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + }; + return ; +};