diff --git a/community-website/pages/community-members.tsx b/community-website/pages/community-members.tsx index 350e53d..1528dd9 100644 --- a/community-website/pages/community-members.tsx +++ b/community-website/pages/community-members.tsx @@ -6175,7 +6175,7 @@ const CommunityMembers: NextPage = () => { - + {/* { - + */} {/* diff --git a/community-website/pages/index.tsx b/community-website/pages/index.tsx index 63e692f..4ae0e92 100644 --- a/community-website/pages/index.tsx +++ b/community-website/pages/index.tsx @@ -1,142 +1,142 @@ -import type { NextPage } from "next"; -import Head from "next/head"; -import styles from "../styles/Home.module.css"; -import { useRef, useEffect } from "react"; -import Typed from "typed.js"; -import ConfettiGenerator from "confetti-js"; -import NavBar from "../components/NavBar"; -import Link from "next/link"; - -const Home: NextPage = () => { - const typed = useRef(null); - - useEffect(() => { - const options = { - strings: [ - "Get started with Your First Open Source Project!", - "Submit your first open source contribution now!", - "Join our awesome community of 280+ members!", - ], - typeSpeed: 75, - backSpeed: 75, - }; - - // #typing-element refers to the rendered below - typed.current = new Typed("#typing-element", options); - - return () => { - // Destroy Typed instance during cleanup to prevent memory leaks - typed.current?.destroy(); - }; - }, []); - - useEffect(() => { - const confettiSettings = { target: "confetti-canvas" }; - const confetti = new ConfettiGenerator(confettiSettings); - confetti.render(); - - return () => confetti.clear(); - }, []); - - return ( -
- - Your First Open Source Project - - - - - - -
- - -

- Welcome to{" "} - - Your First Open Source Project! - -

- -

- -

- -
- - -

Our Community →

-

Find information about our community members here 👬

- - - - - -

Our Contributors →

-

- Learn about those who created this website using Next.js & - TypeScript 💻 -

- - - - - -

Our Guidelines →

-

- The Code of Conduct that everyone has to follow in the - organization 👨‍💻 -

- - - - - -

Education Resources →

-

- Various educational resources for your learning journey 📖 -

- - - - - -

Find us on GitHub →

-

Join our wonderful & growing community of 280+ people 💖

- - -
-
- - -
- ); -}; - -export default Home; +import type { NextPage } from "next"; +import Head from "next/head"; +import styles from "../styles/Home.module.css"; +import { useRef, useEffect } from "react"; +import Typed from "typed.js"; +import ConfettiGenerator from "confetti-js"; +import NavBar from "../components/NavBar"; +import Link from "next/link"; + +const Home: NextPage = () => { + const typed = useRef(null); + + useEffect(() => { + const options = { + strings: [ + "Get started with Your First Open Source Project!", + "Submit your first open source contribution now!", + "Join our awesome community of 290+ members!", + ], + typeSpeed: 75, + backSpeed: 75, + }; + + // #typing-element refers to the rendered below + typed.current = new Typed("#typing-element", options); + + return () => { + // Destroy Typed instance during cleanup to prevent memory leaks + typed.current?.destroy(); + }; + }, []); + + useEffect(() => { + const confettiSettings = { target: "confetti-canvas" }; + const confetti = new ConfettiGenerator(confettiSettings); + confetti.render(); + + return () => confetti.clear(); + }, []); + + return ( +
+ + Your First Open Source Project + + + + + + +
+ + +

+ Welcome to{" "} + + Your First Open Source Project! + +

+ +

+ +

+ + +
+ + +
+ ); +}; + +export default Home;