hugo: add main nav icons and fix mobile rendering

Signed-off-by: David Karlsson <[email protected]>

Author: dvdksn

content/get-started/_index.md

@@ -2,30 +2,32 @@
 title: Get started
 keywords: Docker, get started
 description: Get started with Docker
-notoc: true
 layout: wide
-get-started:
-- title: Get Docker
-  description: Choose the best installation path for your setup.
-  link: /get-started/get-docker/
+params:
   icon: download
-- title: What is Docker?
-  description: Learn about the Docker platform.
-  link: /get-started/docker-overview/
-  icon: summarize
-get-started2:
-- title: Introduction
-  description: Get started with the basics and the benefits of containerizing your applications.
-  link: /get-started/introduction/
-  icon: rocket
-- title: Docker concepts
-  description: Gain a better understanding of foundational Docker concepts.
-  link: /get-started/docker-concepts/the-basics/what-is-a-container/
-  icon: foundation
-- title: Docker workshop
-  description: Get guided through a 45-minute workshop to learn about Docker.
-  link: /get-started/workshop/
-  icon: desk
+  notoc: true
+  get-started:
+  - title: Get Docker
+    description: Choose the best installation path for your setup.
+    link: /get-started/get-docker/
+    icon: download
+  - title: What is Docker?
+    description: Learn about the Docker platform.
+    link: /get-started/docker-overview/
+    icon: summarize
+  get-started2:
+  - title: Introduction
+    description: Get started with the basics and the benefits of containerizing your applications.
+    link: /get-started/introduction/
+    icon: rocket
+  - title: Docker concepts
+    description: Gain a better understanding of foundational Docker concepts.
+    link: /get-started/docker-concepts/the-basics/what-is-a-container/
+    icon: foundation
+  - title: Docker workshop
+    description: Get guided through a 45-minute workshop to learn about Docker.
+    link: /get-started/workshop/
+    icon: desk
 ---
 
 If you're new to Docker, this section guides you through the essential resources to get started.

content/guides/_index.md

@@ -2,31 +2,32 @@
 title: Guides
 keywords: Docker guides
 description: Explore the Docker guides
-notoc: true
+params:
+  icon: developer_guide
+  notoc: true
+  dive-deeper:
+  - title: Language-specific guides
+    description: Learn how to containerize, develop, and test language-specific apps using Docker.
+    link: /language/
+    icon: code
+  - title: Use-case guides
+    description: Walk through practical Docker applications for specific scenarios.
+    link: /guides/use-case/
+    icon: task
+  - title: Deployment and Orchestration
+    description: Deploy and manage Docker containers at scale.
+    link: /guides/deployment-orchestration/orchestration/
+    icon: workspaces
+  resources:
+  - title: Educational resources
+    description: Explore diverse Docker training and hands-on experiences.
+    link: /guides/resources/
+    icon: book
+  - title: Contribute to Docker's docs
+    description: Learn how to help contribute to Docker docs.
+    link: /contribute/
+    icon: edit
 layout: wide
-dive-deeper:
-- title: Language-specific guides
-  description: Learn how to containerize, develop, and test language-specific apps using Docker.
-  link: /language/
-  icon: code
-- title: Use-case guides
-  description: Walk through practical Docker applications for specific scenarios.
-  link: /guides/use-case/
-  icon: task
-- title: Deployment and Orchestration
-  description: Deploy and manage Docker containers at scale.
-  link: /guides/deployment-orchestration/orchestration/
-  icon: workspaces
-
-resources:
-- title: Educational resources
-  description: Explore diverse Docker training and hands-on experiences.
-  link: /guides/resources/
-  icon: book
-- title: Contribute to Docker's docs
-  description: Learn how to help contribute to Docker docs.
-  link: /contribute/
-  icon: edit
 ---
 
 This section contains more advanced guides to help you learn how Docker can optimize your development workflows.

content/learning-paths/_index.md

@@ -3,6 +3,8 @@ title: Learning paths
 description: |
   Docker Learning Paths offer structured guides to help you master Docker.
 keywords: docker, learning, paths, tutorials, resources
