...

build.sh

@@ -7,10 +7,11 @@ 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
+rsync -rv --delete ${script_dir}/build/ root@info.ourworld.tf:/root/hero/www/info/hero/

develop.sh

@@ -9,4 +9,4 @@ echo "Docs directory: $script_dir"
 
 export NODE_OPTIONS=--openssl-legacy-provider
 
-npm run start -- --host 0.0.0.0
+pnpm run start -- --host 0.0.0.0

install.sh

@@ -16,9 +16,9 @@ echo "Docs directory: $script_dir"
 #     echo "Bun is already installed."
 # fi
 
-#bun install
+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 @docusaurus/core@3.6.3 @docusaurus/preset-classic@3.6.3 @docusaurus/theme-mermaid@3.6.3
-pnpm install
+#pnpm install

package.json

@@ -16,6 +16,7 @@
   },
   "dependencies": {
     "@docusaurus/core": "^3.6.3",
+    "@docusaurus/plugin-client-redirects": "3.6.3",
     "@docusaurus/preset-classic": "^3.6.3",
     "@docusaurus/theme-mermaid": "^3.6.3",
     "@mdx-js/react": "^3.0.0",
@@ -25,11 +26,15 @@
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.6.3",
+    "@docusaurus/module-type-aliases": "3.6.3",
-    "@docusaurus/tsconfig": "3.5.2",
+    "@docusaurus/tsconfig": "3.6.3",
-    "@docusaurus/types": "3.5.2",
+    "@docusaurus/types": "3.6.3",
+    "@types/bun": "latest",
     "typescript": "~5.5.2"
   },
