Merge branch 'main' of https://git.ourworld.tf/tfgrid/docs_depin

Reviewed-on: #19

.gitignore

@@ -18,9 +18,17 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+bun.lockb
+bun.lock
 
-all_files_text.txt
+yarn.lock
 
-/test
+build.sh
+build_dev.sh
+develop.sh
 
-/temp
+docusaurus.config.ts
+
+sidebars.ts
+
+tsconfig.json

README.md

@@ -1,37 +1,26 @@
 <h1>ThreeFold DePIN Board</h1>
 
-<h2>Table of Contents</h2>
 
-- [Introduction](#introduction)
-- [Steps](#steps)
-- [URL](#url)
+to run in development mode
 
----
+```bash
+#first time to get hero
+curl https://raw.githubusercontent.com/freeflowuniverse/herolib/refs/heads/development/install_hero.sh > /tmp/install_hero.sh
+bash /tmp/install_hero.sh
+#DONT FORGET TO START A NEW SHELL (otherwise the paths will not be set)
 
-## Introduction
+hero docusaurus -u https://git.threefold.info/tfgrid/docs_depin -d
+```
 
-This repository contains the code to deploy the ThreeFold DePIN Board.
+to push
 
-## Steps
+```bash
+hero docusaurus -u https://git.threefold.info/tfgrid/docs_depin -bp -update
 
-- Install
-    ```
-    bash install.sh
-    ```
-- Run locally
-    ```
-    bash develop.sh
-    ```
-- Push change online on production website
-    ```
-    bash build.sh
-    ```
-- Push change online on stating website
-    ```
-    bash build-dev.sh
+#push for development:
+hero docusaurus -u https://git.threefold.info/tfgrid/docs_depin -bpd -update
 ```
 
 ## URL
 
-- The production website is available at `https://info.ourworld.tf/depin`
-- The staging website is available at `https://info.ourworld.tf/depindev`
+- The production website is available at `https://threefold.info/depin`

babel.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-  presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
-};

build-dev.sh

@@ -1,22 +0,0 @@
-#!/bin/bash
-
-set -ex
-
-script_dir="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
-cd "${script_dir}"
-
-export PATH=${BASE}/node_modules/.bin:$PATH
-
-echo "Docs directory: $script_dir"
-
-# Change baseUrl to '/depindev/'
-sed -i "s|/depin/|/depindev/|g" docusaurus.config.ts ./src/pages/index.tsx
-
-#bun build
-#bun ${script_dir}/node_modules/.bin/docusaurus build
-pnpm build
-
-rsync -rv --delete ${script_dir}/build/ root@info.ourworld.tf:/root/hero/www/info/depindev
-
-# Change baseUrl to '/depin/'
-sed -i "s|/depindev/|/depin/|g" docusaurus.config.ts ./src/pages/index.tsx

build.sh

@@ -1,16 +0,0 @@
-#!/bin/bash
-
-set -ex
-
-script_dir="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
-cd "${script_dir}"
-
-export PATH=${BASE}/node_modules/.bin:$PATH
-
-echo "Docs directory: $script_dir"
-
-#bun build
-#bun ${script_dir}/node_modules/.bin/docusaurus build
-pnpm build
-
-rsync -rv --delete ${script_dir}/build/ root@info.ourworld.tf:/root/hero/www/info/depin

cfg/footer.json

@@ -0,0 +1,44 @@
+{
+  "style": "dark",
+  "links": [
+    {
+      "title": "Overview",
+      "items": [
+        {
+          "label": "DePIN Boards",
+          "href": "/docs/depin_board"
+        },
+        {
+          "label": "DePIN Charts",
+          "href": "/docs/depin_6dchart"
+        }
+      ]
+    },
+    {
+      "title": "Community",
+      "items": [
+        {
+          "label": "Feedback",
+          "to": "/docs/feedback"
+        },
+        {
+          "label": "Gitea Repo",
+          "href": "https://git.threefold.info/tfgrid/info_docs_depin"
+        }
+      ]
+    },
+    {
+      "title": "Links",
+      "items": [
+        {
+          "label": "ThreeFold.io",
+          "href": "https://threefold.io"
+        },
+        {
+          "label": "Dashboard",
+          "href": "https://dashboard.grid.tf"
+        }
+      ]
+    }
+  ]
+}

cfg/main.json

@@ -0,0 +1,21 @@
+{
+  "title": "DePIN Projects",
+  "tagline": "Navigate the rapidly evolving landscape of Decentralized Physical Infrastructure Networks (DePIN)",
+  "favicon": "img/favicon_depin.png",
+  "url": "https://info.ourworld.tf",
+  "url_home": "docs/introduction",
+  "baseUrl": "/depin/",
+  "image": "img/ourworld_depin.png",
+  "metadata": {
+    "description": "Navigate the rapidly evolving landscape of Decentralized Physical Infrastructure Networks (DePIN).",
+    "image": "https://info.ourworld.tf/img/ourworld_depin.png",
+    "title": "Introduction | DePIN Projects"
+  },
+  "buildDest": [
+    "root@info.ourworld.tf:/root/hero/www/info/depin"
+  ],
+  "buildDestDev": [
+    "root@info.ourworld.tf:/root/hero/www/infodev/depin"
+  ],
+  "copyright": "ThreeFold"
+}

cfg/navbar.json

@@ -0,0 +1,16 @@
+{
+  "title": "DePIN Projects",
+  "items": [
+    {
+      "type": "docSidebar",
+      "sidebarId": "tutorialSidebar",
+      "position": "left",
+      "label": "Docs"
+    },
+    {
+      "href": "https://git.threefold.info/tfgrid/info_docs_depin",
+      "label": "Gitea",
+      "position": "right"
+    }
+  ]
+}

develop.sh

@@ -1,12 +1,16 @@
 #!/bin/bash
 
-set -ex
+set -e
 
 script_dir="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
 cd "${script_dir}"
 
 echo "Docs directory: $script_dir"
 
-export NODE_OPTIONS=--openssl-legacy-provider
+cd /Users/despiegk/hero/var/docusaurus
 
-npm run start -- --host 0.0.0.0
+export PATH=/tmp/docusaurus_build/node_modules/.bin:${HOME}/.bun/bin/:$PATH
+
+. /Users/despiegk/.zprofile 
+
+bun run start -p 3100

docs/depin_board.md

@@ -7,7 +7,7 @@ description: DePIN Board by Category
 
 The DePIN Boards provide an organized overview of various DePIN projects, categorized by their primary focus areas, such as compute, storage, wireless, energy, sensor, and mobility networks, among others.
 
-The purpose of those boards is to provide educational and informational content only. This project is made on a best effort basis. If you have any feedback, please let us know by writing an [issue on our Gitea instance](https://git.ourworld.tf/tfgrid/info_docs_depin).
+The purpose of those boards is to provide educational and informational content only. This project is made on a best effort basis. If you have any feedback, please let us know by writing an [issue on our Gitea instance](https://git.threefold.info/tfgrid/info_docs_depin).
 
 > To learn more about a specific project, click on the project name in the leftmost column.
 

docs/feedback.md

@@ -21,4 +21,4 @@ You can share your experience and ask questions on the forum and the chats:
 
 This website is open-source and hosted on our own Git management control instance
 
-- ThreeFold Gitea: https://git.ourworld.tf/tfgrid/info_docs_depin
+- ThreeFold Gitea: https://git.threefold.info/tfgrid/info_docs_depin

docs/introduction.md

@@ -5,7 +5,7 @@ description: ThreeFold presents the DePIN Board
 
 # Introduction
 
-Welcome to the DePIN Project website, designed to help you navigate the rapidly evolving landscape of Decentralized Physical Infrastructure Networks (DePIN). 
+Welcome to the DePIN Project website designed to help you navigate the rapidly evolving landscape of Decentralized Physical Infrastructure Networks (DePIN). 
 
 This resource is intended to serve as an educational tool, providing insights into the infrastructure ownership, hardware requirements, software stacks, and compatibility with the ThreeFold Grid. While this material is not exhaustive, it aims to cover a broad spectrum of popular and emerging DePIN projects to help you get started. This project is made on a best effort basis.
 

docs/legal/terms_and_conditions.md

@@ -6,7 +6,7 @@ sidebar_position: 1
 
 These Terms of Use constitute a legally binding agreement made between you, whether personally or on behalf of an entity (“you”) and OurWorld and its partners, ThreeFold, doing business as ThreeFold (“ThreeFold“, “we”, “us”, or “our”), concerning your access to and use of the OurWorld related websites:
 
-The ThreeFold website, websites/wikis/forums ending with threefold.io, threefold.me, threefold.info, grid.tf, threefold.tech, TFT.com, freeflownation.org, 3bot.org, incubaid.com or consciousinternet.org or any other website as used/promoted by the ThreeFold Foundation or any other site as originating from our open-source git repository on https://github.com/threefoldfoundation and https://git.ourworld.tf, as well as any other media form, media channel, forum, mobile website or mobile application related, linked, or otherwise connected thereto (collectively, the “Site”).
+The ThreeFold website, websites/wikis/forums ending with threefold.io, threefold.me, threefold.info, grid.tf, threefold.tech, TFT.com, freeflownation.org, 3bot.org, incubaid.com or consciousinternet.org or any other website as used/promoted by the ThreeFold Foundation or any other site as originating from our open-source git repository on https://github.com/threefoldfoundation and https://git.threefold.info, as well as any other media form, media channel, forum, mobile website or mobile application related, linked, or otherwise connected thereto (collectively, the “Site”).
 
 You agree that by accessing the Site, you have read, understood, and agreed to be bound by all of these Terms of Use. 
 

docusaurus.config.ts

@@ -1,141 +0,0 @@
-import {themes as prismThemes} from 'prism-react-renderer';
-import type {Config} from '@docusaurus/types';
-import type * as Preset from '@docusaurus/preset-classic';
-
-const config: Config = {
-  title: 'DePIN Projects',
-  tagline: 'Navigate the rapidly evolving landscape of Decentralized Physical Infrastructure Networks (DePIN)',
-  favicon: 'img/favicon_depin.png',
-
-  url: 'https://info.ourworld.tf',
-  baseUrl: '/depin/',
-
-  onBrokenLinks: 'throw',
-  onBrokenMarkdownLinks: 'warn',
-
-  i18n: {
-    defaultLocale: 'en',
-    locales: ['en'],
-  },
-
-  presets: [
-    [
-      'classic',
-      {
-        docs: {
-          sidebarPath: './sidebars.ts',
-        },
-        blog: {
-          showReadingTime: true,
-          feedOptions: {
-            type: ['rss', 'atom'],
-            xslt: true,
-          },
-          onInlineTags: 'warn',
-          onInlineAuthors: 'warn',
-          onUntruncatedBlogPosts: 'warn',
-        },
-        theme: {
-          customCss: './src/css/custom.css',
-        },
-      } satisfies Preset.Options,
-    ],
-  ],
-
-  markdown: {
-    mermaid: true,
-  },
-  themes: ['@docusaurus/theme-mermaid'],
-
-  scripts: [
-    
-    {
-      src:
-        '/js/crisp.js',
-      async: false,
-    },
-  ],
-
-  themeConfig: {
-
-    colorMode: {
-      defaultMode: 'dark',
-      disableSwitch: true,
-      respectPrefersColorScheme: false,
-    },
-    image: 'img/ourworld_depin.png',
-    metadata: [
-      { name: 'description', content: 'Navigate the rapidly evolving landscape of Decentralized Physical Infrastructure Networks (DePIN).' },
-      { property: 'og:image', content: 'https://info.ourworld.tf/img/ourworld_depin.png' },
-      { property: 'og:description', content: 'Navigate the rapidly evolving landscape of Decentralized Physical Infrastructure Networks (DePIN).' },
-      { property: 'og:title', content: 'Introduction | DePIN Projects' },
-    ],
-    navbar: {
-      title: 'DePIN Projects',
-      items: [
-        {
-          type: 'docSidebar',
-          sidebarId: 'tutorialSidebar',
-          position: 'left',
-          label: 'Docs',
-        },
-        {
-          href: 'https://git.ourworld.tf/tfgrid/info_docs_depin',
-          label: 'Gitea',
-          position: 'right',
-        },
-      ],
-    },
-    footer: {
-      style: 'dark',
-      links: [
-        {
-          title: 'Overview',
-          items: [
-            {
-              label: 'DePIN Boards',
-              href: '/docs/depin_board',
-            },
-            {
-              label: 'DePIN Charts',
-              href: '/docs/depin_6dchart',
-            }
-          ],
-        },
-        {
-          title: 'Community',
-          items: [
-            {
-              label: 'Feedback',
-              to: '/docs/feedback',
-            },
-            {
-              label: 'Gitea Repo',
-              href: 'https://git.ourworld.tf/tfgrid/info_docs_depin',
-            },
-          ],
-        },
-        {
-          title: 'Links',
-          items: [
-            {
-              label: 'ThreeFold.io',
-              href: 'https://threefold.io',
-            },
-            {
-              label: 'Dashboard',
-              href: 'https://dashboard.grid.tf',
-            }
-          ],
-        },
-      ],
-      copyright: `Copyright © ${new Date().getFullYear()} OurWorld`,
-    },
-    prism: {
-      theme: prismThemes.github,
-      darkTheme: prismThemes.dracula,
-    },
-  } satisfies Preset.ThemeConfig,
-};
-
-export default config;

install.sh

@@ -1,24 +0,0 @@
-
-#!/bin/bash
-
-set -ex
-
-script_dir="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
-cd "${script_dir}"
-
-echo "Docs directory: $script_dir"
-
-# Check if bun is installed
-# if ! command -v bun &> /dev/null; then
-#     echo "Bun is not installed. Installing..."
-#     curl -fsSL https://bun.sh/install | bash
-# else
-#     echo "Bun is already installed."
-# fi
-
-#bun install
-
-export PATH=${BASE}/node_modules/.bin:$PATH
-
-npm install @docusaurus/core@3.6.3 @docusaurus/preset-classic@3.6.3 @docusaurus/theme-mermaid@3.6.3
-pnpm install

package.json

@@ -1,51 +0,0 @@
-{
-  "name": "docs-website",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "docusaurus": "docusaurus",
-    "start": "docusaurus start",
-    "build": "docusaurus build",
-    "swizzle": "docusaurus swizzle",
-    "deploy": "docusaurus deploy",
-    "clear": "docusaurus clear",
-    "serve": "docusaurus serve",
-    "write-translations": "docusaurus write-translations",
-    "write-heading-ids": "docusaurus write-heading-ids",
-    "typecheck": "tsc"
-  },
-  "dependencies": {
-    "@docusaurus/core": "^3.6.3",
-    "@docusaurus/preset-classic": "^3.6.3",
-    "@docusaurus/theme-mermaid": "^3.6.3",
-    "@mdx-js/react": "^3.0.0",
-    "chart.js": "^4.4.7",
-    "clsx": "^2.0.0",
-    "prism-react-renderer": "^2.3.0",
-    "react": "^18.0.0",
-    "react-chartjs-2": "^5.3.0",
-    "react-dom": "^18.0.0"
-  },
-  "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.6.3",
-    "@docusaurus/tsconfig": "3.5.2",
-    "@docusaurus/types": "3.5.2",
-    "typescript": "~5.5.2"
-  },
-  "browserslist": {
-    "production": [
-      ">0.5%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 3 chrome version",
-      "last 3 firefox version",
-      "last 5 safari version"
-    ]
-  },
-  "engines": {
-    "node": ">=18.0"
-  },
-  "packageManager": "pnpm@9.3.0+sha512.ee7b93e0c2bd11409c6424f92b866f31d3ea1bef5fbe47d3c7500cdc3c9668833d2e55681ad66df5b640c61fa9dc25d546efa54d76d7f8bf54b13614ac293631"
-}

sidebars.ts

@@ -1,31 +0,0 @@
-import type {SidebarsConfig} from '@docusaurus/plugin-content-docs';
-
-/**
- * Creating a sidebar enables you to:
- - create an ordered group of docs
- - render a sidebar for each doc of that group
- - provide next/previous navigation
-
- The sidebars can be generated from the filesystem, or explicitly defined here.
-
- Create as many sidebars as you want.
- */
-const sidebars: SidebarsConfig = {
-  // By default, Docusaurus generates a sidebar from the docs folder structure
-  tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
-
-  // But you can create a sidebar manually
-  /*
-  tutorialSidebar: [
-    'intro',
-    'hello',
-    {
-      type: 'category',
-      label: 'Tutorial',
-      items: ['tutorial-basics/create-a-document'],
-    },
-  ],
-   */
-};
-
-export default sidebars;

src/components/HomepageFeatures/index.tsx

@@ -1,71 +0,0 @@
-import clsx from 'clsx';
-import Heading from '@theme/Heading';
-import styles from './styles.module.css';
-import { useColorMode } from '@docusaurus/theme-common'
-
-type FeatureItem = {
-  title: string;
-  Svg: React.ComponentType<React.ComponentProps<'svg'>>;
-  description: JSX.Element;
-};
-
-const FeatureList: FeatureItem[] = [
-  { scale: 1.0,
-    fill:"currentColor",
-    title: 'Building Web4',
-    Svg: require('@site/static/img/clouds.svg').default,
-    description: (
-      <>
-        Laying the groundwork for Web4, the next generation of the Internet.
-      </>
-    ),
-  },
-  { scale: 1.0,
-    fill:"currentColor",
-    title: 'ThreeFold Grid',
-    Svg: require('@site/static/img/nodes.svg').default,
-    description: (
-      <>
-        ThreeFold nodes, routers and phones create an end&#8209;to&#8209;end encrypted network.
-      </>
-    ),
-  },
-  { scale: 1.0,
-    fill:"currentColor",
-    title: 'Community Rewards',
-    Svg: require('@site/static/img/rewards.svg').default,
-    description: (
-      <>
-        The ecosystem rewards the community to foster growth and expansion.
-      </>
-    ),
-  },
-];
-
-function Feature({scale, fill, id, title, Svg, description}: FeatureItem) {
-  return (
-    <div className={clsx('col col--4')}>
-      <div className="text--center">
-      <Svg transform={"scale(" + scale + ")"} fill={fill} id={id} className={styles.featureSvg} role="img" />
-      </div>
-      <div className="text--center padding-horiz--md">
-        <Heading as="h3">{title}</Heading>
-        <p>{description}</p>
-      </div>
-    </div>
-  );
-}
-
-export default function HomepageFeatures(): JSX.Element {
-  return (
-    <section className={styles.features}>
-      <div className="container">
-        <div className="row">
-          {FeatureList.map((props, idx) => (
-            <Feature key={idx} {...props} />
-          ))}
-        </div>
-      </div>
-    </section>
-  );
-}

src/components/HomepageFeatures/styles.module.css

@@ -1,11 +0,0 @@
-.features {
-  display: flex;
-  align-items: center;
-  padding: 2rem 0;
-  width: 100%;
-}
-
-.featureSvg {
-  height: 200px;
-  width: 200px;
-}

src/components/RadarChart.tsx

@@ -1,101 +0,0 @@
-import React from 'react';
-import { Radar } from 'react-chartjs-2';
-import {
-  Chart as ChartJS,
-  RadialLinearScale,
-  PointElement,
-  LineElement,
-  Filler,
-  Tooltip,
-  Legend,
-} from 'chart.js';
-
-ChartJS.register(
-  RadialLinearScale,
-  PointElement,
-  LineElement,
-  Filler,
-  Tooltip,
-  Legend
-);
-
-interface Project {
-  name: string;
-  values: number[];
-}
-
-interface RadarChartProps {
-  projectData: Project[];
-}
-
-// Define a distinct color palette
-const colorPalette = [
-  { border: 'rgba(54, 162, 235, 1)', background: 'rgba(54, 162, 235, 0.2)' }, // Blue
-  { border: 'rgba(255, 99, 132, 1)', background: 'rgba(255, 99, 132, 0.2)' }, // Red
-  { border: 'rgba(75, 192, 192, 1)', background: 'rgba(75, 192, 192, 0.2)' }, // Teal
-  { border: 'rgba(255, 159, 64, 1)', background: 'rgba(255, 159, 64, 0.2)' }, // Orange
-  { border: 'rgba(153, 102, 255, 1)', background: 'rgba(153, 102, 255, 0.2)' }, // Purple
-  { border: 'rgba(255, 205, 86, 1)', background: 'rgba(255, 205, 86, 0.2)' }, // Yellow
-  { border: 'rgba(201, 203, 207, 1)', background: 'rgba(201, 203, 207, 0.2)' }, // Gray
-];
-
-const RadarChart: React.FC<RadarChartProps> = ({ projectData }) => {
-  const data = {
-    labels: ['Decentralization', 'Open Source', 'Tokens', 'API Driven', 'Geo Fencing', 'Capacity'],
-    datasets: projectData.map((project, index) => ({
-      label: project.name,
-      data: project.values,
-      backgroundColor: colorPalette[index % colorPalette.length].background, // Use distinct background color
-      borderColor: colorPalette[index % colorPalette.length].border, // Use distinct border color
-      borderWidth: 1,
-    })),
-  };
-
-  const options = {
-    scales: {
-      r: {
-        min: 0,
-        max: 100,
-        ticks: {
-          stepSize: 20,
-          color: '#fff', // White color for the numbers
-          backdropColor: 'transparent', // Remove the white background
-          showLabelBackdrop: false, // Hide the square around the numbers
-          font: {
-            size: 12, // Adjust the font size if needed
-          },
-        },
-        grid: {
-          color: 'rgba(255, 255, 255, 0.1)', // Light gray grid lines for contrast
-        },
-        angleLines: {
-          color: 'rgba(255, 255, 255, 0.1)', // Light gray angle lines for contrast
-        },
-        pointLabels: {
-          color: '#fff', // White color for point labels
-          font: {
-            size: 12, // Adjust the font size of point labels
-          },
-        },
-      },
-    },
-    plugins: {
-      legend: {
-        position: 'top',
-        labels: {
-          color: '#fff', // White color for legend labels
-        },
-      },
-    },
-  };
-
-  return (
-    <Radar
-      data={data}
-      options={options}
-      style={{ background: 'transparent' }} // Ensure the chart background is transparent
-    />
-  );
-};
-
-export default RadarChart;

src/css/custom.css

@@ -1,131 +0,0 @@
-/**
- * Any CSS included here will be global. The classic template
- * bundles Infima by default. Infima is a CSS framework designed to
- * work well for content-centric websites.
- */
-
-/* Ensure navbar items and logo are vertically aligned */
-.navbar__logo {
-  display: flex;
-  align-items: center;  /* Center aligns the items vertically */
-  height: 100%;         /* Ensures full height for alignment */
-}
-
-.navbar__logo img {
-  max-width: 150px;   /* Set maximum width of the logo */
-  height: auto;       /* Maintain aspect ratio */
-}
-
-/* Align navbar items, such as Docs and Support */
-.navbar__item {
-  display: flex;
-  align-items: center; /* Vertically align the items */
-}
-
-/* Optional: Adjust padding for navbar items */
-.navbar__link {
-  padding: 8px 12px;   /* Modify values as necessary for better spacing */
-}
-
-/* Add @font-face declarations for the Inter font */
-@font-face {
-  font-family: 'Inter';
-  font-weight: 400; /* Light */
-  font-style: normal;
-  src: url('/fonts/Inter_28pt-Light.ttf') format('truetype'); /* Corrected path */
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-weight: 500; /* Regular */
-  font-style: normal;
-  src: url('/fonts/Inter_28pt-Regular.ttf') format('truetype'); /* Corrected path */
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-weight: 600; /* Medium */
-  font-style: normal;
-  src: url('/fonts/Inter_28pt-Medium.ttf') format('truetype'); /* Corrected path */
-}
-
-/* Apply the Inter font globally */
-body {
-  font-family: 'Inter', sans-serif; /* Set the global font */
-  font-size: 18px;
-}
-
-/* Header styles - Medium weight for headers */
-h1, h2, h3, h4, h5, h6 {
-  font-weight: 600; /* Medium weight for headers */
-  font-family: 'Inter', sans-serif; /* Set the global font */
-}
-
-/* Paragraph styles - Light weight for paragraphs */
-p {
-  font-weight: 400; /* Light weight for paragraphs */
-  font-family: 'Inter', sans-serif; /* Set the global font */
-}
-
-/* You can override the default Infima variables here. */
-:root {
-  --ifm-color-primary: #2e83ff;
-  --ifm-color-primary-dark: #29784c;
-  --ifm-color-primary-darker: #277148;
-  --ifm-color-primary-darkest: #205d3b;
-  --ifm-color-primary-light: #33925d;
-  --ifm-color-primary-lighter: #359962;
-  --ifm-color-primary-lightest: #3cad6e;
-  --ifm-code-font-size: 95%;
-  --svg-fill-color: #2a2021; /* Black fill for light mode */
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
-}
-
-/* Dark mode styles */
-html[data-theme="dark"] {
-  --svg-fill-color: #fff; /* White fill for dark mode */
-}
-
-/* For readability concerns, you should choose a lighter palette in dark mode. */
-[data-theme='dark'] {
-  --ifm-color-primary: #8d8d8d;
-  --ifm-color-primary-dark: #21af90;
-  --ifm-color-primary-darker: #1fa588;
-  --ifm-color-primary-darkest: #1a8870;
-  --ifm-color-primary-light: #29d5b0;
-  --ifm-color-primary-lighter: #32d8b4;
-  --ifm-color-primary-lightest: #4fddbf;
-  --svg-fill-color: #fff; /* White fill for dark mode */
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
-}
-.footer {
-  background-color: #131213;
-}
-.footer a,
-.footer p,
-.footer span,
-.footer div {
-  color: #ffffff; /* Example: Light gray text for dark mode */
-}
-.navbar {  /* or .navbar--fixedTop if it has that class */
-  background-color: #131213;
-}
-
-/* Apply scroll margin to footnote targets */
-[data-footnote-ref="true"] {
-  scroll-margin-top: 80px; /* Adjust this value to match your navbar height */
-}
-
-/* Ensure navbar items and logo are vertically aligned */
-.navbar__logo {
-  display: flex;
-  align-items: center;  /* Center aligns the items vertically */
-  height: 100%;         /* Ensures full height for alignment */
-}
-
-.navbar__link {  /* Example: for navbar links */
-  color: #ffffff;
-}
-img.svg-icon {
-  fill: var(--svg-fill-color); /* Apply the color variable */
-}

src/pages/index.module.css

@@ -1,23 +0,0 @@
-/**
- * CSS files with the .module.css suffix will be treated as CSS modules
- * and scoped locally.
- */
-
-.heroBanner {
-  padding: 4rem 0;
-  text-align: center;
-  position: relative;
-  overflow: hidden;
-}
-
-@media screen and (max-width: 996px) {
-  .heroBanner {
-    padding: 2rem;
-  }
-}
-
-.buttons {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}

src/pages/index.tsx

@@ -1,6 +0,0 @@
-import React from 'react';
-import { Redirect } from '@docusaurus/router';
-
-export default function Home() {
-  return <Redirect to="/depin/docs/introduction" />;
-}

src/pages/markdown-page.md

@@ -1,7 +0,0 @@
----
-title: Markdown page example
----
-
-# Markdown page example
-
-You don't need React to write simple standalone pages.

static/CNAME

@@ -1 +0,0 @@
-info.ourworld.tf/depin

static/js/crisp.js

@@ -1 +0,0 @@
-window.$crisp=[];window.CRISP_WEBSITE_ID="1a5a5241-91cb-4a41-8323-5ba5ec574da0";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();

tsconfig.json

@@ -1,7 +0,0 @@
-{
-  // This file is not used in compilation. It is here just for a nice editor experience.
-  "extends": "@docusaurus/tsconfig",
-  "compilerOptions": {
-    "baseUrl": "docs"
-  }
-}