+params:
+  icon: "school"
 ---
 
 <p class="w-2/3">

content/manuals/_index.md

@@ -5,62 +5,64 @@ keywords: docker, docs, manuals, products, user guides, how-to
 # hard-code the URL of this page
 url: /manuals/
 layout: wide
-notoc: true
-development:
-- title: Docker Desktop
-  description: Your command center for container development.
-  icon: /assets/icons/Whale.svg
-  link: /desktop/
-- title: Docker Compose
-  description: Define and run multi-container applications.
-  icon: /assets/icons/Compose.svg
-  link: /compose/
-- title: Docker Build
-  description: Build and ship any application anywhere.
-  icon: build
-  link: /build/
-- title: Docker Engine
-  description: The industry-leading container runtime.
-  icon: developer_board
-  link: /engine/
-- title: Docker Extensions
-  description: Customize your Docker Desktop workflow.
-  icon: extension
-  link: /extensions/
-services:
-- title: Docker Hub
-  description: Discover, share, and integrate container images
-  icon: hub
-  link: /docker-hub/
-- title: Docker Scout
-  description: Image analysis and policy evaluation.
-  icon: /assets/icons/Scout.svg
-  link: /scout/
-- title: Trusted content
-  description: Curated, high-quality content from trusted sources.
-  icon: verified
-  link: /trusted-content/
-- title: Build Cloud
-  description: Build your images faster in the cloud.
-  icon: /assets/images/logo-build-cloud.svg
-  link: /build-cloud/
-admin:
-- title: Administration
-  description: Centralized observability for companies and organizations.
-  icon: admin_panel_settings
-  link: /admin/
-- title: Security
-  description: Security guardrails for both administrators and developers.
-  icon: lock
-  link: /security/
-- title: Billing
-  description: Manage billing and payment methods.
-  icon: payments
-  link: /billing/
-- title: Subscription
-  description: Commercial use licenses for Docker products.
-  icon: card_membership
-  link: /subscription/
+params:
+  icon: description
+  notoc: true
+  development:
+  - title: Docker Desktop
+    description: Your command center for container development.
+    icon: /assets/icons/Whale.svg
+    link: /desktop/
+  - title: Docker Compose
+    description: Define and run multi-container applications.
+    icon: /assets/icons/Compose.svg
+    link: /compose/
+  - title: Docker Build
+    description: Build and ship any application anywhere.
+    icon: build
+    link: /build/
+  - title: Docker Engine
+    description: The industry-leading container runtime.
+    icon: developer_board
+    link: /engine/
+  - title: Docker Extensions
+    description: Customize your Docker Desktop workflow.
+    icon: extension
+    link: /extensions/
+  services:
+  - title: Docker Hub
+    description: Discover, share, and integrate container images
+    icon: hub
+    link: /docker-hub/
+  - title: Docker Scout
+    description: Image analysis and policy evaluation.
+    icon: /assets/icons/Scout.svg
+    link: /scout/
+  - title: Trusted content
+    description: Curated, high-quality content from trusted sources.
+    icon: verified
+    link: /trusted-content/
+  - title: Build Cloud
+    description: Build your images faster in the cloud.
+    icon: /assets/images/logo-build-cloud.svg
+    link: /build-cloud/
+  admin:
+  - title: Administration
+    description: Centralized observability for companies and organizations.
+    icon: admin_panel_settings
+    link: /admin/
+  - title: Security
+    description: Security guardrails for both administrators and developers.
+    icon: lock
+    link: /security/
+  - title: Billing
+    description: Manage billing and payment methods.
+    icon: payments
+    link: /billing/
+  - title: Subscription
+    description: Commercial use licenses for Docker products.
+    icon: card_membership
+    link: /subscription/
 ---
 
 This section contains user guides on how to install, set up, configure, and use

content/reference/_index.md

@@ -1,44 +1,47 @@
 ---
 title: Reference documentation
+linkTitle: Reference
 layout: wide
 description: Find reference documentation for the Docker platform’s various APIs, CLIs, and file formats
