Update sidebar

docs/.vuepress/config.js

@@ -43,9 +43,17 @@ export default defineUserConfig({
         ]
       },
     ],
-    sidebar: false,
-  },{
-    custom: true
+    sidebar: {
+      '/': [
+        {
+          title: 'On This Page', // Title for the sidebar
+          children: 'auto', // Automatically generate based on headers
+        },
+      ],
+      '/team': false, // Disable sidebar on team page
+    },
+    sidebarDepth: 2, // Controls depth of headers in sidebar
+    displayAllHeaders: true, // Show all headers in the sidebar
   }),
   bundler: viteBundler({
     viteOptions: {},

docs/.vuepress/styles/index.scss

@@ -38,3 +38,53 @@ h1, h2, h3, h4, h5, h6, p, a, span, strong {
   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'; /* Sidebar title */
+  display: block;
+  font-size: 1.2rem;
+  font-weight: bold;
+  padding-bottom: 1rem; /* Space below title */
+  border-bottom: 1px solid #ddd; /* Optional: Border under the title */
+  margin-bottom: 1rem; /* Space below title */
+}
+
+/* Links in the sidebar */
+.theme-hope-sidebar a {
+  color: #333; /* Link color */
+  text-decoration: none; /* No underline */
+  display: block;
+  margin: 0.5rem 0; /* Space between links */
+}
+
+.theme-hope-sidebar a:hover {
+  text-decoration: underline; /* Underline on hover */
+}
+
+/* Prevent sidebar from extending beyond the footer */
+.theme-hope-layout {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh; /* Full viewport height */
+}
+
+.theme-hope-sidebar {
+  flex-shrink: 0; /* Prevent shrinking */
+  margin-bottom: 2rem; /* Space from footer */
+}
+
+.theme-hope-main {
+  flex-grow: 1; /* Main content grows */
+}
+
+/* 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