Merge pull request #18143 from dvdksn/manuals-overview

ux: manuals landing page

content/_index.md

@@ -32,7 +32,7 @@ grid:
   image:
     dark: /assets/images/manuals-dark.svg
     light: /assets/images/manuals.svg
-  link: /desktop/
+  link: /manuals/
   description: Browse the manuals and learn how to use Docker products.
 - title: Reference
   image:
@@ -40,4 +40,4 @@ grid:
     light: /assets/images/reference.svg
   link: /reference/
   description: Browse the CLI and API reference documentation.
----
+---

content/engine/_index.md

@@ -44,7 +44,6 @@ aliases:
 - /engine/ce-ee-node-activate/
 - /engine/misc/
 - /linux/
-- /manuals/
 ---
 
 Docker Engine is an open source containerization technology for building and

content/manuals.md

@@ -0,0 +1,79 @@
+---
+title: Manuals
+description: Explore the Docker product user manuals
+keywords: docker, docs, manuals, products, user guides, how-to
+notoc: true
+skip_read_time: 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: /desktop/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/
+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
+Docker products.
+
+## Developer tools
+
+Software development and containerization technologies.
+
+{{< grid items=development >}}
+
+## Services
+
+Artifact management and supply chain security.
+
+{{< grid items=services >}}
+
+## Administration and accounts
+
+Administration and subscription management for organizations.
+
+{{< grid items=admin >}}

data/toc.yaml

@@ -1098,6 +1098,8 @@ Samples:
 
 
 Manuals:
+- path: /manuals/
+  title: Overview
 - sectiontitle: Docker Desktop
   section:
     - path: /desktop/

hugo.yaml

@@ -110,7 +110,7 @@ menus:
     url: /get-started/overview/
     weight: 1
   - name: Manuals
-    url: /desktop/
+    url: /manuals/
     weight: 2
   - name: Reference
     url: /reference/

layouts/partials/components/card.html

@@ -30,7 +30,7 @@
           {{ with .icon }}
             {{ if strings.ContainsAny . "/." }}
             {{/* image file */}}
-            <img class="w-[32px]" src="{{ . }}" alt="">
+            <img class="w-[32px] invertible" src="{{ . }}" alt="">
             {{ else }}
             {{/* icon ligature */}}
             <span class="material-symbols-rounded text-[32px]">{{ . }}</span>
@@ -51,4 +51,4 @@
     {{ if .link }}
   </a>
   {{ end }}
-</div>
+</div>

static/assets/icons/Compose.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M12 6.002 6.792 8 12 9.998 17.209 8 12 6.002Zm-.7-1.874a1.976 1.976 0 0 1 1.4 0l.004.002 7.654 2.936a1 1 0 0 1 0 1.868L12.7 11.872a1.979 1.979 0 0 1-1.4 0l-.004-.002-7.654-2.936a1 1 0 0 1 0-1.868L11.3 4.128Zm-8.234 7.514a1 1 0 0 1 1.292-.576L12 13.998l7.642-2.932a1 1 0 1 1 .716 1.868L12.7 15.872a1.978 1.978 0 0 1-1.4 0l-.004-.002-7.654-2.936a1 1 0 0 1-.576-1.292Zm0 4a1 1 0 0 1 1.292-.576L12 17.998l7.642-2.932a1 1 0 1 1 .716 1.868L12.7 19.872a1.978 1.978 0 0 1-1.4 0l-.004-.002-7.654-2.936a1 1 0 0 1-.576-1.292Z"/></svg>

static/assets/icons/Scout.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.521 10.387C21.645 6.058 22.001 2 22.001 2s-4.061.355-8.391 2.48a7.712 7.712 0 0 1 5.911 5.907Z"/><path opacity=".5" d="M19.52 13.617a7.712 7.712 0 0 1-6.043 5.929l.221.22a4.22 4.22 0 0 0 2.994 1.24 4.233 4.233 0 0 0 2.993-7.225l-.165-.164Z"/><path d="M16.65 12c0-.526-.088-1.031-.25-1.503a4.668 4.668 0 0 0-2.895-2.895A4.652 4.652 0 0 0 7.356 12c0 .63.126 1.232.355 1.78a4.672 4.672 0 0 0 2.511 2.512A4.652 4.652 0 0 0 16.649 12Z"/><path opacity=".5" d="M4.457 10.525a7.711 7.711 0 0 1 5.928-6.043l-.156-.156a4.232 4.232 0 1 0-5.986 5.986l.214.213Z"/><path d="M4.483 13.604C2.356 17.937 2 22 2 22s4.063-.356 8.394-2.482a7.712 7.712 0 0 1-5.911-5.914Z"/></svg>

static/assets/icons/Whale.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.82 13.103h3.647c.176 0 .319-.159.319-.356V9.128c0-.196-.143-.355-.32-.355H5.82c-.177 0-.32.159-.32.355v3.62c0 .196.143.355.32.355Zm5.714-5.773h3.647c.177 0 .32-.159.32-.355v-3.62c0-.196-.143-.355-.32-.355h-3.647c-.176 0-.32.159-.32.356v3.619c0 .196.144.355.32.355Zm0 5.773h3.647c.176 0 .32-.159.32-.356V9.128c0-.196-.144-.355-.32-.355h-3.647c-.177 0-.32.159-.32.355v3.62c0 .196.143.355.32.355Z"/><path d="M22.803 12.808c-.055-.043-.561-.424-1.629-.424a5.24 5.24 0 0 0-.842.072c-.206-1.41-1.376-2.096-1.43-2.128l-.287-.164-.189.27c-.014.02-.346.502-.51 1.187-.19.805-.075 1.56.336 2.207-.496.275-1.288.347-1.452.349H3.626a.625.625 0 0 0-.626.62c-.005 1.205.195 2.37.578 3.37.454 1.184 1.13 2.055 2.007 2.59.984.6 2.587.945 4.397.945.847 0 1.69-.076 2.44-.22 1.182-.227 2.255-.615 3.19-1.152a8.74 8.74 0 0 0 2.174-1.772c1.044-1.175 1.666-2.488 2.128-3.65.063.003.124.004.184.004 1.143 0 1.846-.454 2.234-.836.42-.414.57-.826.586-.872l.082-.238-.197-.158Z"/></svg>