From 750322b28605b24142a831b11b5354a2fa3be87c Mon Sep 17 00:00:00 2001
From: Pascal Schilp <pascalschilp@gmail.com>
Date: Wed, 4 Dec 2019 00:12:29 +0100
Subject: [PATCH] chore: restructure website menu (#1078)

---
 docs/.vuepress/config.js                   | 132 +++++++++++++--------
 docs/.vuepress/styles/index.styl           |   9 +-
 docs/{faq => guide}/component-libraries.md |   0
 3 files changed, 88 insertions(+), 53 deletions(-)
 rename docs/{faq => guide}/component-libraries.md (100%)

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 90d7052bc..07940d5e1 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -4,75 +4,104 @@ const sidebar = [
   ['/', 'Home'],
   ['/guide/', 'Introduction'],
   {
-    title: 'Developing',
+    title: 'Guides & Docs',
     collapsable: true,
     children: [
-      ['/developing/', 'Getting started'],
-      ['/developing/ide', 'IDE'],
-      '/developing/lit-html',
-      '/developing/code-examples',
       '/developing/best-practices',
-      '/developing/es-dev-server',
-      ['/init/', 'Generators'],
-      '/developing/lit-helpers',
+      ['/codelabs/', 'Codelabs'],
+      '/developing/code-examples',
+      '/developing/lit-html',
       '/developing/types',
       '/developing/routing',
-    ],
-  },
-  ['/codelabs/', 'Codelabs'],
-  {
-    title: 'Linting',
-    collapsable: true,
-    children: [
-      ['/linting/', 'Getting started'],
-      '/linting/linting-eslint',
-      '/linting/linting-prettier',
-      '/linting/linting-types',
+      ['/developing/ide', 'IDE'],
+      '/guide/component-libraries',
     ],
   },
   {
-    title: 'Testing',
+    title: 'Configs & Recommendations',
     collapsable: true,
     children: [
-      ['/testing/', 'Getting started'],
-      '/testing/testing',
-      '/testing/testing-helpers',
-      '/testing/testing-chai-a11y-axe',
-      '/testing/testing-sinon',
-      '/testing/semantic-dom-diff',
-      '/testing/testing-karma',
-      '/testing/karma-esm',
-      '/testing/testing-karma-bs',
-      '/testing/testing-wallaby',
+      {
+        title: 'Linting',
+        collapsable: true,
+        children: [
+          ['/linting/', 'Getting started'],
+          '/linting/linting-eslint',
+          '/linting/linting-prettier',
+          '/linting/linting-types',
+        ],
+      },
+      {
+        title: 'Developing',
+        collapsable: true,
+        children: ['/developing/'],
+      },
+
+      {
+        title: 'Testing',
+        collapsable: true,
+        children: [
+          ['/testing/', 'Getting started'],
+          '/testing/testing',
+          '/testing/testing-karma',
+          '/testing/testing-karma-bs',
+          '/testing/testing-wallaby',
+        ],
+      },
+      {
+        title: 'Building apps for production',
+        collapsable: true,
+        children: [
+          ['/building/', 'Getting started'],
+          '/building/building-rollup',
+          '/building/building-webpack',
+        ],
+      },
+      {
+        title: 'Deploying apps',
+        collapsable: true,
+        children: [['/publishing/', 'Getting started']],
+      },
+      {
+        title: 'Demoing',
+        collapsable: true,
+        children: [['/demoing/', 'Getting started']],
+      },
     ],
   },
   {
-    title: 'Building',
+    title: 'Tools',
     collapsable: true,
     children: [
-      ['/building/', 'Getting started'],
-      '/building/building-rollup',
-      '/building/rollup-plugin-index-html',
-      '/building/building-webpack',
-      '/building/webpack-index-html-plugin',
+      {
+        title: 'Developing',
+        collapsable: true,
+        children: [
+          '/developing/es-dev-server',
+          ['/init/', 'Generators'],
+          '/developing/lit-helpers',
+        ],
+      },
+      {
+        title: 'Testing',
+        collapsable: true,
+        children: [
+          '/testing/testing-helpers',
+          '/testing/testing-chai-a11y-axe',
+          '/testing/testing-sinon',
+          '/testing/semantic-dom-diff',
+          '/testing/karma-esm',
+        ],
+      },
+      {
+        title: 'Building',
+        collapsable: true,
+        children: ['/building/rollup-plugin-index-html', '/building/webpack-index-html-plugin'],
+      },
     ],
   },
-  {
-    title: 'Demoing',
-    collapsable: true,
-    children: [['/demoing/', 'Getting started']],
-  },
-  {
-    title: 'Publishing',
-    collapsable: true,
-    children: [['/publishing/', 'Getting started']],
-  },
-  {
-    title: 'Automating',
-    collapsable: true,
-    children: [['/automating/', 'Getting started']],
-  },
 ];
+
 module.exports = {
   title: 'open-wc',
   description: 'Open Web Component Recommendations',
@@ -97,7 +126,6 @@ module.exports = {
           title: 'Deep dives',
           collapsable: true,
           children: [
-            'component-libraries',
             'rerender',
             'unit-testing-custom-events',
             'unit-testing-init-error',
diff --git a/docs/.vuepress/styles/index.styl b/docs/.vuepress/styles/index.styl
index f02619a4d..86d66f78c 100644
--- a/docs/.vuepress/styles/index.styl
+++ b/docs/.vuepress/styles/index.styl
@@ -5,4 +5,11 @@
 	background-color: #388cfa
 
 .header-anchor
-	color: #9B35FA
\ No newline at end of file
+	color: #9B35FA
+
+.sidebar-group.is-sub-group > .sidebar-heading span
+	font-weight: bold
+	color: #2c3e50
+
+.sidebar-group.is-sub-group > p
+	opacity: 1!important
\ No newline at end of file
diff --git a/docs/faq/component-libraries.md b/docs/guide/component-libraries.md
similarity index 100%
rename from docs/faq/component-libraries.md
rename to docs/guide/component-libraries.md