-notoc: true
-grid_files:
-- title: Dockerfile
-  description: Defines the contents and startup behavior of a single container.
-  icon: edit_document
-  link: /reference/dockerfile/
-- title: Compose file
-  description: Defines a multi-container application.
-  icon: polyline
-  link: /reference/compose-file/
-grid_clis:
-- title: Docker CLI
-  description: The main Docker CLI, includes all `docker` commands.
+params:
   icon: terminal
-  link: /reference/cli/docker/
-- title: Compose CLI
-  description: The CLI for Docker Compose, for building and running multi-container
-    applications.
-  icon: subtitles
-  link: /reference/cli/docker/compose/
-- title: Daemon CLI (dockerd)
-  description: Persistent process that manages containers.
-  icon: developer_board
-  link: /reference/cli/dockerd/
-grid_apis:
-- title: Engine API
-  description: The main API for Docker, provides programmatic access to a daemon.
-  icon: api
-  link: /reference/api/engine/
-- title: Docker Hub API
-  description: API to interact with Docker Hub.
-  icon: communities
-  link: /reference/api/hub/latest/
-- title: DVP Data API
-  description: API for Docker Verified Publishers to fetch analytics data.
-  icon: area_chart
-  link: /reference/api/hub/dvp/
+  notoc: true
+  grid_files:
+  - title: Dockerfile
+    description: Defines the contents and startup behavior of a single container.
+    icon: edit_document
+    link: /reference/dockerfile/
+  - title: Compose file
+    description: Defines a multi-container application.
+    icon: polyline
+    link: /reference/compose-file/
+  grid_clis:
+  - title: Docker CLI
+    description: The main Docker CLI, includes all `docker` commands.
+    icon: terminal
+    link: /reference/cli/docker/
+  - title: Compose CLI
+    description: The CLI for Docker Compose, for building and running multi-container
+      applications.
+    icon: subtitles
+    link: /reference/cli/docker/compose/
+  - title: Daemon CLI (dockerd)
+    description: Persistent process that manages containers.
+    icon: developer_board
+    link: /reference/cli/dockerd/
+  grid_apis:
+  - title: Engine API
+    description: The main API for Docker, provides programmatic access to a daemon.
+    icon: api
+    link: /reference/api/engine/
+  - title: Docker Hub API
+    description: API to interact with Docker Hub.
+    icon: communities
+    link: /reference/api/hub/latest/
+  - title: DVP Data API
+    description: API for Docker Verified Publishers to fetch analytics data.
+    icon: area_chart
+    link: /reference/api/hub/dvp/
 ---
 
 This section includes the reference documentation for the Docker platform's

hugo_stats.json

@@ -234,6 +234,7 @@
       "dark:hover:bg-blue-dark-500",
       "dark:hover:bg-gray-dark-200",
       "dark:hover:bg-gray-dark-500",
+      "dark:hover:text-blue-dark",
       "dark:hover:text-white",
       "dark:prose-invert",
       "dark:ring-gray-dark-400",
@@ -379,7 +380,9 @@
       "md:max-w-[66%]",
       "md:px-20",
       "md:scale-100",
+      "md:sticky",
       "md:text-sm",
+      "md:top-16",
       "md:w-[300px]",
       "md:z-auto",
       "min-h-screen",
@@ -426,6 +429,7 @@
       "pl-5",
       "place-items-center",
       "placeholder:text-white",
+      "pr-2",
       "prose",
       "pt-0",
       "px-1",
@@ -445,7 +449,6 @@
       "right-8",
       "ring-[1.5px]",
       "ring-gray-light-200",
-      "rotate-180",
       "rotate-45",
       "rounded",
       "rounded-[6px]",
@@ -470,7 +473,6 @@
       "sm:items-center",
       "sm:w-full",
       "space-x-2",
-      "space-y-2",
       "space-y-4",
       "sticky",
       "svg-container",
@@ -513,9 +515,7 @@
       "top-3",
       "top-6",
       "top-full",
-      "transform",
       "transition",
-      "transition-transform",
       "truncate",
       "underline",
       "underline-offset-2",