Updates to nav items, footer links, and sidebar styles (#70)

* Updates to nav items, footer links, and sidebar styles
gruntwork-io · Dec 2, 2021 · 4df05a3 · 4df05a3
1 parent 1e4090d
commit 4df05a3
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 20 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -66,13 +66,18 @@ const config = {
           },
           { to: "/courses", label: "Courses", position: "left" },
           {
-            href: "https://github.com/gruntwork-io",
-            label: "GitHub",
+            href: "https://github.com/gruntwork-io/knowledge-base/discussions",
+            label: "Knowledge Base",
             position: "right",
           },
           {
-            href: "https://github.com/gruntwork-io/knowledge-base/discussions",
-            label: "Discussions",
+            href: "/docs/guides/support",
+            label: "Support",
+            position: "right",
+          },
+          {
+            href: "https://app.gruntwork.io",
+            label: "Sign In",
             position: "right",
           },
         ],
@@ -84,7 +89,7 @@ const config = {
             title: "Company",
             items: [
               {
-                label: "About Gruntwork",
+                label: "Gruntwork.io",
                 href: "https://gruntwork.io",
               },
               {
@@ -96,7 +101,7 @@ const config = {
                 href: "https://gruntwork.io/newsletter/",
               },
               {
-                label: "Gruntwork Store",
+                label: "Store",
                 href: "https://store.gruntwork.io/",
               },
             ],
@@ -105,12 +110,16 @@ const config = {
             title: "Community",
             items: [
               {
-                label: "GitHub Discussions",
-                href: "https://github.com/gruntwork-io/knowledge-base/discussions"
+                label: "Knowledge Base",
+                href: "https://github.com/gruntwork-io/knowledge-base/discussions",
               },
               {
                 label: "Community Slack",
-                href: "https://gruntwork-community.slack.com/archives/CHH9Y3Z62"
+                href: "https://gruntwork-community.slack.com/archives/CHH9Y3Z62",
+              },
+              {
+                label: "GitHub",
+                href: "https://github.com/gruntwork-io",
               },
               {
                 label: "Twitter",
@@ -133,10 +142,6 @@ const config = {
                 label: "DevOps Checklist",
                 href: "https://gruntwork.io/devops-checklist/",
               },
-              {
-                label: "Learning Resources",
-                href: "https://gruntwork.io/devops-resources/",
-              },
             ],
           },
           {
@@ -151,8 +156,8 @@ const config = {
                 href: "https://gruntwork.io/legal/cookie-policy/",
               },
               {
-                label: "Terms of Service",
-                href: "https://gruntwork.io/terms/",
+                label: "Website Terms",
+                href: "https://gruntwork.io/website-terms/",
               },
             ],
           },

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -40,7 +40,6 @@
 
   --ifm-font-family-base: "Source Sans Pro";
   --ifm-code-font-size: 95%;
-  /*--ifm-font-size-base: 110%;*/
   --ifm-h1-font-size: 2.5rem; /* ! */
   --ifm-heading-color: #252746;
 }
@@ -49,6 +48,12 @@ html[data-theme="dark"] {
   --ifm-menu-color-background-hover: rgba(255, 255, 255, 0.05);
   --ifm-menu-color-background-active: rgba(255, 255, 255, 0.05);
   --ifm-heading-color: white;
+
+  --ifm-color-primary: #AB80FE;
+}
+
+.hero--primary {
+  background-color: #5849A6;
 }
 
 .docusaurus-highlight-code-line {
@@ -73,9 +78,10 @@ h4,
 h5,
 h6 {
   /* Source Sans Pro is a little wide at larger sizes, especially when bold */
-  letter-spacing: -0.05rem;
+  letter-spacing: -0.025rem;
 }
 
+
 /* NAVBAR + LOGO */
 
 .navbar__brand {
@@ -177,13 +183,13 @@ html[data-theme="dark"] aside {
   padding-bottom: 1.5rem;
 }
 
-.menu__list-item > .menu__list {
-  border-left: 1px solid gray;
+nav.menu > ul.theme-doc-sidebar-menu > .menu__list-item > .menu__list {
+  border-left: 1px solid var(--ifm-toc-border-color);
 }
 
 .menu__link--sublist {
   font-weight: bold;
-  letter-spacing: -0.05rem;
+  letter-spacing: -0.025rem;
 }
 
 html[data-theme="light"] .menu__link--sublist {