quick start improvements (#657)

Author: isahers1

docs/evaluation/index.mdx

@@ -12,7 +12,7 @@ import {
 } from "@site/src/components/InstructionsWithCode";
 import { RegionalUrl } from "@site/src/components/RegionalUrls";
 
-# Evaluation quick start
+# Evaluation Quick Start
 
 This quick start will get you up and running with our evaluation SDK and Experiments UI.
 

docs/index.mdx

@@ -14,15 +14,15 @@ It allows you to closely monitor and evaluate your application, so you can ship
     ![](./static/get_started.png)
   </div>
   <div style={{ flex: 1 }}>
-    <h3 style={{ color: '#1a73e8', marginTop: 0 }}>Observability</h3>
+    <h3 style={{ color: '#1a73e8', marginTop: 0 }}>[Observability](./observability)</h3>
 
     Analyze traces in LangSmith and configure metrics, dashboards, alerts based on these.
 
-    <h3 style={{ color: '#1a73e8', marginTop: 0 }}>Evals</h3>
+    <h3 style={{ color: '#1a73e8', marginTop: 0 }}>[Evals](./evaluation)</h3>
 
     Evaluate your application over production traffic — score application performance and get human feedback on your data.
 
-    <h3 style={{ color: '#1a73e8', marginTop: 0 }}>Prompt Engineering</h3>
+    <h3 style={{ color: '#1a73e8', marginTop: 0 }}>[Prompt Engineering](./prompt_engineering/quickstarts/quickstart_ui)</h3>
 
     Iterate on prompts, with automatic version control and collaboration features.
 

sidebars.js

@@ -26,6 +26,7 @@ const sidebars = {
     {
       type: "category",
       label: "Observability",
+      className: "no-highlight",
       items: [
         "observability/index",
         {
@@ -73,6 +74,7 @@ const sidebars = {
     {
       type: "category",
       label: "Evaluation",
+      className: "no-highlight",
       items: [
         "evaluation/index",
         {
@@ -120,10 +122,12 @@ const sidebars = {
     {
       type: "category",
       label: "Prompt Engineering",
+      className: "no-highlight",
       items: [
         {
           type: "category",
           label: "Quickstarts",
+          className: "no-highlight",
           collapsible: true,
           items: [
             "prompt_engineering/quickstarts/quickstart_ui",

src/css/custom.css

@@ -426,4 +426,12 @@ div[class^='announcementBar_'] {
   font-size: 20px;
   background-color: #d0c9feff;
   font-weight: bold;
+}
+
+.no-highlight > .menu__list-item-collapsible:hover {
+  background: var(--ifm-menu-color-background-hover) !important;
+}
+
+.no-highlight > .menu__list-item-collapsible {
+  background: transparent !important;
 }