From dec1f7a5da4b5fa92915f1e3d08b78edcbfa5c04 Mon Sep 17 00:00:00 2001 From: melvincwng Date: Tue, 14 Jan 2025 16:38:20 +0800 Subject: [PATCH] update member count --- community-website/pages/community-members.tsx | 4 +- community-website/pages/index.tsx | 284 +++++++++--------- 2 files changed, 144 insertions(+), 144 deletions(-) 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! - -

- -

- -

- - -
- - -
- ); -}; - -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 ( + + ); +}; + +export default Home;