From 5974bbaa82a7b1f8d3a87035903b176e781d802b Mon Sep 17 00:00:00 2001
From: Natasha Nunez <n.nunez@student.maastrichtuniversity.nl>
Date: Sat, 28 Sep 2024 10:47:41 +0000
Subject: [PATCH] edit sidebar

---
 docs/.vuepress/config.js         | 17 +++++++++--
 docs/.vuepress/styles/index.scss | 50 ++++++++++++++++++++++++++++++++
 2 files changed, 64 insertions(+), 3 deletions(-)

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index b2b3bf5..3a2b633 100644
--- a/docs/.vuepress/config.js
+++ b/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: {},
diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
index 01af508..5ecd4b4 100644
--- a/docs/.vuepress/styles/index.scss
+++ b/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
-- 
GitLab