add new cfg version

cfg/footer.json

@@ -0,0 +1,69 @@
+{
+  "style": "dark",
+  "links": [
+    {
+      "title": "DePIN",
+      "items": [
+        {
+          "label": "Introduction",
+          "href": "/docs/introduction"
+        },
+        {
+          "label": "BYO Internet",
+          "href": "/docs/byoi"
+        },
+        {
+          "label": "TFGrid POC",
+          "href": "/docs/threefold_poc"
+        },
+        {
+          "label": "Feedback",
+          "to": "/docs/feedback"
+        }
+      ]
+    },
+    {
+      "title": "Community",
+      "items": [
+        {
+          "label": "Telegram",
+          "href": "https://t.me/threefold"
+        },
+        {
+          "label": "X",
+          "href": "https://x.com/threefold_io"
+        },
+        {
+          "label": "Forum",
+          "href": "https://forum.threefold.io"
+        },
+        {
+          "label": "Support",
+          "to": "/support"
+        }
+      ]
+    },
+    {
+      "title": "Links",
+      "items": [
+        {
+          "label": "ThreeFold.io",
+          "href": "https://threefold.io"
+        },
+        {
+          "label": "Dashboard",
+          "href": "https://dashboard.grid.tf"
+        },
+        {
+          "label": "GitHub",
+          "href": "https://github.com/threefoldtech/home"
+        },
+        {
+          "label": "Gitea",
+          "href": "https://git.ourworld.tf/tfgrid/info_docs_byoi"
+        }
+      ]
+    }
+  ],
+  "copyright": "Copyright © 2025 ThreeFold"
+}

cfg/main.json

@@ -0,0 +1,15 @@
+{
+  "title": "Build Your Own Internet",
+  "tagline": "Learn how to build your own internet",
+  "favicon": "img/favicon.png",
+  "url": "https://threefold.info",
+  "baseUrl": "/byoi/",
+  "image": "img/tf_graph.png",
+  "metadata": {
+    "description": "Learn how to build your own internet",
+    "image": "https://info.ourworld.tf/img/tf_graph.png",
+    "title": "Build Your Own Internet"
+  },
+  "buildDest": "root@info.ourworld.tf:/root/hero/www/info",
+  "buildDestDev": "root@info.ourworld.tf:/root/hero/www/infodev"
+}

cfg/navbar.json

@@ -0,0 +1,21 @@
+{
+  "title": "",
+  "items": [
+    {
+      "type": "docSidebar",
+      "sidebarId": "tutorialSidebar",
+      "position": "left",
+      "label": "Docs"
+    },
+    {
+      "to": "/support",
+      "label": "Support",
+      "position": "left"
+    },
+    {
+      "href": "https://threefold.io",
+      "label": "ThreeFold.io",
+      "position": "right"
+    }
+  ]
+}

docusaurus.config.ts

@@ -1,14 +1,17 @@
 import {themes as prismThemes} from 'prism-react-renderer';
 import type {Config} from '@docusaurus/types';
 import type * as Preset from '@docusaurus/preset-classic';
