refactor sidebar

docs/follow-us.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 6
+sidebar_position: 8
 ---
 
 # Follow us

docs/governance/index.md

@@ -1,7 +0,0 @@
-# Governance
-
-```mdx-code-block
-import DocCardList from '@theme/DocCardList';
-
-<DocCardList />
-```

docs/projects/Ecosystem Platform.db

@@ -1,18 +0,0 @@
-# Web3Privacy Now Ecosystem Platform
-A comprehensive website for showcasing our ecosystem to a wide audience, featuring an interactive and comprehensive collection of our activities and projects.
-
-### 🎯 Aim: 
-To make the concept of privacy easily accessible, understandable, and actionable for everyone, fostering a deeper connection and engagement with our initiatives.
-
-- [Live demo](https://web3privacy.develit.io/)
-
-This project is currently supported by Ethereum Foundation.
-
-### Team
-- Project Manager: Mykola Siusko [GitHub](https://github.com/Msiusko), [Twitter](https://twitter.com/nicksvyaznoy), [LinkedIn](https://www.linkedin.com/in/siusko/)
-- R&D: [PG](https://github.com/EclecticSamurai)
-- Product:[Coinmandeer](https://github.com/coinmandeer), [Tree](https://github.com/burningtree)
-
-
-
-

docs/research/index.md

@@ -2,7 +2,7 @@
 sidebar_position: 4
 ---
 
-# Projects
+# Research
 
 ```mdx-code-block
 import DocCardList from '@theme/DocCardList';

docs/workgroups.md

@@ -13,7 +13,7 @@
 
 | Name | Lead | Members |
 | --- | --- | --- |
-| Privacy Explorer | Coinmandeer | Mykola, PG, Tree |
-| Privacy Research | Mykola | PG |
-| Privacy Events | Tree | PG, Coinmandeer, Mykola |
-| Privacy Tech Awards | Tree | PG, Mykola | 
+| Research | Mykola | PG |
+| [Events](/events) | Tree | PG, Coinmandeer, Mykola |
+| [Privacy Explorer](/projects/privacy-explorer) | Coinmandeer | Mykola, PG, Tree |
+| [Privacy Tech Awards](/projects/privacy-tech-awards) | Tree | PG, Mykola | 

docusaurus.config.js

@@ -36,7 +36,7 @@ const config = {
 
   presets: [
     [
-      'classic',
+      '@docusaurus/preset-classic',
       /** @type {import('@docusaurus/preset-classic').Options} */
       ({
         docs: {

package.json

@@ -14,17 +14,17 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "3.0.0",
-    "@docusaurus/preset-classic": "3.0.0",
+    "@docusaurus/core": "3.0.1",
+    "@docusaurus/preset-classic": "3.0.1",
     "@mdx-js/react": "^3.0.0",
-    "clsx": "^1.2.1",
+    "clsx": "^2.0.0",
     "prism-react-renderer": "^2.1.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.0.0",
-    "@docusaurus/types": "3.0.0"
+    "@docusaurus/module-type-aliases": "3.0.1",
+    "@docusaurus/types": "3.0.1"
   },
   "browserslist": {
     "production": [

sidebars.js

@@ -14,20 +14,92 @@
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
 const sidebars = {
   // By default, Docusaurus generates a sidebar from the docs folder structure
-  tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
+  //tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
 
   // But you can create a sidebar manually
-  /*
+
   tutorialSidebar: [
-    'intro',
-    'hello',
     {
-      type: 'category',
-      label: 'Tutorial',
-      items: ['tutorial-basics/create-a-document'],
+      type: "html",
+      value: '<span class="sidebar-divider" />',
     },
+    {
+      type: "html",
+      className: "sidebar-title",
+      value: "About Web3Privacy Now",
+      defaultStyle: true,
+    },
+    'welcome',
+    'manifesto',
+    'roadmap',
+    'history',
+    {
+      type: "html",
+      value: '<span class="sidebar-divider" />',
+    },
+    {
+      type: "html",
+      className: "sidebar-title",
+      value: "Projects",
+      defaultStyle: true,
+    },
+    {
+      type: "category",
+      label: "Research",
+      link: {type: 'doc', id: 'research/index'},
+      items: [{type: 'autogenerated', dirName: 'research'}],
+    },
+    {
+      type: "category",
+      label: "Events",
+      link: {type: 'doc', id: 'events/index'},
+      items: [{type: 'autogenerated', dirName: 'events'}],
+    },
+    'projects/privacy-explorer',
+    'projects/privacy-tech-awards',
+    {
+      type: "html",
+      value: '<span class="sidebar-divider" />',
+    },
+    {
+      type: "html",
+      className: "sidebar-title",
+      value: "Community",
+      defaultStyle: true,
+    },
+    'follow-us',
+    'get-involved',
+    'donate',
+    'communication',
+    'contacts',
+    'code-of-conduct',
+    {
+      type: "html",
+      value: '<span class="sidebar-divider" />',
+    },
+    {
+      type: "html",
+      className: "sidebar-title",
+      value: "Governance",
+      defaultStyle: true,
+    },
+    'workgroups',
+    'governance/pm',
+    'git',
+    'governance/multisig',
+    {
+      type: "html",
+      value: '<span class="sidebar-divider" />',
+    },
+    {
+      type: "html",
+      className: "sidebar-title",
+      value: "Others",
+      defaultStyle: true,
+    },
+    'funding-requests',
   ],
-   */
+
 };
 
 export default sidebars;

src/css/custom.css

@@ -26,4 +26,26 @@
   --ifm-color-primary-light: #ffffff;
   --ifm-color-primary-lighter: #ffffff;
   --ifm-color-primary-lightest: #ffffff;
+}
+
+.sidebar-divider {
+  border-top: 1px solid var(--ifm-color-gray-200);
+  display: block;
+  margin: 0.5rem 0 0.25rem 1rem;
+}
+
+html[data-theme='dark'] .sidebar-divider {
+  border-top: 1px solid var(--ifm-color-gray-800);
+}
+
+.sidebar-title {
+  font-size: 0.8rem;
+  letter-spacing: 0.05rem;
+  text-transform: uppercase;
+  font-weight: 600;
+  color: var(--ifm-color-gray-600);
+}
+
+html[data-theme='dark'] .sidebar-divider {
+  color: var(--ifm-color-gray-200);
 }