diff --git a/component/layout/HomeSpotlight/HomeSpotlight.jsx b/component/layout/HomeSpotlight/HomeSpotlight.jsx index 5bc85fc3..b59bd999 100644 --- a/component/layout/HomeSpotlight/HomeSpotlight.jsx +++ b/component/layout/HomeSpotlight/HomeSpotlight.jsx @@ -1,65 +1,95 @@ -import styles from './HomeSpotlight.module.scss'; -import Link from 'next/link'; -import { useEffect } from 'react'; +import styles from "./HomeSpotlight.module.scss"; +import Link from "next/link"; +import { useEffect } from "react"; export default function HomeSpotlight() { + useEffect(function mount() { + const title1 = document.getElementById("title1"); + const title2 = document.getElementById("title2"); + const title3 = document.getElementById("title3"); - useEffect(function mount() { + const onScroll = () => { + anim(title1, title2, title3); + }; - const title1 = document.getElementById('title1'); - const title2 = document.getElementById('title2'); - const title3 = document.getElementById('title3'); + window.addEventListener("scroll", onScroll); + return function unMount() { + window.removeEventListener("scroll", onScroll); + }; + }); - const onScroll = () => { - anim(title1, title2, title3); - }; - - window.addEventListener("scroll", onScroll); - return function unMount() { - window.removeEventListener("scroll", onScroll); - }; - }); - - - return ( -
-
-
-
-

- Planet Nullcast - A Place where - code-crazy devs chill! -

-
- - - Join Discord - - - - - School of Ducks - - -
-
-
- - - - - -
-
- ); + return ( +
+
+
+
+

+ + Planet Nullcast + + + A Place where + + + code-crazy devs chill! + +

+
+ + + Join Discord + + + + + School of Ducks + + +
+
+
+ + + + + +
+
+ ); } - const anim = (title1, title2, title3) => { - const scrollValue = document.documentElement.scrollTop; - - title1.style.transform = 'rotate('+ (scrollValue / -40)+'deg) translateY('+ (scrollValue / 30) +'px)'; - title2.style.transform = 'translateY('+ (scrollValue / 10) +'px)'; - title3.style.transform = 'rotate('+ (scrollValue / 50 - 4.58)+'deg) scale('+ (1 + (scrollValue / 5000)) +') translateY('+ (scrollValue / 20) +'px)'; -} \ No newline at end of file + const scrollValue = document.documentElement.scrollTop; + + title1.style.transform = + "rotate(" + + scrollValue / -40 + + "deg) translateY(" + + scrollValue / 30 + + "px)"; + title2.style.transform = "translateY(" + scrollValue / 10 + "px)"; + title3.style.transform = + "rotate(" + + (scrollValue / 50 - 4.58) + + "deg) scale(" + + (1 + scrollValue / 5000) + + ") translateY(" + + scrollValue / 20 + + "px)"; +}; diff --git a/component/layout/SectionSwag/SectionSwag.jsx b/component/layout/SectionSwag/SectionSwag.jsx index 6082bb25..14dd10c4 100644 --- a/component/layout/SectionSwag/SectionSwag.jsx +++ b/component/layout/SectionSwag/SectionSwag.jsx @@ -1,36 +1,36 @@ import styles from "./SectionSwag.module.scss"; -import Fade from 'react-reveal/Fade'; -import Reveal from 'react-reveal/Reveal'; -import Image from 'next/image'; +import Fade from "react-reveal/Fade"; +import Reveal from "react-reveal/Reveal"; +import Image from "next/image"; export default function SectionSwag() { return (
-
-

Want #swag?

-
-

Join our monthly raffle!

+
+

Want #swag?

+
+

Join our monthly raffle!

+
-
-
-

- Every month, One Lucky Duck gets free swag shipped to their - doorstep, wherever in the world you are! All you have to do is - join our Discord channel today and tweet about the amazing things - we do. #nullcast #luckyduck -

-

- We will announce the winners on Twitter and through our discord - channel. -

-
+
+

+ Every month, One Lucky Duck gets free swag shipped to their + doorstep, wherever in the world you are! All you have to do is + join our Discord channel today and tweet about the amazing + things we do. #nullcast #luckyduck +

+

+ We will announce the winners on Twitter and through our discord + channel. +

+
- +
-
+
- + JOIN THE FLOCK
diff --git a/component/layout/SiteFooter/SiteFooter.jsx b/component/layout/SiteFooter/SiteFooter.jsx index 5a12444a..1d22fd71 100644 --- a/component/layout/SiteFooter/SiteFooter.jsx +++ b/component/layout/SiteFooter/SiteFooter.jsx @@ -120,19 +120,20 @@ export default function SiteFooter() { href="https://twitter.com/nullcast_io?lang=en" className={styles.twitter} target="_blank" + rel="noopener noreferer" > twitter - Trouble? Join Discord