edit sidebar

docs/.vuepress/config.js

@@ -43,9 +43,20 @@ export default defineUserConfig({
         ]
       },
     ],
-    sidebar: false,
-  },{
-    custom: true
+    sidebar: {
+      // Disable sidebar on the team page
+      '/team': false,
+      // Enable sidebar on all other pages
+      '/': [
+        {
+          text: 'On This Page', // Sidebar title
+          children: 'auto', // Automatically generate based on headers
+        },
+      ],
+    },
+  },
+  {
+    custom: true,
   }),
   bundler: viteBundler({
     viteOptions: {},

docs/.vuepress/styles/index.scss

@@ -37,4 +37,54 @@ background-position: center;
 border: none; /* Optional: Remove border */
 width: 50px;  /* Adjust based on your image size */
 height: 50px; /* Adjust based on your image size */
+}
+
+/* Sidebar Title */
+.theme-hope-sidebar::before {
+  content: 'On This Page';
+  display: block;
+  font-size: 1.2rem;
+  font-weight: bold;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid #ddd;
+  margin-bottom: 1rem;
+}
+
+/* Links in the sidebar */
+.theme-hope-sidebar a {
+  color: #333;
+  text-decoration: none;
+  display: block;
+  margin: 0.5rem 0;
+}
+
+.theme-hope-sidebar a:hover {
+  text-decoration: underline;
+}
+
+/* Layout Adjustments */
+.theme-hope-layout {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+.theme-hope-sidebar {
+  flex-shrink: 0;
+  margin-bottom: 2rem;
+}
+
+.theme-hope-main {
+  flex-grow: 1;
+}
+
+/* Footer Styling */
+.footer {
+  width: 100%;
+  background-color: #333;
+  color: #fff;
+  text-align: center;
+  padding: 10px;
+  position: relative;
+  bottom: 0;
 }
\ No newline at end of file