+import navbar from './cfg/navbar.json';
+import footer from './cfg/footer.json';
+import main from './cfg/main.json';
 
 const config: Config = {
-  title: 'Build Your Own Internet',
+  title: main.title,
-  tagline: 'Learn how to build your own internet',
+  tagline: main.tagline,
-  favicon: 'img/favicon.png',
+  favicon: main.favicon,
 
-  url: 'https://threefold.info',
+  url: main.url,
-  baseUrl: '/byoi/',
+  baseUrl: main.baseUrl,
 
   onBrokenLinks: 'throw',
   onBrokenMarkdownLinks: 'warn',
@@ -48,122 +51,32 @@ const config: Config = {
   themes: ['@docusaurus/theme-mermaid'],
 
   scripts: [
-    
     {
-      src:
+      src: '/js/crisp.js',
-        '/js/crisp.js',
       async: false,
     },
   ],
 
   themeConfig: {
-
     colorMode: {
-      defaultMode: 'dark',
+      defaultMode: "dark",
       disableSwitch: true,
-      respectPrefersColorScheme: false,
+      respectPrefersColorScheme: false
-    },
-    image: 'img/tf_graph.png',
-    navbar: {
-      title: '',
-      logo: {
-        alt: 'ThreeFold Logo',
-        src: 'img/logo.svg',
-        srcDark: 'img/new_logo_tft.png',
-      },
-      items: [
-        {
-          type: 'docSidebar',
-          sidebarId: 'tutorialSidebar',
-          position: 'left',
-          label: 'Docs',
-        },
-        {
-          to: '/support',
-          label: 'Support',
-          position: 'left',
-        },
-        {
-          href: 'https://threefold.io',
-          label: 'ThreeFold.io',
-          position: 'right',
     },
+    image: main.image,
+    metadata: [
+      { name: 'description', content: main.metadata.description },
+      { property: 'og:image', content: main.metadata.image },
+      { property: 'og:description', content: main.metadata.description },
+      { property: 'og:title', content: main.metadata.title },
     ],
-    },
+    navbar: navbar,
-    footer: {
+    footer: footer,
-      style: 'dark',
-      links: [
-        {
-          title: 'DePIN',
-          items: [
-            {
-              label: 'Introduction',
-              href: '/docs/introduction',
-            },
-            {
-              label: 'BYO Internet',
-              href: '/docs/byoi',
-            },
-            {
-              label: 'TFGrid POC',
-              href: '/docs/threefold_poc',
-            },
-            {
-              label: 'Feedback',
-              to: '/docs/feedback',
-            },
-          ],
-        },
-        {
-          title: 'Community',
-          items: [
-            {
-              label: 'Telegram',
-              href: 'https://t.me/threefold',
-            },
-            {
-              label: 'X',
-              href: 'https://x.com/threefold_io',
-            },
-            {
-              label: 'Forum',
-              href: 'https://forum.threefold.io',
-            },
-            {
-              label: 'Support',
-              to: '/support',
-            },
-          ],
-        },
-        {
-          title: 'Links',
-          items: [
-            {
-              label: 'ThreeFold.io',
-              href: 'https://threefold.io',
-            },
-            {
-              label: 'Dashboard',
-              href: 'https://dashboard.grid.tf',
-            },
-            {
-              label: 'GitHub',
-              href: 'https://github.com/threefoldtech/home',
-            },
-            {
-              label: 'Gitea',
-              href: 'https://git.ourworld.tf/tfgrid/info_docs_byoi',
-            },
-          ],
-        },
-      ],
-      copyright: `Copyright © ${new Date().getFullYear()} ThreeFold`,
-    },
     prism: {
       theme: prismThemes.github,
       darkTheme: prismThemes.dracula,
     },
-  } satisfies Preset.ThemeConfig,
+  },
 };
 
 export default config;

docusaurus.config.ts.archive

@@ -0,0 +1,169 @@
+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: 'Build Your Own Internet',
+  tagline: 'Learn how to build your own internet',
+  favicon: 'img/favicon.png',
+
+  url: 'https://threefold.info',
+  baseUrl: '/byoi/',
+
+  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/tf_graph.png',
+    navbar: {
+      title: '',
+      logo: {
+        alt: 'ThreeFold Logo',
+        src: 'img/logo.svg',
+        srcDark: 'img/new_logo_tft.png',
+      },
+      items: [
+        {
+          type: 'docSidebar',
+          sidebarId: 'tutorialSidebar',
+          position: 'left',
+          label: 'Docs',
+        },
+        {
+          to: '/support',
+          label: 'Support',
+          position: 'left',
+        },
+        {
+          href: 'https://threefold.io',
+          label: 'ThreeFold.io',
+          position: 'right',
+        },
+      ],
+    },
+    footer: {
+      style: 'dark',
+      links: [
+        {
+          title: 'DePIN',
+          items: [
+            {
+              label: 'Introduction',
+              href: '/docs/introduction',
+            },
+            {
+              label: 'BYO Internet',
+              href: '/docs/byoi',
+            },
+            {
+              label: 'TFGrid POC',
+              href: '/docs/threefold_poc',
+            },
+            {
+              label: 'Feedback',
+              to: '/docs/feedback',
+            },
+          ],
+        },
+        {
+          title: 'Community',
+          items: [
+            {
+              label: 'Telegram',
+              href: 'https://t.me/threefold',
+            },
+            {
+              label: 'X',
+              href: 'https://x.com/threefold_io',
+            },
+            {
+              label: 'Forum',
+              href: 'https://forum.threefold.io',
+            },
+            {
+              label: 'Support',
+              to: '/support',
+            },
+          ],
+        },
+        {
+          title: 'Links',
+          items: [
+            {
+              label: 'ThreeFold.io',
+              href: 'https://threefold.io',
+            },
+            {
+              label: 'Dashboard',
+              href: 'https://dashboard.grid.tf',
+            },
+            {
+              label: 'GitHub',
+              href: 'https://github.com/threefoldtech/home',
+            },
+            {
+              label: 'Gitea',
+              href: 'https://git.ourworld.tf/tfgrid/info_docs_byoi',
+            },
+          ],
+        },
+      ],
+      copyright: `Copyright © ${new Date().getFullYear()} ThreeFold`,
+    },
+    prism: {
+      theme: prismThemes.github,
+      darkTheme: prismThemes.dracula,
+    },
+  } satisfies Preset.ThemeConfig,
+};
+
+export default config;