Cleanup TOC for tools (#9619)

Author: petele

src/content/en/_book.yaml

@@ -1,3 +1,4 @@
 # ATTENTION - changes made to this file not in GitHub will be over written!
-upper_tabs:
-- include: /web/_upper_tabs-Tools.yaml
+guides:
+- title: Overview
+ path: /web/

src/content/en/_upper_tabs-Tools.yaml

@@ -1,10 +1,7 @@
 upper_tabs:
-- include: /web/_upper_tabs-Fundamentals.yaml
 - name: Tools
  heading: Tools
  path: /web/tools/
- menu:
- - include: /web/tools/_menu_toc.yaml
  lower_tabs:
  other:
  - name: Home
@@ -17,15 +14,17 @@ upper_tabs:
  path: https://developer.chrome.com/docs/devtools/
  - name: Lighthouse
  contents:
- - include: /web/tools/lighthouse/_toc.yaml
+ - title: Lighthouse
+ path: https://developer.chrome.com/docs/lighthouse/overview/
  - name: Puppeteer
  contents:
- - include: /web/tools/puppeteer/_toc.yaml
+ - title: Puppeteer
+ path: https://developer.chrome.com/docs/puppeteer/
  - name: Workbox
  contents:
  - title: Workbox
  path: https://developer.chrome.com/docs/workbox/
  - name: Chrome User Experience Report
  contents:
  - title: Chrome User Experience Report
- path: /web/tools/chrome-user-experience-report
+ path: /web/tools/chrome-user-experience-report/

src/content/en/tools/_book.yaml

@@ -11,6 +11,7 @@ landing_page:
  rows:
  - classname: devsite-landing-row-cards
  items:
+
  - heading: Chrome DevTools
  description: >
  The Chrome DevTools are a set of web authoring and debugging tools
@@ -21,6 +22,7 @@ landing_page:
  buttons:
  - label: Get started
  path: https://developer.chrome.com/docs/devtools/
+
  - heading: Lighthouse
  description: >
  Lighthouse is an open-source, automated tool for improving the quality
@@ -32,16 +34,18 @@ landing_page:
  buttons:
  - label: Get started
  path: https://developer.chrome.com/docs/lighthouse/overview/
+
  - heading: Puppeteer
  description: >
  Puppeteer is a Node library which provides a high-level API to control
  headless Chrome over the DevTools Protocol. It can also be configured
  to use full (non-headless) Chrome or Chromium.
  image_path: images/puppeteer-16x9.png
- path: /web/tools/puppeteer/
+ path: https://developer.chrome.com/docs/puppeteer/
  buttons:
  - label: Learn more
- path: /web/tools/puppeteer/
+ path: https://developer.chrome.com/docs/puppeteer/
+
  - heading: Workbox
  description: >
  Workbox is a set of service worker libraries and tools that make it
@@ -53,6 +57,7 @@ landing_page:
  - label: Get started
  path: https://developer.chrome.com/docs/workbox/
 
+
  - classname: devsite-landing-row-cards
  items:
  - heading: Lit

src/content/en/tools/_index.yaml

@@ -7,7 +7,7 @@ color: google-blue
 content_license: cc-apache
 footer_path: /web/_footer.yaml
 google_analytics_ids:
- - UA-52746336-1
+- UA-52746336-1
 icon:
  path: /web/images/web-fundamentals-icon192x192.png
 social_media:
@@ -17,23 +17,3 @@ social_media:
  height: 675
 keywords:
  - 'product:ToolsForWebDevelopers'
-announcement:
- description: |
- <style>
- .devsite-banner-announcement {
- background-color: #e8f0fe;
- color: #424242;
- }
- .devsite-banner-announcement :link,
- .devsite-banner-announcement :visited {
- background: #e8f0fe;
- color: #039BE5;
- }
- .devsite-banner-announcement span.material-icons {
- vertical-align: middle;
- margin-right: 8px;
- }
- .goog-font {
- font-family: Google Sans,Noto Sans,Noto Sans JP,Noto Sans KR,Noto Naskh Arabic,Noto Sans Thai,Noto Sans Hebrew,Noto Sans Bengali,sans-serif;
- }
- </style> Take a stroll down memory lane and celebrate <a href="https://developer.chrome.com/100/"><b>#100CoolWebMoments</b></a> since Chrome's first release.