add new sponsor

Author: notAreYouScared

docusaurus.config.ts

@@ -127,7 +127,7 @@ const config: Config = {
     tailwindPlugin,
   ],
   future: {
-    experimental_faster: true,
+    faster: true,
     v4: true
   },
   // scripts: ['/js/snowflake.min.js'],

package.json

@@ -16,13 +16,13 @@
   },
   "dependencies": {
     "@algolia/client-search": "^5.46.1",
-    "@docusaurus/core": "^3.9.2",
-    "@docusaurus/faster": "^3.9.2",
-    "@docusaurus/plugin-client-redirects": "^3.9.2",
-    "@docusaurus/preset-classic": "^3.9.2",
-    "@docusaurus/theme-common": "^3.9.2",
-    "@docusaurus/theme-mermaid": "^3.9.2",
-    "@docusaurus/theme-search-algolia": "^3.9.2",
+    "@docusaurus/core": "^3.10.1",
+    "@docusaurus/faster": "^3.10.1",
+    "@docusaurus/plugin-client-redirects": "^3.10.1",
+    "@docusaurus/preset-classic": "^3.10.1",
+    "@docusaurus/theme-common": "^3.10.1",
+    "@docusaurus/theme-mermaid": "^3.10.1",
+    "@docusaurus/theme-search-algolia": "^3.10.1",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",
@@ -43,9 +43,9 @@
     "sass": "^1.97.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.9.2",
-    "@docusaurus/tsconfig": "^3.9.2",
-    "@docusaurus/types": "^3.9.2",
+    "@docusaurus/module-type-aliases": "^3.10.1",
+    "@docusaurus/tsconfig": "^3.10.1",
+    "@docusaurus/types": "^3.10.1",
     "autoprefixer": "^10.4.23",
     "postcss": "^8.5.6",
     "tailwindcss": "^3.4.19",

pnpm-lock.yaml

@@ -1,3 +1,8 @@
+allowBuilds:
+  '@parcel/watcher': true
+  '@swc/core': true
+  core-js: true
+  core-js-pure: true
 onlyBuiltDependencies:
   - '@parcel/watcher'
   - '@swc/core'

pnpm-workspace.yaml

@@ -2,12 +2,14 @@ import React, {JSX} from 'react';
 import clsx from 'clsx';
 import styles from './styles.module.css';
 import 'react-medium-image-zoom/dist/styles.css';
+import {useColorMode} from "@docusaurus/theme-common";
 
 type SponsorItem = {
   sponsor: string;
   logo: string;
+  logoDM: string;
   url: string;
-  desc: string
+  desc: string;
 };
 
 const SponsorList: SponsorItem[] = [
@@ -17,14 +19,30 @@ const SponsorList: SponsorItem[] = [
     url: 'https://example.com',
     desc: '',
   }, */
+    {
+  sponsor: 'DataForest',
+  logo: '/img/homepage/sponsor/df-cloud-logo.svg',
+  logoDM: '/img/homepage/sponsor/df-cloud-logo-darkmode.svg',
+  url: 'https://cloud.dataforest.net/?mtm_campaign=pelican&mtm_kwd=main',
+  desc: '',
+},
 ];
 
-function Sponsor({sponsor, logo, url, desc}: SponsorItem) {
+function Sponsor({sponsor, logo, logoDM, url, desc}: SponsorItem) {
+
+    const {colorMode} = useColorMode();
+    let image: string;
+
+    if (colorMode === 'dark') {
+        image = logoDM;
+    } else {
+        image = logo;
+    }
 
   return (
       <div className={clsx('col col--4')}>
         <div className="text--center" style={{paddingBottom: '20px'}}>
-          <a href={url}><img src={logo}/></a>
+          <a href={url}><img src={image}/></a>
         </div>
         {desc}
       </div>