sidebar eye candy

HariSeldon23 · Mar 10, 2023 · 9f5fb23 · 9f5fb23
1 parent e9dc6a3
commit 9f5fb23
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/sidebars.js b/sidebars.js
@@ -13,6 +13,12 @@
 
 const sidebars = {
   docs: [
+    {
+      type: 'html',
+      className: 'sidebar-title',
+      value: 'Basic Information',
+      defaultStyle: true,
+    },
     {
       type: 'category',
       label: '👋 Introduction',
@@ -33,6 +39,12 @@ const sidebars = {
       type: 'html',
       value: '<span class="sidebar-divider" />',
     },
+    {
+      type: 'html',
+      className: 'sidebar-title',
+      value: 'In Depth',
+      defaultStyle: true,
+    },
     {
       type: 'doc',
       id:'docs/help'
@@ -53,6 +65,12 @@ const sidebars = {
       type: 'html',
       value: '<span class="sidebar-divider" />',
     },
+    {
+      type: 'html',
+      className: 'sidebar-title',
+      value: 'Beyond',
+      defaultStyle: true,
+    },
     {
       type: 'doc',
       id:'docs/funding'

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -81,4 +81,13 @@ a {
   border-top: 1px solid var(--ifm-color-gray-200);
   display: block;
   margin: 0.5rem 0 0.25rem 1rem;
+}
+
+/* Title for sidebar */
+.sidebar-title {
+  font-size: 0.8rem;
+  letter-spacing: 0.05rem;
+  text-transform: uppercase;
+  font-weight: 600;
+  color: var(--ifm-color-gray-600);
 }