feat: v1.4.0 - ko-fi support button

AdoryVo · AdoryVo · commit 094f71271878 · 2025-10-27T02:17:32.000-07:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,11 +9,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
+- 🌏 Localization - language features for diverse player bases (Indonesian, Chinese, etc.)
 - Add feature for majority vote to end game and return to lobby
 - Add bot players option for multiplayer games
 - Improved bot skill
 - More to come soon!
 
+## [1.4.0] - 2025-10-27
+
+### Added
+
+- Ko-fi support link/text!
+
+[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/X8X31NFVB9)
+
 ## [1.3.1] - 2025-10-05
 
 ### Changed
@@ -104,6 +113,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - All existing functionality as of 10-22-2023
 
 [unreleased]: https://github.com/AdoryVo/big-two/compare/v1.1.0...HEAD
+[1.4.0]: https://github.com/AdoryVo/big-two/releases/tag/v1.4.0
 [1.3.1]: https://github.com/AdoryVo/big-two/releases/tag/v1.3.1
 [1.3.0]: https://github.com/AdoryVo/big-two/releases/tag/v1.3.0
 [1.2.1]: https://github.com/AdoryVo/big-two/releases/tag/v1.2.1
diff --git a/README.md b/README.md
@@ -1,5 +1,9 @@
 # ♠️ big-two
 
+Help fund database/server costs to keep the site ad-free and supporting thousands of users!
+
+[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/X8X31NFVB9)
+
 ## 🚀 Getting Started
 
 ### Installation
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "big-two",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/src/components/Version.tsx b/src/components/Version.tsx
@@ -16,7 +16,7 @@ export default function Version(props: TextProps) {
           href="https://github.com/AdoryVo/big-two/blob/main/CHANGELOG.md"
           isExternal
         >
-          v1.3.1
+          v1.4.0
         </Link>
       </Text>
     </Tooltip>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -28,11 +28,17 @@ import { usePusher } from '@utils/hooks/usePusher';
 import { useStore } from '@utils/hooks/useStore';
 import { ChannelName, Event } from '@utils/pusher';
 import { getStyles } from '@utils/theme';
+import Head from 'next/head';
 import Image from 'next/image';
 import NextLink from 'next/link';
 import { NextSeo, VideoGameJsonLd } from 'next-seo';
 import { useEffect } from 'react';
 
+const KOFI_WIDGET = `<script type='text/javascript'>
+kofiwidget2.init('Support Big Two on Ko-fi', '#72a4f2', 'X8X31NFVB9');
+kofiwidget2.draw();
+</script>`;
+
 function compareByNewest(lobby1: Date, lobby2: Date) {
   return new Date(lobby2).getTime() - new Date(lobby1).getTime();
 }
@@ -111,6 +117,9 @@ export default function Home() {
         keywords="cards, game, multiplayer"
         image="https://bigtwo.vercel.app/assets/site-preview.png"
       />
+      <Head>
+        <script src="https://storage.ko-fi.com/cdn/widget/Widget_2.js" />
+      </Head>
       <Version {...styles.text} />
 
       <Container maxW="5xl" textAlign="center" p={5}>
@@ -119,13 +128,38 @@ export default function Home() {
         </Heading>
         <CreateLobby closeToast={toast.closeAll} />
         <Preferences />
-        <Box>
+        <Box mb={4}>
           <NextLink href={'/game/singleplayer'} passHref>
-            <Button colorScheme="blue" onClick={() => toast.closeAll()}>
+            <Button
+              colorScheme="blue"
+              shadow="1px 1px black"
+              onClick={() => toast.closeAll()}
+            >
               Singleplayer mode 🤖
             </Button>
           </NextLink>
         </Box>
+        <Box>
+          <Text {...styles.text} mb={1}>
+            👋 If you've been enjoying <b>Big Two</b>, donations towards
+            database/server costs
+            <br />
+            to keep the site ad-free and supporting thousands of users are
+            greatly appreciated!
+            <br />
+            Feedback & suggestions via{' '}
+            <Link
+              href="https://forms.gle/jPd276dcsLVPswBZ7"
+              target="_blank"
+              textDecoration="underline"
+            >
+              this form
+            </Link>{' '}
+            are also appreciated!
+          </Text>
+          {/* biome-ignore lint/security/noDangerouslySetInnerHtml: Ko-fi button widget */}
+          <div dangerouslySetInnerHTML={{ __html: KOFI_WIDGET }} />
+        </Box>
 
         {/* Lobbies */}
         <Heading {...styles.text} size="lg" my={5}>

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "big-two",`
`3`		`- "version": "1.3.1",`
	`3`	`+ "version": "1.4.0",`
`4`	`4`	`"private": true,`
`5`	`5`	`"scripts": {`
`6`	`6`	`"dev": "next dev",`
Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ export default function Version(props: TextProps) {`
`16`	`16`	`href="https://github.com/AdoryVo/big-two/blob/main/CHANGELOG.md"`
`17`	`17`	`isExternal`
`18`	`18`	`>`
`19`		`- v1.3.1`
	`19`	`+ v1.4.0`
`20`	`20`	`</Link>`
`21`	`21`	`</Text>`
`22`	`22`	`</Tooltip>`