From d05bce0299de28544bd8fcae5fbe63bc3bbf7756 Mon Sep 17 00:00:00 2001 From: MilitaryLotus <144807230+dtesters@users.noreply.github.com> Date: Mon, 25 Aug 2025 08:44:52 -0700 Subject: [PATCH 1/5] Update pnpm-lock.yaml --- pnpm-lock.yaml | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 458ec01..329233d 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -11,6 +11,9 @@ importers: focus-visible: specifier: ^5.2.0 version: 5.2.0 + framer-motion: + specifier: ^12.23.12 + version: 12.23.12(react-dom@18.2.0(react@18.3.1))(react@18.3.1) intersection-observer: specifier: ^0.12.2 version: 0.12.2 @@ -753,6 +756,20 @@ packages: fraction.js@4.3.7: resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==} + framer-motion@12.23.12: + resolution: {integrity: sha512-6e78rdVtnBvlEVgu6eFEAgG9v3wLnYEboM8I5O5EXvfKC8gxGQB8wXJdhkMy10iVcn05jl6CNw7/HTsTCfwcWg==} + peerDependencies: + '@emotion/is-prop-valid': '*' + react: ^18.0.0 || ^19.0.0 + react-dom: ^18.0.0 || ^19.0.0 + peerDependenciesMeta: + '@emotion/is-prop-valid': + optional: true + react: + optional: true + react-dom: + optional: true + fs.realpath@1.0.0: resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==} @@ -1201,6 +1218,12 @@ packages: minimatch@3.1.2: resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==} + motion-dom@12.23.12: + resolution: {integrity: sha512-RcR4fvMCTESQBD/uKQe49D5RUeDOokkGRmz4ceaJKDBgHYtZtntC/s2vLvY38gqGaytinij/yi3hMcWVcEF5Kw==} + + motion-utils@12.23.6: + resolution: {integrity: sha512-eAWoPgr4eFEOFfg2WjIsMoqJTW6Z8MTUCgn/GZ3VRpClWBdnbjryiA3ZSNLyxCTmCQx4RmYX6jX1iWHbenUPNQ==} + mri@1.2.0: resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==} engines: {node: '>=4'} @@ -2461,6 +2484,15 @@ snapshots: fraction.js@4.3.7: {} + framer-motion@12.23.12(react-dom@18.2.0(react@18.3.1))(react@18.3.1): + dependencies: + motion-dom: 12.23.12 + motion-utils: 12.23.6 + tslib: 2.4.0 + optionalDependencies: + react: 18.3.1 + react-dom: 18.2.0(react@18.3.1) + fs.realpath@1.0.0: {} fsevents@2.3.2: @@ -3247,6 +3279,12 @@ snapshots: dependencies: brace-expansion: 1.1.11 + motion-dom@12.23.12: + dependencies: + motion-utils: 12.23.6 + + motion-utils@12.23.6: {} + mri@1.2.0: {} ms@2.1.3: {} From 0e6f857af42471469bc83ca2e69ab49d9c7f71ac Mon Sep 17 00:00:00 2001 From: MilitaryLotus <144807230+dtesters@users.noreply.github.com> Date: Mon, 25 Aug 2025 08:45:34 -0700 Subject: [PATCH 2/5] New package --- package.json | 1 + 1 file changed, 1 insertion(+) diff --git a/package.json b/package.json index 8024e10..58af4b1 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "license": "Apache-2.0", "dependencies": { "focus-visible": "^5.2.0", + "framer-motion": "^12.23.12", "intersection-observer": "^0.12.2", "next": "^13.5.4", "next-plausible": "^3.12.2", From 94ddf30f4f6748424395cd8347338e495d1cb7c7 Mon Sep 17 00:00:00 2001 From: MilitaryLotus <144807230+dtesters@users.noreply.github.com> Date: Mon, 25 Aug 2025 08:45:54 -0700 Subject: [PATCH 3/5] Update theme.config.js --- theme.config.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/theme.config.js b/theme.config.js index 2a93b27..a8d23c9 100644 --- a/theme.config.js +++ b/theme.config.js @@ -1,7 +1,6 @@ import { useRouter } from "next/router"; import { useConfig } from "nextra-theme-docs"; import Logo from "./components/icons/logo"; -import Ntts from "./components/icons/ntts"; import useLocalesMap from "./components/use-locales-map"; import { editTextMap, @@ -112,7 +111,9 @@ const themeConfig = { ); }, - footer: "", + footer: { + text: null, + }, gitTimestamp({ timestamp }) { const { locale } = useRouter(); From 4f43beef5696247e5d5ce9c62a0dabf25a0b54f3 Mon Sep 17 00:00:00 2001 From: MilitaryLotus <144807230+dtesters@users.noreply.github.com> Date: Mon, 25 Aug 2025 08:46:25 -0700 Subject: [PATCH 4/5] Updating Homepage to use new styles --- components/Homepage.js | 21 ++++++++++++--------- 1 file changed, 12 insertions(+), 9 deletions(-) diff --git a/components/Homepage.js b/components/Homepage.js index a2d55a3..b750ec7 100644 --- a/components/Homepage.js +++ b/components/Homepage.js @@ -4,17 +4,21 @@ import DiscordIcon from './icons/discord'; import FAQIcon from './icons/faq'; import RulesIcon from './icons/rules'; import ScamsIcon from './icons/scams'; +import AnimatedTitle from './AnimatedTitle'; const Card = ({ title, description, href, icon: Icon }) => ( -
- {Icon &&
{}
} -

{title}

+ {/* Shimmer effect */} +
+ +
+ {Icon &&
} +

{title}

-

{description}

+

{description}

); @@ -34,10 +38,9 @@ export default function Homepage() { return (
-

- No Text To Speech -

-

+ +
+

The official community hub. Find our rules, guides, and important information.

From 7f9dcb233c6807f81ebd5859e26855431e18106f Mon Sep 17 00:00:00 2001 From: MilitaryLotus <144807230+dtesters@users.noreply.github.com> Date: Mon, 25 Aug 2025 08:47:24 -0700 Subject: [PATCH 5/5] Adding opening animation for the title --- components/AnimatedTitle.js | 53 +++++++++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) create mode 100644 components/AnimatedTitle.js diff --git a/components/AnimatedTitle.js b/components/AnimatedTitle.js new file mode 100644 index 0000000..de39095 --- /dev/null +++ b/components/AnimatedTitle.js @@ -0,0 +1,53 @@ +import { motion } from 'framer-motion'; + +const AnimatedTitle = () => { + const title = "No Text To Speech"; + const words = title.split(' '); + let charCount = 0; + const characterDelay = 0.05; + + return ( + + {words.map((word, wordIndex) => { + const wordElement = ( + + {word.split('').map((char, charIndex) => { + const el = ( + + {char} + + ); + charCount++; + return el; + })} + + ); + + if (wordIndex < words.length - 1) { + charCount++; // for the space + return [wordElement,  ]; + } + return wordElement; + })} + + ); +}; + +export default AnimatedTitle;