-
Notifications
You must be signed in to change notification settings - Fork 48
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #159 from yfosp/update-member-count-14-01-2025
update member count
- Loading branch information
Showing
2 changed files
with
144 additions
and
144 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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 | Typed>(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 <code> 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 ( | ||
| <div className={styles.container}> | ||
| <Head> | ||
| <title>Your First Open Source Project</title> | ||
| <meta name="description" content="YFOSP Community Website" /> | ||
| <link rel="icon" href="/earth-asia-solid.svg" /> | ||
| </Head> | ||
|
|
||
| <canvas | ||
| id="confetti-canvas" | ||
| className={`${styles.canvas} bg-white dark:bg-black`} | ||
| style={{}} | ||
| ></canvas> | ||
|
|
||
| <main className={`${styles.main} text-black dark:text-white`}> | ||
| <NavBar></NavBar> | ||
|
|
||
| <h1 className={styles.title}> | ||
| Welcome to{" "} | ||
| <a | ||
| href="https://github.com/yfosp/main-website" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| Your First Open Source Project! | ||
| </a> | ||
| </h1> | ||
|
|
||
| <p className={styles.description}> | ||
| <code | ||
| className={`${styles.code} dark:bg-black`} | ||
| id="typing-element" | ||
| ></code> | ||
| </p> | ||
|
|
||
| <div className={styles.grid}> | ||
| <Link href="./community-members"> | ||
| <a className={styles.card}> | ||
| <h2>Our Community →</h2> | ||
| <p>Find information about our community members here 👬</p> | ||
| </a> | ||
| </Link> | ||
|
|
||
| <Link href="./contributors"> | ||
| <a className={styles.card}> | ||
| <h2>Our Contributors →</h2> | ||
| <p> | ||
| Learn about those who created this website using Next.js & | ||
| TypeScript 💻 | ||
| </p> | ||
| </a> | ||
| </Link> | ||
|
|
||
| <Link href="./community-guidelines"> | ||
| <a className={styles.card}> | ||
| <h2>Our Guidelines →</h2> | ||
| <p> | ||
| The Code of Conduct that everyone has to follow in the | ||
| organization 👨💻 | ||
| </p> | ||
| </a> | ||
| </Link> | ||
|
|
||
| <Link href="./educational-resources"> | ||
| <a className={styles.card}> | ||
| <h2>Education Resources →</h2> | ||
| <p> | ||
| Various educational resources for your learning journey 📖 | ||
| </p> | ||
| </a> | ||
| </Link> | ||
|
|
||
| <Link | ||
| href="https://github.com/yfosp" | ||
| passHref | ||
| > | ||
| <a | ||
| className={styles.card} | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| <h2>Find us on GitHub →</h2> | ||
| <p>Join our wonderful & growing community of 280+ people 💖</p> | ||
| </a> | ||
| </Link> | ||
| </div> | ||
| </main> | ||
|
|
||
| <footer className={`${styles.footer} text-black dark:text-white`}> | ||
| <a | ||
| href="https://hacktoberfest.com/" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| Created by the community for Hacktoberfest with ❤️ | ||
| </a> | ||
| </footer> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| 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 | Typed>(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 <code> 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 ( | ||
| <div className={styles.container}> | ||
| <Head> | ||
| <title>Your First Open Source Project</title> | ||
| <meta name="description" content="YFOSP Community Website" /> | ||
| <link rel="icon" href="/earth-asia-solid.svg" /> | ||
| </Head> | ||
|
|
||
| <canvas | ||
| id="confetti-canvas" | ||
| className={`${styles.canvas} bg-white dark:bg-black`} | ||
| style={{}} | ||
| ></canvas> | ||
|
|
||
| <main className={`${styles.main} text-black dark:text-white`}> | ||
| <NavBar></NavBar> | ||
|
|
||
| <h1 className={styles.title}> | ||
| Welcome to{" "} | ||
| <a | ||
| href="https://github.com/yfosp/main-website" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| Your First Open Source Project! | ||
| </a> | ||
| </h1> | ||
|
|
||
| <p className={styles.description}> | ||
| <code | ||
| className={`${styles.code} dark:bg-black`} | ||
| id="typing-element" | ||
| ></code> | ||
| </p> | ||
|
|
||
| <div className={styles.grid}> | ||
| <Link href="./community-members"> | ||
| <a className={styles.card}> | ||
| <h2>Our Community →</h2> | ||
| <p>Find information about our community members here 👬</p> | ||
| </a> | ||
| </Link> | ||
|
|
||
| <Link href="./contributors"> | ||
| <a className={styles.card}> | ||
| <h2>Our Contributors →</h2> | ||
| <p> | ||
| Learn about those who created this website using Next.js & | ||
| TypeScript 💻 | ||
| </p> | ||
| </a> | ||
| </Link> | ||
|
|
||
| <Link href="./community-guidelines"> | ||
| <a className={styles.card}> | ||
| <h2>Our Guidelines →</h2> | ||
| <p> | ||
| The Code of Conduct that everyone has to follow in the | ||
| organization 👨💻 | ||
| </p> | ||
| </a> | ||
| </Link> | ||
|
|
||
| <Link href="./educational-resources"> | ||
| <a className={styles.card}> | ||
| <h2>Education Resources →</h2> | ||
| <p> | ||
| Various educational resources for your learning journey 📖 | ||
| </p> | ||
| </a> | ||
| </Link> | ||
|
|
||
| <Link | ||
| href="https://github.com/yfosp" | ||
| passHref | ||
| > | ||
| <a | ||
| className={styles.card} | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| <h2>Find us on GitHub →</h2> | ||
| <p>Join our wonderful & growing community of 290+ people 💖</p> | ||
| </a> | ||
| </Link> | ||
| </div> | ||
| </main> | ||
|
|
||
| <footer className={`${styles.footer} text-black dark:text-white`}> | ||
| <a | ||
| href="https://hacktoberfest.com/" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| Created by the community for Hacktoberfest with ❤️ | ||
| </a> | ||
| </footer> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default Home; |