+  "peerDependencies": {
+    "typescript": "^5.0.0"
+  },
   "browserslist": {
     "production": [
       ">0.5%",

src/css/custom.css

@@ -7,125 +7,238 @@
 /* Ensure navbar items and logo are vertically aligned */
 .navbar__logo {
   display: flex;
-  align-items: center;  /* Center aligns the items vertically */
+  align-items: center;
-  height: 100%;         /* Ensures full height for alignment */
+  height: 100%;
 }
 
 .navbar__logo img {
-  max-width: 150px;   /* Set maximum width of the logo */
+  max-width: 150px;
-  height: auto;       /* Maintain aspect ratio */
+  height: auto;
 }
 
 /* Align navbar items, such as Docs and Support */
 .navbar__item {
   display: flex;
-  align-items: center; /* Vertically align the items */
+  align-items: center;
 }
 
 /* Optional: Adjust padding for navbar items */
 .navbar__link {
-  padding: 8px 12px;   /* Modify values as necessary for better spacing */
+  padding: 8px 12px;
 }
 
 /* Add @font-face declarations for the Inter font */
 @font-face {
   font-family: 'Inter';
-  font-weight: 400; /* Light */
+  font-weight: 400;
   font-style: normal;
-  src: url('/fonts/Inter_28pt-Light.ttf') format('truetype'); /* Corrected path */
+  src: url('/fonts/Inter_28pt-Light.ttf') format('truetype');
 }
 
 @font-face {
   font-family: 'Inter';
-  font-weight: 500; /* Regular */
+  font-weight: 500;
   font-style: normal;
-  src: url('/fonts/Inter_28pt-Regular.ttf') format('truetype'); /* Corrected path */
+  src: url('/fonts/Inter_28pt-Regular.ttf') format('truetype');
 }
 
 @font-face {
   font-family: 'Inter';
-  font-weight: 600; /* Medium */
+  font-weight: 600;
   font-style: normal;
-  src: url('/fonts/Inter_28pt-Medium.ttf') format('truetype'); /* Corrected path */
+  src: url('/fonts/Inter_28pt-Medium.ttf') format('truetype');
 }
 
 /* Apply the Inter font globally */
 body {
-  font-family: 'Inter', sans-serif; /* Set the global font */
+  font-family: 'Inter', sans-serif;
   font-size: 18px;
+  background-color: #131213;
+  color: #ffffff;
 }
 
-/* Header styles - Medium weight for headers */
+/* Header styles */
 h1, h2, h3, h4, h5, h6 {
-  font-weight: 600; /* Medium weight for headers */
+  font-weight: 600;
-  font-family: 'Inter', sans-serif; /* Set the global font */
+  font-family: 'Inter', sans-serif;
+  color: #ffffff;
 }
 
-/* Paragraph styles - Light weight for paragraphs */
+/* Paragraph styles */
 p {
-  font-weight: 400; /* Light weight for paragraphs */
+  font-weight: 400;
-  font-family: 'Inter', sans-serif; /* Set the global font */
+  font-family: 'Inter', sans-serif;
+  color: #ffffff;
 }
 
-/* You can override the default Infima variables here. */
+/* Theme variables */
 :root {
   --ifm-color-primary: #2e83ff;
-  --ifm-color-primary-dark: #29784c;
+  --ifm-background-color: #131213;
-  --ifm-color-primary-darker: #277148;
+  --ifm-navbar-background-color: #131213;
-  --ifm-color-primary-darkest: #205d3b;
+  --ifm-footer-background-color: #131213;
-  --ifm-color-primary-light: #33925d;
+  --ifm-color-content: #ffffff;
-  --ifm-color-primary-lighter: #359962;
+  --ifm-menu-color: #ffffff;
-  --ifm-color-primary-lightest: #3cad6e;
+  --ifm-toc-link-color: #ffffff;
+  --ifm-breadcrumb-color-active: #2e83ff;
   --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);
 }
+
+/* Dark mode overrides */
+[data-theme='dark'] {
+  --ifm-background-color: #131213;
+  --ifm-navbar-background-color: #131213;
+  --ifm-footer-background-color: #131213;
+  --ifm-color-content: #ffffff;
+  --ifm-menu-color: #ffffff;
+  --ifm-toc-link-color: #ffffff;
+  --ifm-link-color: #2e83ff;
+  --ifm-breadcrumb-color-active: #2e83ff;
+}
+
+/* Layout elements */
 .footer {
   background-color: #131213;
 }
+
 .footer a,
 .footer p,
 .footer span,
 .footer div {
-  color: #ffffff; /* Example: Light gray text for dark mode */
+  color: #ffffff;
 }
-.navbar {  /* or .navbar--fixedTop if it has that class */
+
+.navbar {
   background-color: #131213;
 }
 
-/* Apply scroll margin to footnote targets */
+.navbar__link {
-[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 */
+.menu {
-}
+  background-color: #131213;
+}
+
+.menu__link {
+  color: #ffffff;
+}
+
+.menu__link:hover {
+  color: #2e83ff;
+}
+
+.menu__link--active {
+  color: #2e83ff;
+}
+
+.table-of-contents {
+  background-color: #131213;
+}
+
+.table-of-contents__link {
+  color: #ffffff;
+}
+
+.table-of-contents__link:hover,
+.table-of-contents__link--active {
+  color: #2e83ff;
+}
+
+/* Main content area */
+.main-wrapper {
+  background-color: #131213;
+}
+
+aside.theme-doc-sidebar-container {
+  background-color: #131213;
+  border-right: 1px solid #2a2a2a;
+}
+
+.theme-doc-sidebar-menu {
+  background-color: #131213;
+}
+
+.theme-doc-toc-desktop {
+  background-color: #131213;
+  border-left: 1px solid #2a2a2a;
+}
+
+/* Navigation elements */
+.breadcrumbs__link {
+  color: #ffffff;
+}
+
+.breadcrumbs__link:hover {
+  color: #2e83ff;
+}
+
+/* Search */
+.navbar__search-input {
+  color: #ffffff;
+  background-color: #1a1a1a;
+  border: 1px solid #2a2a2a;
+}
+
+/* Mobile elements */
+.navbar__toggle {
+  color: #ffffff;
+}
+
+.navbar-sidebar {
+  background-color: #131213;
+}
+
+.navbar-sidebar__brand {
+  background-color: #131213;
+}
+
+.navbar-sidebar__items {
+  background-color: #131213;
+}
+
+/* Code blocks */
+.theme-code-block {
+  background-color: #1a1a1a !important;
+}
+
+/* Markdown content */
+.markdown {
+  color: #ffffff;
+}
+
+/* Links */
+.markdown a {
+  color: #2e83ff;
+}
+
+/* Tables */
+.markdown table {
+  border-color: #2a2a2a;
+}
+
+.markdown table tr {
+  background-color: #131213;
+  border-color: #2a2a2a;
+}
+
+.markdown table tr:nth-child(2n) {
+  background-color: #1a1a1a;
+}
+
+.markdown table th,
+.markdown table td {
+  border-color: #2a2a2a;
+}
+
+/* Blockquotes */
+.markdown blockquote {
+  border-left-color: #2e83ff;
+  background-color: #1a1a1a;
+}
+
+/* Horizontal rules */
+.markdown hr {
+  border-color: #2a2a2a;
+}

src/pages/index.tsx

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

static/CNAME

@@ -1 +1 @@
-threefold.info/depin
+docs.threefold.pro

static/img/clouds.svg

@@ -1,16 +1,4 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
+<?xml version="1.0" encoding="UTF-8"?>
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+    <path d="M19 18H6C3.79086 18 2 16.2091 2 14C2 11.7909 3.79086 10 6 10C6.08156 10 6.16244 10.0027 6.24254 10.008C6.83752 7.69637 8.93922 6 11.5 6C14.5376 6 17 8.46243 17 11.5C17 11.6729 16.9922 11.8436 16.9769 12.0123C18.1953 12.1907 19.1413 13.2166 19.1413 14.5C19.1413 15.8807 18.1953 16.9066 16.9769 17.085" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-	 viewBox="0 0 512.001 512.001" xml:space="preserve">
+</svg>
-<g>
-	<g>
-		<path d="M344.381,143.771C254.765,56.017,102.37,103.776,79.825,227.7c-31.849,4.598-59.138,25.445-72.018,55.076
-			c-0.016,0.035-0.032,0.07-0.047,0.107c-26.687,61.602,18.784,130.232,85.51,130.232h282.267
-			c75.246,0,136.463-61.216,136.463-136.462C512,189.241,430.314,123.682,344.381,143.771z M375.537,381.12H93.271
-			c-69.246,0-84.534-98.263-18.714-119.456c14.753-4.65,43.01-7.348,74.38,21.892c6.464,6.024,16.586,5.667,22.61-0.794
-			c6.024-6.464,5.668-16.586-0.794-22.61c-17.93-16.712-38.071-27.33-58.484-31.453c22.034-99.077,147.374-131.851,215.247-56.305
-			c4.189,4.661,10.714,6.451,16.693,4.57c67.272-21.117,135.795,29.374,135.795,99.69
-			C480.005,334.256,433.141,381.12,375.537,381.12z"/>
-	</g>
-</g>
-</svg>

static/img/favicon.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19 18H6C3.79086 18 2 16.2091 2 14C2 11.7909 3.79086 10 6 10C6.08156 10 6.16244 10.0027 6.24254 10.008C6.83752 7.69637 8.93922 6 11.5 6C14.5376 6 17 8.46243 17 11.5C17 11.6729 16.9922 11.8436 16.9769 12.0123C18.1953 12.1907 19.1413 13.2166 19.1413 14.5C19.1413 15.8807 18.1953 16.9066 16.9769 17.085" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

static/img/nodes.svg

@@ -1,2 +1,6 @@
-<?xml version="1.0" ?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<?xml version="1.0" encoding="UTF-8"?>
-<svg fill="#000000" width="800px" height="800px" viewBox="0 0 100 100" data-name="Layer 1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"><title/><path d="M76.09,53.55H68.93v-12a2,2,0,1,0-4,0v12H23.88A5.89,5.89,0,0,0,18,59.43V72.3a5.88,5.88,0,0,0,5.88,5.87H76.09A5.87,5.87,0,0,0,82,72.3V59.43A5.88,5.88,0,0,0,76.09,53.55ZM78,72.3a1.87,1.87,0,0,1-1.87,1.87H23.88A1.88,1.88,0,0,1,22,72.3V59.43a1.88,1.88,0,0,1,1.88-1.88H76.09A1.88,1.88,0,0,1,78,59.43ZM52.44,30.66a2,2,0,0,1,0-2.83,20.48,20.48,0,0,1,29,0,2,2,0,0,1-2.82,2.83,16.49,16.49,0,0,0-23.32,0,2,2,0,0,1-2.83,0ZM66.93,30a11.2,11.2,0,0,1,7.95,3.29,2,2,0,1,1-2.83,2.83,7.24,7.24,0,0,0-10.24,0,2,2,0,0,1-1.42.58A2,2,0,0,1,59,36.11a2,2,0,0,1,0-2.83A11.16,11.16,0,0,1,66.93,30ZM31.72,63.85V67.4a2,2,0,0,1-4,0V63.85a2,2,0,1,1,4,0Zm11.61,0V67.4a2,2,0,0,1-4,0V63.85a2,2,0,0,1,4,0Z"/></svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 4L20 8.5L12 13L4 8.5L12 4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M20 15.5L12 20L4 15.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M20 12L12 16.5L4 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

static/img/rewards.svg

@@ -1,2 +1,6 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<?xml version="1.0" encoding="UTF-8"?>
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="#000000" xmlns="http://www.w3.org/2000/svg" id="reward" class="icon glyph"><path d="M15.34,17.44a4.85,4.85,0,0,0,.72-.71,3.08,3.08,0,0,1,.48-.48,2.86,2.86,0,0,1,.61-.31,6.64,6.64,0,0,0,1-.49,2.35,2.35,0,0,0,.6-.58,3.25,3.25,0,0,0,.52-1.61h0c0-.06,0-.11,0-.17a3.65,3.65,0,0,1,.1-.69,4.31,4.31,0,0,1,.31-.59,3.48,3.48,0,0,0,.63-1.8,3.48,3.48,0,0,0-.63-1.8,4.31,4.31,0,0,1-.31-.59,3.65,3.65,0,0,1-.1-.69,3.55,3.55,0,0,0-.54-1.79,3.51,3.51,0,0,0-1.55-1.07,2.86,2.86,0,0,1-.61-.31,3.59,3.59,0,0,1-.48-.48,3.52,3.52,0,0,0-1.5-1.15,3.47,3.47,0,0,0-1.85,0,3.1,3.1,0,0,1-1.42,0,3.47,3.47,0,0,0-1.85,0,3.52,3.52,0,0,0-1.5,1.15,3.08,3.08,0,0,1-.48.48,2.86,2.86,0,0,1-.61.31A3.51,3.51,0,0,0,5.3,5.13a3.55,3.55,0,0,0-.54,1.79,3.65,3.65,0,0,1-.1.69,4.31,4.31,0,0,1-.31.59A3.48,3.48,0,0,0,3.72,10a3.48,3.48,0,0,0,.63,1.8,4.31,4.31,0,0,1,.31.59,3.65,3.65,0,0,1,.1.69c0,.05,0,.11,0,.17a3.28,3.28,0,0,0,.52,1.62,2.35,2.35,0,0,0,.6.58,6.64,6.64,0,0,0,.95.49,2.86,2.86,0,0,1,.61.31,3.59,3.59,0,0,1,.48.48,4.85,4.85,0,0,0,.72.71,2.29,2.29,0,0,0,.78.44,2.76,2.76,0,0,0,1.2.08,5.74,5.74,0,0,0,.65-.13,3.1,3.1,0,0,1,1.42,0,5.74,5.74,0,0,0,.65.13h0a3.29,3.29,0,0,0,.45,0,2.42,2.42,0,0,0,.74-.11A2.29,2.29,0,0,0,15.34,17.44ZM12,14a4,4,0,1,1,4-4A4,4,0,0,1,12,14ZM9.14,18.84a3.59,3.59,0,0,0,1,.14L8.89,21.45a1,1,0,0,1-.74.54H8a1,1,0,0,1-.72-.3L5.6,20,3,20a1.11,1.11,0,0,1-.86-.47,1,1,0,0,1,0-1l2-3.88a3.26,3.26,0,0,0,.41.78,3.67,3.67,0,0,0,.87.84,9,9,0,0,0,1.11.57c.08,0,.32.14.42.2s.18.19.3.32A5.85,5.85,0,0,0,8,18.2,3.39,3.39,0,0,0,9.14,18.84Zm12.71.69A1.05,1.05,0,0,1,21,20L18.4,20,16.72,21.7A1,1,0,0,1,16,22h-.15a1,1,0,0,1-.74-.54L13.88,19a3.54,3.54,0,0,0,1-.16,3.13,3.13,0,0,0,1.07-.59,6,6,0,0,0,.88-.86,2,2,0,0,1,.33-.34l.44-.2a8.68,8.68,0,0,0,1.07-.56,3.5,3.5,0,0,0,.85-.82,3.24,3.24,0,0,0,.42-.8l2,3.89A1,1,0,0,1,21.85,19.53Z"></path></svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="12" cy="8" r="6" stroke="currentColor" stroke-width="2"/>
+    <path d="M15.477 12.89C17.447 14.394 19 16.5 19 19C19 19.5523 18.5523 20 18 20H6C5.44772 20 5 19.5523 5 19C5 16.5 6.55301 14.394 8.52299 12.89" stroke="currentColor" stroke-width="2"/>
+    <path d="M12 8L14 10L11 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>