chore: migrate icons from Material Symbols to Heroicons

Replaces @material-symbols/svg-400 (5.5 MB) with heroicons (488 KB) — an
11x reduction in icon asset size. Heroicons uses a single consistent
distribution format (24px solid SVGs, fill="currentColor") eliminating
the need for the separate utils/svg.html partial, the icon-svg-stroke CSS
utility, and the dual-path resolution logic in icon.html.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson
2026-05-13 13:01:29 +02:00
parent dcc4994d96
commit ee71c80562
63 changed files with 335 additions and 398 deletions
-9
View File
@@ -54,15 +54,6 @@
fill: currentColor;
}
}
@utility icon-svg-stroke {
svg {
font-size: 24px;
width: 1em;
height: 1em;
display: inline-block;
stroke: currentColor;
}
}
@utility icon-xs {
svg {
-8
View File
@@ -1,8 +0,0 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- search icon using path, stroke currentColor -->
<path d="M15.75 15.75L12.4875 12.4875M14.25 8.25C14.25 11.5637 11.5637 14.25 8.25 14.25C4.93629 14.25 2.25 11.5637 2.25 8.25C2.25 4.93629 4.93629 2.25 8.25 2.25C11.5637 2.25 14.25 4.93629 14.25 8.25Z"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
</svg>
<rect width="24" height="24" fill="white" fill-opacity="0.85"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 541 B

-8
View File
@@ -1,8 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- sparkle icon using path, stroke currentColor -->
<path d="M18.5 7.84656V2.84656M5.5 20.8466V15.8466M16 5.34656H21M3 18.3466H8M6.5 1.84656L5.71554 3.41547C5.45005 3.94645 5.31731 4.21194 5.13997 4.442C4.98261 4.64615 4.79959 4.82917 4.59545 4.98653C4.36538 5.16387 4.0999 5.29661 3.56892 5.5621L2 6.34656L3.56892 7.13102C4.0999 7.39651 4.36538 7.52925 4.59545 7.70659C4.79959 7.86395 4.98261 8.04696 5.13997 8.25111C5.31731 8.48117 5.45005 8.74666 5.71554 9.27764L6.5 10.8466L7.28446 9.27764C7.54995 8.74666 7.68269 8.48117 7.86003 8.25111C8.01739 8.04696 8.20041 7.86395 8.40455 7.70659C8.63462 7.52925 8.9001 7.3965 9.43108 7.13102L11 6.34656L9.43108 5.5621C8.9001 5.29661 8.63462 5.16387 8.40455 4.98653C8.20041 4.82917 8.01739 4.64615 7.86003 4.442C7.68269 4.21194 7.54995 3.94645 7.28446 3.41547L6.5 1.84656ZM17 11.8466L16.0489 13.7488C15.7834 14.2798 15.6506 14.5453 15.4733 14.7753C15.3159 14.9795 15.1329 15.1625 14.9288 15.3199C14.6987 15.4972 14.4332 15.6299 13.9023 15.8954L12 16.8466L13.9023 17.7977C14.4332 18.0632 14.6987 18.1959 14.9288 18.3733C15.1329 18.5306 15.3159 18.7136 15.4733 18.9178C15.6506 19.1478 15.7834 19.4133 16.0489 19.9443L17 21.8466L17.9511 19.9443C18.2166 19.4133 18.3494 19.1478 18.5267 18.9178C18.6841 18.7136 18.8671 18.5306 19.0712 18.3733C19.3013 18.1959 19.5668 18.0632 20.0977 17.7977L22 16.8466L20.0977 15.8954C19.5668 15.6299 19.3013 15.4972 19.0712 15.3199C18.8671 15.1625 18.6841 14.9795 18.5267 14.7753C18.3494 14.5453 18.2166 14.2798 17.9511 13.7488L17 11.8466Z"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
</svg>
<rect width="24" height="24" fill="currentColor" fill-opacity="1"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

+4
View File
@@ -0,0 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill="none" d="M19 17.4598C17.8179 17.9944 16.5058 18.292 15.1241 18.292C9.92376 18.292 5.70804 14.0762 5.70804 8.87588C5.70804 7.49422 6.00562 6.18206 6.5402 5C3.27319 6.47747 1 9.76523 1 13.5839C1 18.7843 5.21572 23 10.4161 23C14.2348 23 17.5225 20.7268 19 17.4598Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path fill="none" d="M19.4888 4.61889L18.1877 5.91996M12.9834 3.7265L12.9834 1.8865M20.3809 11.124L22.2209 11.124M9.73068 7.87158C11.5271 6.07516 14.4397 6.07516 16.2361 7.87158C18.0325 9.66799 18.0325 12.5805 16.2361 14.377" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 761 B

-8
View File
@@ -1,8 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_5432_2123" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="22" height="22">
<path d="M18 10.0001L14 6.00006M2.5 21.5001L5.88437 21.124C6.29786 21.0781 6.5046 21.0551 6.69785 20.9925C6.86929 20.937 7.03245 20.8586 7.18289 20.7594C7.35245 20.6476 7.49955 20.5005 7.79373 20.2063L21 7.00006C22.1046 5.89549 22.1046 4.10463 21 3.00006C19.8955 1.89549 18.1046 1.89549 17 3.00006L3.79373 16.2063C3.49955 16.5005 3.35246 16.6476 3.24064 16.8172C3.14143 16.9676 3.06301 17.1308 3.00751 17.3022C2.94496 17.4955 2.92198 17.7022 2.87604 18.1157L2.5 21.5001Z" stroke="#6C7E9D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</mask>
<g mask="url(#mask0_5432_2123)">
<rect width="24" height="24" fill="currentColor" fill-opacity="0.9"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 888 B

-8
View File
@@ -1,8 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_5432_1323" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="2" width="21" height="21">
<path d="M12 10.5V7M12 14H12.01M7 18V20.3355C7 20.8684 7 21.1348 7.10923 21.2716C7.20422 21.3906 7.34827 21.4599 7.50054 21.4597C7.67563 21.4595 7.88367 21.2931 8.29976 20.9602L10.6852 19.0518C11.1725 18.662 11.4162 18.4671 11.6875 18.3285C11.9282 18.2055 12.1844 18.1156 12.4492 18.0613C12.7477 18 13.0597 18 13.6837 18H16.2C17.8802 18 18.7202 18 19.362 17.673C19.9265 17.3854 20.3854 16.9265 20.673 16.362C21 15.7202 21 14.8802 21 13.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V14C3 14.93 3 15.395 3.10222 15.7765C3.37962 16.8117 4.18827 17.6204 5.22354 17.8978C5.60504 18 6.07003 18 7 18Z" stroke="#6C7E9D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</mask>
<g mask="url(#mask0_5432_1323)">
<rect width="24" height="24" fill="currentColor" fill-opacity="0.9"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

+6 -6
View File
@@ -4,30 +4,30 @@ keywords: Docker, get started
description: Get started with Docker
layout: wide
params:
icon: download
icon: arrow-down-tray
notoc: true
get-started:
- title: Get Docker
description: Choose the best installation path for your setup.
link: /get-started/get-docker/
icon: download
icon: arrow-down-tray
- title: What is Docker?
description: Learn about the Docker platform.
link: /get-started/docker-overview/
icon: summarize
icon: document-text
get-started2:
- title: Introduction
description: Get started with the basics and the benefits of containerizing your applications.
link: /get-started/introduction/
icon: rocket
icon: rocket-launch
- 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
icon: home
- title: Docker workshop
description: Get guided through a 45-minute workshop to learn about Docker.
link: /get-started/workshop/
icon: desk
icon: computer-desktop
aliases:
- /engine/get-started/
- /engine/tutorials/usingdocker/
+1 -1
View File
@@ -3,7 +3,7 @@ title: Docker guides
linkTitle: Guides
description: Explore the Docker guides
params:
icon: developer_guide
icon: book-open
layout: landing
aliases:
- /guides/language/
+12 -12
View File
@@ -6,7 +6,7 @@ keywords: docker, docs, manuals, products, user guides, how-to
url: /manuals/
layout: wide
params:
icon: description
icon: document-text
sidebar:
groups:
- AI and agents
@@ -18,7 +18,7 @@ params:
ai-and-agents:
- title: Docker Sandboxes
description: Run AI coding agents in isolated environments.
icon: terminal
icon: command-line
link: /ai/sandboxes/
- title: MCP Catalog and Toolkit
description: Augment your AI workflow with MCP servers.
@@ -26,7 +26,7 @@ params:
link: /ai/mcp-catalog-and-toolkit/
- title: Gordon
description: Streamline your workflow and get the most out of the Docker ecosystem with your personal AI assistant.
icon: note_add
icon: document-plus
link: /ai/gordon/
- title: Docker Model Runner
description: View and manage your local models.
@@ -55,11 +55,11 @@ params:
link: /testcontainers/
- title: Docker Build
description: Build and ship any application anywhere.
icon: build
icon: wrench-screwdriver
link: /build/
- title: Docker Engine
description: The industry-leading container runtime.
icon: developer_board
icon: cpu-chip
link: /engine/
- title: Docker Compose
description: Define and run multi-container applications.
@@ -68,7 +68,7 @@ params:
supply-chain-security:
- title: Docker Hub
description: Discover, share, and integrate container images.
icon: hub
icon: globe-alt
link: /docker-hub/
- title: Docker Hardened Images
description: Secure, minimal images for trusted software delivery.
@@ -81,28 +81,28 @@ params:
platform:
- title: Administration
description: Centralized observability for companies and organizations.
icon: admin_panel_settings
icon: shield-check
link: /admin/
- title: Billing
description: Manage billing and payment methods.
icon: payments
icon: credit-card
link: /billing/
- title: Accounts
description: Manage your Docker account.
icon: account_circle
icon: user-circle
link: /accounts/
- title: Security
description: Security guardrails for both administrators and developers.
icon: lock
icon: lock-closed
link: /security/
- title: Subscription
description: Commercial use licenses for Docker products.
icon: card_membership
icon: credit-card
link: /subscription/
enterprise:
- title: Deploy Docker Desktop
description: Deploy Docker Desktop at scale within your company
icon: download
icon: arrow-down-tray
link: /enterprise/enterprise-deployment/
---
+6 -6
View File
@@ -9,27 +9,27 @@ params:
grid:
- title: Create a Docker ID
description: Get started with Docker and create an account.
icon: fingerprint
icon: finger-print
link: /accounts/create-account/
- title: Manage account
description: Learn how to manage the settings for your account.
icon: manage_accounts
icon: cog
link: /accounts/manage-account/
- title: Personal access tokens
description: Learn how to create and manage access tokens for your account.
icon: password
icon: lock-closed
link: /security/access-tokens/
- title: Set up two-factor authentication
description: Add an extra layer of authentication to your Docker account.
link: /security/2fa/
icon: mobile_lock_portrait
icon: device-phone-mobile
- title: Deactivate an account
description: Learn how to deactivate a Docker user account.
link: /accounts/deactivate-user-account/
icon: disabled_by_default
icon: no-symbol
- title: Account FAQ
description: Explore frequently asked questions about Docker accounts.
icon: help
icon: question-mark-circle
link: /accounts/general-faqs/
---
+6 -6
View File
@@ -9,27 +9,27 @@ params:
grid:
- title: Company administration
description: Explore how to manage a company.
icon: apartment
icon: building-office-2
link: /admin/company/
- title: Organization administration
description: Learn about organization administration.
icon: store
icon: building-storefront
link: /admin/organization/
- title: Onboard your organization
description: Learn how to onboard and secure your organization.
icon: explore
icon: magnifying-glass-plus
link: /admin/organization/setup/onboard
- title: Company FAQ
description: Discover common questions and answers about companies.
icon: help
icon: question-mark-circle
link: /faq/admin/company-faqs/
- title: Organization FAQ
description: Explore popular FAQ topics about organizations.
icon: help
icon: question-mark-circle
link: /faq/admin/organization-faqs/
- title: Security
description: Explore security features for administrators.
icon: shield_locked
icon: shield-check
link: /security/
aliases:
- /docker-hub/admin-overview
+7 -7
View File
@@ -7,21 +7,21 @@ keywords: company, multiple organizations, manage companies, admin console, Dock
grid:
- title: Create a company
description: Get started by learning how to create a company.
icon: apartment
icon: building-office-2
link: /admin/company/new-company/
- title: Manage organizations
description:
Learn how to add and manage organizations as well as seats within your
company.
icon: store
icon: building-storefront
link: /admin/company/manage/organizations/
- title: Manage company owners
description: Find out more about company owners and how to manage them.
icon: supervised_user_circle
icon: user-group
link: /admin/company/manage/owners/
- title: Manage users
description: Explore how to manage users in all organizations.
icon: group_add
icon: user-plus
link: /admin/company/manage/users/
- title: Configure single sign-on
description: Discover how to configure SSO for your entire company.
@@ -31,16 +31,16 @@ grid:
description:
Set up SCIM to automatically provision and deprovision users in your
company.
icon: checklist
icon: clipboard-document-check
link: /enterprise/security/provisioning/scim/
- title: Domain management
description: Add and verify your company's domains.
icon: domain_verification
icon: check-badge
link: /enterprise/security/domain-management/
- title: FAQs
description: Explore frequently asked questions about companies.
link: /faq/admin/company-faqs/
icon: help
icon: question-mark-circle
aliases:
- /docker-hub/creating-companies/
---
+8 -8
View File
@@ -7,27 +7,27 @@ keywords: organizations, admin, overview, manage teams, roles
grid:
- title: Onboard your organization
description: Learn how to onboard and secure your organization.
icon: explore
icon: magnifying-glass-plus
link: /admin/organization/setup/onboard
- title: Manage members
description: Explore how to manage members.
icon: group_add
icon: user-plus
link: /admin/organization/manage/members/
- title: Activity logs
description: Learn how to audit the activities of your members.
icon: text_snippet
icon: document-text
link: /admin/activity-logs/
- title: Image Access Management
description: Control which types of images your developers can pull.
icon: photo_library
icon: photo
link: /admin/organization/image-access/
- title: Registry Access Management
description: Define which registries your developers can access.
icon: home_storage
icon: server
link: /admin/organization/registry-access/
- title: Organization settings
description: Configure information for your organization and manage settings.
icon: settings
icon: cog-6-tooth
link: /admin/organization/setup/general-settings/
- title: SSO and SCIM
description:
@@ -37,11 +37,11 @@ grid:
- title: Domain management
description: Add, verify, and audit your domains.
link: /enterprise/security/domain-management/
icon: domain_verification
icon: check-badge
- title: FAQs
description: Explore common organization FAQs.
link: /faq/admin/organization-faqs/
icon: help
icon: question-mark-circle
---
A Docker organization is a collection of teams and repositories with centralized
@@ -13,11 +13,11 @@ keywords: Docker, ai, mcp servers, ai agents, extension, docker desktop, llm, do
grid:
- title: Get started with MCP Toolkit
description: Learn how to quickly install and use the MCP Toolkit to set up servers and clients.
icon: explore
icon: magnifying-glass-plus
link: /ai/mcp-catalog-and-toolkit/get-started/
- title: MCP Catalog
description: Browse Docker's curated collection of verified MCP servers
icon: hub
icon: globe-alt
link: /ai/mcp-catalog-and-toolkit/catalog/
- title: MCP Profiles
description: Organize servers into profiles for different projects and share configurations
@@ -29,19 +29,19 @@ grid:
link: /ai/mcp-catalog-and-toolkit/toolkit/
- title: MCP Gateway
description: Use the CLI and Gateway to run MCP servers with custom configurations
icon: developer_board
icon: cpu-chip
link: /ai/mcp-catalog-and-toolkit/mcp-gateway/
- title: Dynamic MCP
description: Discover and add MCP servers on-demand using natural language
icon: search
icon: magnifying-glass
link: /ai/mcp-catalog-and-toolkit/dynamic-mcp/
- title: Docker Hub MCP server
description: Use the Docker Hub MCP server to search images and manage repositories
icon: device_hub
icon: server-stack
link: /ai/mcp-catalog-and-toolkit/hub-mcp/
- title: Security FAQs
description: Common questions about MCP security, credentials, and server verification
icon: security
icon: shield-check
link: /ai/mcp-catalog-and-toolkit/faqs/
- title: E2B sandboxes
description: Cloud sandboxes for AI agents with built-in MCP Catalog access
+5 -5
View File
@@ -11,23 +11,23 @@ grid_core:
- title: Add or update a payment method
description: Learn how to add or update a payment method for your personal account or organization.
link: /billing/payment-method/
icon: credit_score
icon: credit-card
- title: Update billing information
description: Discover how to update the billing information for your personal account or organization.
link: /billing/details/
icon: contract_edit
icon: pencil-square
- title: View billing history
description: Learn how to view billing history and download past invoices.
link: /billing/history/
icon: payments
icon: credit-card
- title: Billing FAQs
description: Find the answers you need and explore common questions.
link: /billing/faqs/
icon: help
icon: question-mark-circle
- title: Register a tax certificate
description: Learn how to register a tax exemption certificate.
link: /billing/tax-certificate/
icon: developer_guide
icon: book-open
- title: 3D Secure authentication
description: Discover how Docker billing supports 3DS and how to troubleshoot potential issues.
link: /billing/3d-secure/
+7 -7
View File
@@ -10,33 +10,33 @@ grid:
- title: Packaging your software
description: 'Build and package your application to run it anywhere: locally or
in the cloud.'
icon: inventory_2
icon: archive-box
link: /build/concepts/overview/
- title: Multi-stage builds
description: Keep your images small and secure with minimal dependencies.
icon: stairs
icon: arrow-trending-up
link: /build/building/multi-stage/
- title: Multi-platform images
description: Build, push, pull, and run images seamlessly on different computer
architectures.
icon: content_copy
icon: document-duplicate
link: /build/building/multi-platform/
- title: BuildKit
description: Explore BuildKit, the open source build engine.
icon: construction
icon: wrench-screwdriver
link: /build/buildkit/
- title: Build drivers
description: Configure where and how you run your builds.
icon: engineering
icon: wrench-screwdriver
link: /build/builders/drivers/
- title: Exporters
description: Export any artifact you like, not just Docker images.
icon: output
icon: arrow-up-on-square
link: /build/exporters/
- title: Build caching
description: Avoid unnecessary repetitions of costly operations, such as package
installs.
icon: cycle
icon: arrow-path
link: /build/cache/
- title: Bake
description: Orchestrate your builds with Bake.
+8 -8
View File
@@ -10,37 +10,37 @@ params:
grid:
- title: Why use Compose?
description: Understand Docker Compose's key benefits
icon: feature_search
icon: magnifying-glass
link: /compose/intro/features-uses/
- title: How Compose works
description: Understand how Compose works
icon: category
icon: squares-2x2
link: /compose/intro/compose-application-model/
- title: Install Compose
description: Follow the instructions on how to install Docker Compose.
icon: download
icon: arrow-down-tray
link: /compose/install
- title: Quickstart
description: Learn the key concepts of Docker Compose whilst building a simple Python
web application.
icon: explore
icon: magnifying-glass-plus
link: /compose/gettingstarted
- title: View the release notes
description: Find out about the latest enhancements and bug fixes.
icon: note_add
icon: document-plus
link: "https://github.com/docker/compose/releases"
- title: Explore the Compose file reference
description: Find information on defining services, networks, and volumes for a
Docker application.
icon: polyline
icon: arrows-right-left
link: /reference/compose-file
- title: Use Compose Bridge
description: Transform your Compose configuration file into configuration files for different platforms, such as Kubernetes.
icon: move_down
icon: arrow-down
link: /compose/bridge
- title: Browse common FAQs
description: Explore general FAQs and find out how to give feedback.
icon: help
icon: question-mark-circle
link: /compose/faq
aliases:
- /compose/cli-command/
+6 -6
View File
@@ -14,26 +14,26 @@ grid:
[Mac](/desktop/setup/install/mac-install/),
[Windows](/desktop/setup/install/windows-install/), or
[Linux](/desktop/setup/install/linux/).
icon: download
icon: arrow-down-tray
- title: Learn about Docker Desktop
description: Navigate Docker Desktop.
icon: feature_search
icon: magnifying-glass
link: /desktop/use-desktop/
- title: Explore its key features
description: |
Find information about [Networking](/desktop/features/networking/), [Docker VMM](/desktop/features/vmm/), [WSL](/desktop/features/wsl/), and more.
icon: category
icon: squares-2x2
- title: View the release notes
description: Find out about new features, improvements, and bug fixes.
icon: note_add
icon: document-plus
link: /desktop/release-notes/
- title: Browse common FAQs
description: Explore general FAQs or FAQs for specific platforms.
icon: help
icon: question-mark-circle
link: /desktop/troubleshoot-and-support/faqs/general/
- title: Give feedback
description: Provide feedback on Docker Desktop or Docker Desktop features.
icon: sms
icon: chat-bubble-left
link: /desktop/troubleshoot-and-support/feedback/
aliases:
- /desktop/opensource/
+6 -6
View File
@@ -11,27 +11,27 @@ params:
grid_sections:
- title: Quickstart
description: Follow a step-by-step guide to explore and run a Docker Hardened Image.
icon: rocket_launch
icon: rocket-launch
link: /dhi/get-started/
- title: Explore
description: Learn what Docker Hardened Images are, how they're built, and what sets them apart from typical base images.
icon: info
icon: information-circle
link: /dhi/explore/
- title: Features
description: Discover the security, compliance, and enterprise-readiness features built into Docker Hardened Images.
icon: lock
icon: lock-closed
link: /dhi/features/
- title: How-tos
description: Step-by-step guides for using, verifying, scanning, and migrating to Docker Hardened Images.
icon: play_arrow
icon: play
link: /dhi/how-to/
- title: Core concepts
description: Understand the secure supply chain principles that make Docker Hardened Images production-ready.
icon: fact_check
icon: clipboard-document-check
link: /dhi/core-concepts/
- title: Troubleshoot
description: Resolve common issues with building, running, or debugging Docker Hardened Images.
icon: help_center
icon: question-mark-circle
link: /dhi/troubleshoot/
- title: Additional resources
description: Guides, blog posts, Docker Hub catalog, GitHub repositories, and more.
+16 -16
View File
@@ -6,75 +6,75 @@ params:
grid_concepts_metadata:
- title: Attestations
description: Review the full set of signed attestations included with each Docker Hardened Image, such as SBOMs, VEX, build provenance, and scan results.
icon: assignment
icon: clipboard-document-list
link: /dhi/core-concepts/attestations/
- title: Software Bill of Materials (SBOMs)
description: Learn what SBOMs are, why they matter, and how Docker Hardened Images include signed SBOMs to support transparency and compliance.
icon: list_alt
icon: list-bullet
link: /dhi/core-concepts/sbom/
- title: Supply-chain Levels for Software Artifacts (SLSA)
description: Learn how Docker Hardened Images comply with SLSA Build Level 3 and how to verify provenance for secure, tamper-resistant builds.
icon: fact_check
icon: clipboard-document-check
link: /dhi/core-concepts/slsa/
- title: Image provenance
description: Learn how build provenance metadata helps trace the origin of Docker Hardened Images and support compliance with SLSA.
icon: track_changes
icon: pencil-square
link: /dhi/core-concepts/provenance/
grid_concepts_compliance:
- title: FIPS
description: Learn how Docker Hardened Images support FIPS 140 by using validated cryptographic modules and providing signed attestations for compliance audits.
icon: verified
icon: check-badge
link: /dhi/core-concepts/fips/
- title: STIG
description: Learn how Docker Hardened Images provide STIG-ready container images with verifiable security scan attestations for government and enterprise compliance requirements.
icon: policy
icon: shield-check
link: /dhi/core-concepts/stig/
- title: CIS Benchmarks
description: Learn how Docker Hardened Images help you meet Center for Internet Security (CIS) Docker Benchmark requirements for secure container configuration and deployment.
icon: check_circle
icon: check-circle
link: /dhi/core-concepts/cis/
grid_concepts_risk:
- title: Common Vulnerabilities and Exposures (CVEs)
description: Understand what CVEs are, how Docker Hardened Images reduce exposure, and how to scan images for vulnerabilities using popular tools.
icon: error
icon: exclamation-circle
link: /dhi/core-concepts/cves/
- title: Vulnerability Exploitability eXchange (VEX)
description: Learn how VEX helps you prioritize real risks by identifying which vulnerabilities in Docker Hardened Images are actually exploitable.
icon: warning
icon: exclamation-triangle
link: /dhi/core-concepts/vex/
- title: Software Supply Chain Security
description: Learn how Docker Hardened Images help secure every stage of your software supply chain with signed metadata, provenance, and minimal attack surface.
icon: shield
icon: shield-check
link: /dhi/core-concepts/sscs/
- title: Secure Software Development Lifecycle (SSDLC)
description: See how Docker Hardened Images support a secure SDLC by integrating with scanning, signing, and debugging tools.
icon: build_circle
icon: wrench-screwdriver
link: /dhi/core-concepts/ssdlc/
grid_concepts_structure:
- title: Distroless images
description: Learn how Docker Hardened Images use distroless variants to minimize attack surface and remove unnecessary components.
icon: layers_clear
icon: squares-2x2
link: /dhi/core-concepts/distroless/
- title: glibc and musl support in Docker Hardened Images
description: Compare glibc and musl variants of DHIs to choose the right base image for your applications compatibility, size, and performance needs.
icon: swap_vert
icon: arrows-up-down
link: /dhi/core-concepts/glibc-musl/
- title: Image immutability
description: Understand how image digests, read-only containers, and signed metadata ensure Docker Hardened Images are tamper-resistant and immutable.
icon: do_not_disturb_on
icon: minus-circle
link: /dhi/core-concepts/immutability/
- title: Image hardening
description: Learn how Docker Hardened Images are designed for security, with minimal components, nonroot execution, and secure-by-default configurations.
icon: security
icon: shield-check
link: /dhi/core-concepts/hardening/
grid_concepts_verification:
- title: Digests
description: Learn how to use immutable image digests to guarantee consistency and verify the exact Docker Hardened Image you're running.
icon: fingerprint
icon: finger-print
link: /dhi/core-concepts/digests/
- title: Code signing
description: Understand how Docker Hardened Images are cryptographically signed using Cosign to verify authenticity, integrity, and secure provenance.
+8 -8
View File
@@ -7,34 +7,34 @@ params:
grid_about:
- title: What are hardened images and why use them?
description: Learn what a hardened image is, how Docker Hardened Images are built, what sets them apart from typical base and application images, and why you should use them.
icon: info
icon: information-circle
link: /dhi/explore/what/
- title: Build process
description: Learn how Docker builds, tests, and maintains Docker Hardened Images through an automated, security-focused pipeline.
icon: build
icon: wrench-screwdriver
link: /dhi/explore/build-process/
- title: Image types
description: Learn about the different image types, distributions, and variants offered in the Docker Hardened Images catalog.
icon: view_module
icon: squares-2x2
link: /dhi/explore/available/
- title: Scanner integrations
description: Discover which vulnerability scanners integrate with Docker Hardened Images and support open standards like OpenVEX.
icon: security
icon: shield-check
link: /dhi/explore/scanner-integrations/
- title: Image testing
description: See how Docker Hardened Images are automatically tested for standards compliance, functionality, and security.
icon: science
icon: beaker
link: /dhi/explore/test/
- title: Malware scanning
description: Learn how Docker scans Docker Hardened Images for viruses and malware, and how to view and verify the scan attestation.
icon: bug_report
icon: bug-ant
link: /dhi/explore/malware-scanning/
- title: Responsibility overview
description: Understand Docker's role and your responsibilities when using Docker Hardened Images as part of your secure software supply chain.
icon: group
icon: user-group
link: /dhi/explore/responsibility/
- title: Give feedback
icon: question_exchange
icon: question-mark-circle
description: Docker welcomes all contributions and feedback.
link: /dhi/explore/feedback
aliases:
+11 -11
View File
@@ -8,50 +8,50 @@ params:
grid_discover:
- title: Search and evaluate Docker Hardened Images
description: Learn how to find and evaluate image repositories, variants, metadata, and attestations in the DHI catalog on Docker Hub.
icon: travel_explore
icon: globe-alt
link: /dhi/how-to/explore/
grid_adopt:
- title: Get started with DHI Select and Enterprise
description: Learn how to mirror repositories, customize images, and access compliance variants with DHI Select and Enterprise subscriptions.
icon: rocket_launch
icon: rocket-launch
link: /dhi/how-to/select-enterprise/
- title: Use the DHI CLI
description: Use the dhictl command-line tool to manage and interact with Docker Hardened Images.
icon: terminal
icon: command-line
link: /dhi/how-to/cli/
- title: Mirror a Docker Hardened Image repository
description: Learn how to mirror an image into your organization's namespace and optionally push it to another private registry.
icon: compare_arrows
icon: arrows-right-left
link: /dhi/how-to/mirror/
- title: Customize a Docker Hardened Image or chart
description: Learn how to customize Docker Hardened Images and charts.
icon: settings
icon: cog-6-tooth
link: /dhi/how-to/customize/
- title: Use hardened system packages
description: Learn how to use Docker's hardened system packages in your images.
icon: inventory_2
icon: archive-box
link: /dhi/how-to/hardened-packages/
- title: Use a Docker Hardened Image
description: Learn how to pull, run, and reference Docker Hardened Images in Dockerfiles, CI pipelines, and standard development workflows.
icon: play_arrow
icon: play
link: /dhi/how-to/use/
- title: Use a Docker Hardened Image chart
description: Learn how to use a Docker Hardened Image chart.
icon: leaderboard
icon: chart-bar
link: /dhi/how-to/helm/
grid_verify:
- title: Verify a Docker Hardened Image or chart
description: Use Docker Scout or cosign to verify signed attestations like SBOMs, provenance, and vulnerability data for Docker Hardened Images and charts.
icon: check_circle
icon: check-circle
link: /dhi/how-to/verify/
- title: Scan Docker Hardened Images
description: Learn how to scan Docker Hardened Images for known vulnerabilities using Docker Scout, Grype, or Trivy.
icon: bug_report
icon: bug-ant
link: /dhi/how-to/scan/
grid_govern:
- title: Enforce Docker Hardened Image usage with policies
description: Learn how to use image policies with Docker Scout for Docker Hardened Images.
icon: policy
icon: shield-check
link: /dhi/how-to/policies/
---
+6 -6
View File
@@ -9,29 +9,29 @@ params:
grid_migration_paths:
- title: Migrate with Gordon
description: Use Gordon to automatically migrate your Dockerfile to Docker Hardened Images with guidance and recommendations.
icon: smart_toy
icon: sparkles
link: /dhi/migration/migrate-with-ai/
- title: Migrate from Alpine or Debian images
description: Manual migration guide for moving from Docker Official Images (Alpine or Debian-based) to Docker Hardened Images.
icon: code
icon: code-bracket
link: /dhi/migration/migrate-from-doi/
- title: Migrate from Ubuntu
description: Manual migration guide for transitioning from Ubuntu-based images to Docker Hardened Images.
icon: upgrade
icon: arrow-up-circle
link: /dhi/migration/migrate-from-ubuntu/
- title: Migrate from Wolfi
description: Manual migration guide for transitioning from Wolfi-based images to Docker Hardened Images.
icon: transform
icon: arrow-path
link: /dhi/migration/migrate-from-wolfi/
grid_migration_resources:
- title: Migration checklist
description: A comprehensive checklist of migration considerations to ensure successful transition to Docker Hardened Images.
icon: checklist
icon: clipboard-document-check
link: /dhi/migration/checklist/
- title: Examples
description: Example Dockerfile migrations for different programming languages and frameworks to guide your migration process.
icon: preview
icon: eye
link: /dhi/migration/examples/
---
@@ -7,15 +7,15 @@ params:
grid_examples:
- title: Go
description: Learn how to migrate Go applications to Docker Hardened Images with practical examples and best practices.
icon: code
icon: code-bracket
link: /dhi/migration/examples/go/
- title: Python
description: Learn how to migrate Python applications to Docker Hardened Images with practical examples and best practices.
icon: code
icon: code-bracket
link: /dhi/migration/examples/python/
- title: Node.js
description: Learn how to migrate Node.js applications to Docker Hardened Images with practical examples and best practices.
icon: code
icon: code-bracket
link: /dhi/migration/examples/node/
---
+6 -6
View File
@@ -9,11 +9,11 @@ params:
grid:
- title: Quickstart
description: Step-by-step instructions on getting started on Docker Hub.
icon: explore
icon: magnifying-glass-plus
link: /docker-hub/quickstart
- title: Library
description: Explore the content library, featuring millions of images for operating systems, frameworks, databases, and more.
icon: book
icon: book-open
link: /docker-hub/image-library/
- title: Repositories
description: Create a repository to share your images with your team, customers,
@@ -22,19 +22,19 @@ grid:
link: /docker-hub/repos
- title: Settings
description: Learn about settings in Docker Hub.
icon: settings
icon: cog-6-tooth
link: /docker-hub/settings
- title: Organizations
description: Learn about organization administration.
icon: store
icon: building-storefront
link: /admin/
- title: Usage and limits
description: Explore usage limits and how to better utilize Docker Hub.
icon: leaderboard
icon: chart-bar
link: /docker-hub/usage/
- title: Release notes
description: Find out about new features, improvements, and bug fixes.
icon: note_add
icon: document-plus
link: /docker-hub/release-notes
aliases:
- /docker-hub/overview/
+9 -9
View File
@@ -9,39 +9,39 @@ params:
grid:
- title: Install Docker Engine
description: Learn how to install the open source Docker Engine for your distribution.
icon: download
icon: arrow-down-tray
link: /engine/install
- title: Storage
description: Use persistent data with Docker containers.
icon: database
icon: circle-stack
link: /storage
- title: Networking
description: Manage network connections between containers.
icon: network_node
icon: server-stack
link: /network
- title: Container logs
description: Learn how to view and read container logs.
icon: text_snippet
icon: document-text
link: /config/containers/logging/
- title: Prune
description: Tidy up unused resources.
icon: content_cut
icon: scissors
link: /config/pruning
- title: Configure the daemon
description: Delve into the configuration options of the Docker daemon.
icon: tune
icon: adjustments-horizontal
link: /config/daemon
- title: Rootless mode
description: Run Docker without root privileges.
icon: security
icon: shield-check
link: /engine/security/rootless
- title: Deprecated features
description: Find out what features of Docker Engine you should stop using.
icon: folder_delete
icon: folder-minus
link: /engine/deprecated/
- title: Release notes
description: Read the release notes for the latest version.
icon: note_add
icon: document-plus
link: /engine/release-notes
aliases:
- /edge/
+12 -12
View File
@@ -10,35 +10,35 @@ params:
grid_admins:
- title: Settings Management
description: Learn how Settings Management can secure your developers' workflows.
icon: shield_locked
icon: shield-check
link: /enterprise/security/hardened-desktop/settings-management/
- title: Enhanced Container Isolation
description: Understand how Enhanced Container Isolation can prevent container attacks.
icon: security
icon: shield-check
link: /enterprise/security/hardened-desktop/enhanced-container-isolation/
- title: Registry Access Management
description: Control the registries developers can access while using Docker Desktop.
icon: home_storage
icon: server
link: /enterprise/security/hardened-desktop/registry-access-management/
- title: Image Access Management
description: Control the images developers can pull from Docker Hub.
icon: photo_library
icon: photo
link: /enterprise/security/hardened-desktop/image-access-management/
- title: "Air-Gapped Containers"
description: Restrict containers from accessing unwanted network resources.
icon: "vpn_lock"
icon: lock-closed
link: /enterprise/security/hardened-desktop/air-gapped-containers/
- title: Enforce sign-in
description: Configure sign-in for members of your teams and organizations.
link: /enterprise/security/enforce-sign-in/
icon: passkey
icon: finger-print
- title: Domain management
description: Identify uncaptured users in your organization.
link: /enterprise/security/domain-management/
icon: person_search
icon: magnifying-glass
- title: Docker Scout
description: Explore how Docker Scout can help you create a more secure software supply chain.
icon: query_stats
icon: chart-bar
link: /scout/
- title: SSO
description: Learn how to configure SSO for your company or organization.
@@ -46,20 +46,20 @@ grid_admins:
link: /enterprise/security/single-sign-on/
- title: SCIM
description: Set up SCIM to automatically provision and deprovision users.
icon: checklist
icon: clipboard-document-check
link: /enterprise/security/provisioning/scim/
- title: Roles and permissions
description: Assign roles to individuals giving them different permissions within an organization.
icon: badge
icon: identification
link: /enterprise/security/roles-and-permissions/
- title: Private marketplace for Extensions (Beta)
description: Learn how to configure and set up a private marketplace with a curated list of extensions for your Docker Desktop users.
icon: storefront
icon: building-storefront
link: /desktop/extensions/private-marketplace/
- title: Organization access tokens
description: Create organization access tokens as an alternative to a password.
link: /enterprise/security/access-tokens/
icon: password
icon: lock-closed
---
Docker provides security guardrails for both administrators and developers.
@@ -10,27 +10,27 @@ aliases:
grid:
- title: "Settings Management"
description: Learn how Settings Management can secure your developers' workflows.
icon: shield_locked
icon: shield-check
link: /enterprise/security/hardened-desktop/settings-management/
- title: "Enhanced Container Isolation"
description: Understand how Enhanced Container Isolation can prevent container attacks.
icon: "security"
icon: shield-check
link: /enterprise/security/hardened-desktop/enhanced-container-isolation/
- title: "Registry Access Management"
description: Control the registries developers can access while using Docker Desktop.
icon: "home_storage"
icon: server
link: /enterprise/security/hardened-desktop/registry-access-management/
- title: "Image Access Management"
description: Control the images developers can pull from Docker Hub.
icon: "photo_library"
icon: photo
link: /enterprise/security/hardened-desktop/image-access-management/
- title: "Air-Gapped Containers"
description: Restrict containers from accessing unwanted network resources.
icon: "vpn_lock"
icon: lock-closed
link: /enterprise/security/hardened-desktop/air-gapped-containers/
- title: "Namespace access"
description: Control whether organization members can push content to their personal namespaces.
icon: "folder_managed"
icon: folder-open
link: /enterprise/security/hardened-desktop/namespace-access/
weight: 60
---
@@ -9,15 +9,15 @@ aliases:
grid:
- title: "SCIM provisioning"
description: "Enable continuous user data synchronization between your IdP and Docker. Best for larger organizations."
icon: "sync"
icon: arrow-path
link: "scim/"
- title: "Just-in-Time (JIT) provisioning"
description: "Set up automatic user creation on first sign-in. Ideal for smaller teams with minimal setup requirements."
icon: "schedule"
icon: clock
link: "just-in-time/"
- title: "Auto-provisioning"
description: "Associate members to an organization when email addresses match a verified domain."
icon: "group"
icon: user-group
link: "auto-provisioning/"
---
@@ -10,11 +10,11 @@ aliases:
grid:
- title: "Core roles"
description: Learn about Docker's built-in Member, Editor, and Owner roles with predefined permissions.
icon: "admin_panel_settings"
icon: shield-check
link: /enterprise/security/roles-and-permissions/core-roles/
- title: "Custom roles"
description: Create tailored permission sets that match your organization's specific needs.
icon: "tune"
icon: adjustments-horizontal
link: /enterprise/security/roles-and-permissions/custom-roles/
weight: 40
---
@@ -9,27 +9,27 @@ aliases:
grid:
- title: "The build and publish process"
description: Understand the process for building and publishing an extension.
icon: "checklist"
icon: clipboard-document-check
link: "/extensions/extensions-sdk/process/"
- title: "Quickstart guide"
description: Follow the quickstart guide to create a basic Docker extension quickly.
icon: "explore"
icon: magnifying-glass-plus
link: "/extensions/extensions-sdk/quickstart/"
- title: "View the design guidelines"
description: Ensure your extension aligns to Docker's design guidelines and principles.
icon: "design_services"
icon: paint-brush
link: "/extensions/extensions-sdk/design/design-guidelines/"
- title: "Publish your extension"
description: Understand how to publish your extension to the Marketplace.
icon: "publish"
icon: arrow-up-tray
link: "/extensions/extensions-sdk/extensions/"
- title: "Interacting with Kubernetes"
description: Find information on how to interact indirectly with a Kubernetes cluster from your Docker extension.
icon: "multiple_stop"
icon: arrows-right-left
link: "/extensions/extensions-sdk/guides/kubernetes/"
- title: "Multi-arch extensions"
description: Build your extension for multiple architectures.
icon: "content_copy"
icon: document-duplicate
link: "/extensions/extensions-sdk/extensions/multi-arch/"
---
+7 -7
View File
@@ -11,37 +11,37 @@ grid:
- title: Quickstart
description: Get up and running with Docker Offload in just a few steps.
icon: rocket_launch
icon: rocket-launch
link: /offload/quickstart/
- title: About
description: Learn about Docker Offload and how it works.
icon: info
icon: information-circle
link: /offload/about/
- title: Configure
description: Configure Docker Offload settings for your organization and Docker Desktop.
icon: tune
icon: adjustments-horizontal
link: /offload/configuration/
- title: Usage
description: Learn about Docker Offload usage and how to monitor your cloud resources.
icon: monitor_heart
icon: heart
link: /offload/usage/
- title: Optimize
description: Improve performance and cost efficiency in Docker Offload.
icon: speed
icon: bolt
link: /offload/optimize/
- title: Troubleshoot
description: Learn how to troubleshoot issues with Docker Offload.
icon: bug_report
icon: bug-ant
link: /offload/troubleshoot/
- title: Feedback
description: Provide feedback on Docker Offload.
icon: feedback
icon: chat-bubble-left
link: /offload/feedback/
aliases:
+7 -7
View File
@@ -13,35 +13,35 @@ grid:
- title: Quickstart
link: /scout/quickstart/
description: Learn what Docker Scout can do, and how to get started.
icon: explore
icon: magnifying-glass-plus
- title: Image analysis
link: /scout/image-analysis/
description: Reveal and dig into the composition of your images.
icon: radar
icon: signal
- title: Advisory database
link: /scout/advisory-db-sources/
description: Learn about the information sources that Docker Scout uses.
icon: database
icon: circle-stack
- title: Integrations
description: |
Connect Docker Scout with your CI, registries, and other third-party services.
link: /scout/integrations/
icon: multiple_stop
icon: arrows-right-left
- title: Dashboard
link: /scout/dashboard/
description: |
The web interface for Docker Scout.
icon: dashboard
icon: squares-2x2
- title: Policy
link: /scout/policy/
description: |
Ensure that your artifacts align with supply chain best practices.
icon: policy
icon: shield-check
- title: Upgrade
link: /subscription/change/
description: |
A Personal subscription includes up to 1 repository. Upgrade for more.
icon: upgrade
icon: arrow-up-circle
---
Container images consist of layers and software packages, which are susceptible to vulnerabilities.
+9 -9
View File
@@ -11,39 +11,39 @@ grid_developers:
- title: Set up two-factor authentication
description: Add an extra layer of authentication to your Docker account.
link: /security/2fa/
icon: mobile_lock_portrait
icon: device-phone-mobile
- title: Manage access tokens
description: Create personal access tokens as an alternative to your password.
icon: password
icon: lock-closed
link: /security/access-tokens/
- title: Static vulnerability scanning
description: Automatically run a point-in-time scan on your Docker images for vulnerabilities.
icon: image_search
icon: magnifying-glass
link: /docker-hub/repos/manage/vulnerability-scanning/
- title: Docker Engine security
description: Understand how to keep Docker Engine secure.
icon: security
icon: shield-check
link: /engine/security/
- title: Secrets in Docker Compose
description: Learn how to use secrets in Docker Compose.
icon: privacy_tip
icon: shield-exclamation
link: /compose/how-tos/use-secrets/
grid_resources:
- title: Security FAQs
description: Explore common security FAQs.
icon: help
icon: question-mark-circle
link: /faq/security/general/
- title: Security best practices
description: Understand the steps you can take to improve the security of your container.
icon: category
icon: squares-2x2
link: /develop/security-best-practices/
- title: Suppress CVEs with VEX
description: Learn how to suppress non-applicable or fixed vulnerabilities found in your images.
icon: query_stats
icon: chart-bar
link: /scout/guides/vex/
- title: Docker Hardened Images
description: Learn how to use Docker Hardened Images to enhance your software supply security.
icon: encrypted_add_circle
icon: lock-closed
link: /dhi/
---
+7 -7
View File
@@ -10,31 +10,31 @@ grid_subscriptions:
- title: Compare Docker subscriptions
description: Visit the pricing page to see what's included in different Docker subscriptions.
link: "https://www.docker.com/pricing?ref=Docs&refAction=DocsSubscription"
icon: feature_search
icon: magnifying-glass
- title: Set up your subscription
description: Get started setting up a personal or organization subscription.
link: /subscription/setup/
icon: shopping_cart
icon: shopping-cart
- title: Scale your subscription
description: Scale your subscription to fit your needs.
link: /subscription/scale/
icon: leaderboard
icon: chart-bar
- title: Change your subscription
description: Learn how to upgrade or downgrade your subscription.
link: /subscription/change/
icon: upgrade
icon: arrow-up-circle
- title: Manage seats
description: Learn how to add or remove seats from your subscription.
link: /subscription/manage-seats/
icon: group_add
icon: user-plus
- title: Docker Desktop license agreement
description: Review the terms of the Docker Subscription Service Agreement.
link: /subscription/desktop-license/
icon: license
icon: document-text
- title: Subscription FAQs
description: Find the answers you need and explore common questions.
link: /subscription/faq/
icon: help
icon: question-mark-circle
aliases:
- /docker-hub/billing/
- /docker-hub/billing/faq/
+2 -2
View File
@@ -11,11 +11,11 @@ params:
intro:
- title: What is Testcontainers?
description: Learn about what Testcontainers does and its key benefits
icon: feature_search
icon: magnifying-glass
link: https://testcontainers.com/getting-started/#what-is-testcontainers
- title: The Testcontainers workflow
description: Understand the Testcontainers workflow
icon: explore
icon: magnifying-glass-plus
link: https://testcontainers.com/getting-started/#testcontainers-workflow
quickstart:
- title: Testcontainers for Go
+10 -10
View File
@@ -4,47 +4,47 @@ linkTitle: Reference
layout: wide
description: Find reference documentation for the Docker platforms various APIs, CLIs, and file formats
params:
icon: terminal
icon: command-line
notoc: true
grid_files:
- title: Dockerfile
description: Defines the contents and startup behavior of a single container.
icon: edit_document
icon: pencil-square
link: /reference/dockerfile/
- title: Compose file
description: Defines a multi-container application.
icon: polyline
icon: rectangle-stack
link: /reference/compose-file/
grid_clis:
- title: Docker CLI
description: The main Docker CLI, includes all `docker` commands.
icon: terminal
icon: command-line
link: /reference/cli/docker/
- title: Compose CLI
description: The CLI for Docker Compose, for building and running multi-container
applications.
icon: subtitles
icon: server-stack
link: /reference/cli/docker/compose/
- title: Daemon CLI (dockerd)
description: Persistent process that manages containers.
icon: developer_board
icon: cpu-chip
link: /reference/cli/dockerd/
grid_apis:
- title: Engine API
description: The main API for Docker, provides programmatic access to a daemon.
icon: api
icon: code-bracket
link: /reference/api/engine/
- title: Docker Hub API
description: API to interact with Docker Hub.
icon: communities
icon: cloud
link: /reference/api/hub/latest/
- title: DVP Data API
description: API for Docker Verified Publishers to fetch analytics data.
icon: area_chart
icon: chart-bar
link: /reference/api/dvp/latest/
- title: Registry API
description: API for Docker Registry.
icon: database
icon: circle-stack
link: /reference/api/registry/latest/
---
+6 -6
View File
@@ -12,27 +12,27 @@ toc_min: 1
grid:
- title: Version and name top-level element
description: Understand version and name attributes for Compose.
icon: text_snippet
icon: document-text
link: /reference/compose-file/version-and-name/
- title: Services top-level element
description: Explore all services attributes for Compose.
icon: construction
icon: wrench-screwdriver
link: /reference/compose-file/services/
- title: Networks top-level element
description: Find all networks attributes for Compose.
icon: lan
icon: server-stack
link: /reference/compose-file/networks/
- title: Volumes top-level element
description: Explore all volumes attributes for Compose.
icon: database
icon: circle-stack
link: /reference/compose-file/volumes/
- title: Configs top-level element
description: Find out about configs in Compose.
icon: settings
icon: cog-6-tooth
link: /reference/compose-file/configs/
- title: Secrets top-level element
description: Learn about secrets in Compose.
icon: lock
icon: lock-closed
link: /reference/compose-file/secrets/
aliases:
- /compose/yaml/
+1 -1
View File
@@ -314,7 +314,7 @@ module:
source: hugo_stats.json
target: assets/notwatching/hugo_stats.json
# Mount the icon files to assets so we can access them with resources.Get
- source: node_modules/@material-symbols/svg-400/rounded
- source: node_modules/heroicons/24/solid
target: assets/icons
# Mount highlight.js theme for Gordon chat syntax highlighting
- source: node_modules/highlight.js/styles/github-dark.css
+4 -4
View File
@@ -36,10 +36,10 @@
<span
:class="{ 'group-hover:block' : !copying }"
class="icon-svg hidden"
>{{ partialCached "icon" "content_copy" "content_copy" }}</span
>{{ partialCached "icon" "document-duplicate" "document-duplicate" }}</span
>
<span :class="{ 'group-hover:block' : copying }" class="icon-svg hidden"
>{{ partialCached "icon" "check_circle" "check_circle" }}</span
>{{ partialCached "icon" "check-circle" "check-circle" }}</span
>
</button>
{{ with .Attributes.collapse }}
@@ -55,7 +55,7 @@
<button @click="collapse = false" class="chip">
<span>Show more</span>
<span class="icon-svg"
>{{ partialCached "icon" "arrow_drop_down" "arrow_drop_down" }}</span
>{{ partialCached "icon" "chevron-down" "chevron-down" }}</span
>
</button>
</div>
@@ -68,7 +68,7 @@
>
<span>Hide</span>
<span class="icon-svg"
>{{ partialCached "icon" "arrow_drop_up" "arrow_drop_up" }}</span
>{{ partialCached "icon" "chevron-up" "chevron-up" }}</span
>
</button>
</div>
+1 -1
View File
@@ -41,7 +41,7 @@
class="fixed inset-0 z-20 flex items-center justify-center bg-black/100 p-6"
>
<button class="icon-svg fixed top-6 right-8 z-30 text-white">
{{ partialCached "icon" "close" "close" }}
{{ partialCached "icon" "x-mark" "x-mark" }}
</button>
<img
loading="lazy"
+4 -4
View File
@@ -13,11 +13,11 @@
{{- end }}
{{ .title }}
</div>
<span :class="{ 'hidden' : !open }" class="icon-svg"
>{{ partialCached "icon" "arrow_drop_up" "arrow_drop_up" }}</span
<span :class="{ 'hidden' : !open }" class="icon-svg icon-sm"
>{{ partialCached "icon" "chevron-up" "chevron-up" }}</span
>
<span :class="{ 'hidden' : open }" class="icon-svg"
>{{ partialCached "icon" "arrow_drop_down" "arrow_drop_down" }}</span
<span :class="{ 'hidden' : open }" class="icon-svg icon-sm"
>{{ partialCached "icon" "chevron-down" "chevron-down" }}</span
>
</button>
<div x-show="open" x-collapse class="px-4">
+3 -11
View File
@@ -8,17 +8,9 @@
{{ end }}
{{ with .icon }}
<div class="card-icon">
{{ if (in . ".svg") }}
<span class="card-img svg">
{{ partial "utils/svg" . }}
</span>
{{ else if (in . "/") }}
<img class="card-img" src="{{ . }}" alt="">
{{ else }}
<span class="card-img svg">
{{ partial "icon" . }}
</span>
{{ end }}
<span class="card-img svg">
{{ partialCached "icon" . . }}
</span>
</div>
{{ end }}
<h3 class="card-title">{{ markdownify .title }}</h3>
+5 -5
View File
@@ -4,27 +4,27 @@
<div class="flex min-w-20 flex-wrap items-center gap-1">
<a href="https://www.linkedin.com/company/docker" aria-label="LinkedIn">
<span class="icon-svg">
{{ partial "utils/svg" "icons/linkedin.svg" }}
{{ partialCached "icon" "linkedin" "linkedin" }}
</span>
</a>
<a href="https://x.com/docker/" aria-label="Twitter">
<span class="icon-svg">
{{ partial "utils/svg" "icons/twitter.svg" }}
{{ partialCached "icon" "twitter" "twitter" }}
</span>
</a>
<a href="https://www.facebook.com/docker.run" aria-label="Facebook">
<span class="icon-svg">
{{ partial "utils/svg" "icons/facebook.svg" }}
{{ partialCached "icon" "facebook" "facebook" }}
</span>
</a>
<a href="http://www.youtube.com/user/dockerrun" aria-label="YouTube">
<span class="icon-svg">
{{ partial "utils/svg" "icons/youtube.svg" }}
{{ partialCached "icon" "youtube" "youtube" }}
</span>
</a>
<a href="https://www.instagram.com/dockerinc/" aria-label="Instagram">
<span class="icon-svg">
{{ partial "utils/svg" "icons/instagram.svg" }}
{{ partialCached "icon" "instagram" "instagram" }}
</span>
</a>
</div>
+4 -4
View File
@@ -7,8 +7,8 @@
{{ with .File }}
{{ if not (in .Filename "/_vendor/") }}
<p class="flex items-center gap-1">
<span class="icon-svg-stroke icon-sm">
{{ partial "utils/svg.html" "theme/icons/edit.svg" }}
<span class="icon-svg icon-sm">
{{ partialCached "icon" "pencil-square" "pencil-square" }}
</span>
<a class="link" rel="noopener"
href="{{ site.Params.repo }}/edit/main/content/{{ .Path }}">{{- T "editPage" -}}</a>
@@ -16,8 +16,8 @@
{{ end }}
{{ end }}
<p class="flex items-center gap-1">
<span class="icon-svg-stroke icon-sm">
{{ partial "utils/svg.html" "theme/icons/issue.svg" }}
<span class="icon-svg icon-sm">
{{ partialCached "icon" "flag" "flag" }}
</span>
<a class="link" rel="noopener"
href="{{ site.Params.repo }}/issues/new?template=doc_issue.yml&location={{ .Permalink }}&labels=status%2Ftriage">{{- T "requestChanges" -}}</a>
+12 -12
View File
@@ -341,7 +341,7 @@
class="z-10 flex items-center justify-between bg-blue-500 px-6 py-3 shadow-lg/30 dark:shadow-lg/60"
>
<div class="flex items-center gap-3">
{{ partial "utils/svg.html" "images/gordon-logo.svg" }}
{{ partialCached "icon" "images/gordon-logo.svg" "images/gordon-logo.svg" }}
</div>
<div class="flex items-center gap-2">
<div data-tooltip-wrapper class="relative">
@@ -352,7 +352,7 @@
:disabled="messages.length === 0"
>
<span class="icon-svg">
{{ partialCached "icon" "replay" "replay" }}
{{ partialCached "icon" "arrow-path" "arrow-path" }}
</span>
</button>
<div
@@ -376,7 +376,7 @@
aria-label="Close chat"
>
<span class="icon-svg">
{{ partialCached "icon" "close" "close" }}
{{ partialCached "icon" "x-mark" "x-mark" }}
</span>
</button>
</div>
@@ -398,7 +398,7 @@
<div
class="motion-safe:animate-[robotFloat_5s_ease-in-out_infinite]"
>
{{ partial "utils/svg.html" "images/gordon-robot.svg" }}
{{ partialCached "icon" "images/gordon-robot.svg" "images/gordon-robot.svg" }}
</div>
</div>
<div class="flex w-full flex-col items-center justify-start gap-3">
@@ -420,7 +420,7 @@
(dict
"title" "Get started with Docker"
"question" "Help me get started with Docker. What should I do first?"
"icon" "icons/rocket.svg")
"icon" "rocket-launch")
(dict
"title" "Docker Hardened Images"
"question" "How do Docker Hardened Images work?"
@@ -497,7 +497,7 @@
class="flex items-center gap-1.5 text-gray-600 dark:text-gray-400"
>
<span class="icon-svg icon-sm">
{{ partialCached "icon" "icons/gordon.svg" "icons/gordon.svg" }}
{{ partialCached "icon" "gordon" "gordon" }}
</span>
<span class="font-medium">Was this helpful?</span>
</div>
@@ -514,7 +514,7 @@
title="Helpful"
>
<span class="icon-svg icon-sm transition-transform">
{{ partialCached "icon" "thumb_up" "thumb_up" }}
{{ partialCached "icon" "hand-thumb-up" "hand-thumb-up" }}
</span>
<span class="hidden font-medium sm:inline"
>Helpful</span
@@ -531,7 +531,7 @@
title="Not quite"
>
<span class="icon-svg icon-sm transition-transform">
{{ partialCached "icon" "thumb_down" "thumb_down" }}
{{ partialCached "icon" "hand-thumb-down" "hand-thumb-down" }}
</span>
<span class="hidden font-medium sm:inline"
>Not quite</span
@@ -552,13 +552,13 @@
x-show="message.copied !== true"
class="icon-svg icon-sm"
>
{{ partialCached "icon" "content_copy" "content_copy" }}
{{ partialCached "icon" "document-duplicate" "document-duplicate" }}
</span>
<span
x-show="message.copied === true"
class="icon-svg icon-sm"
>
{{ partialCached "icon" "check_circle" "check_circle" }}
{{ partialCached "icon" "check-circle" "check-circle" }}
</span>
<span class="hidden font-medium sm:inline">Copy</span>
</button>
@@ -650,12 +650,12 @@
>
<template x-if="!isLoading">
<span class="icon-svg">
{{ partialCached "icon" "send" "send" }}
{{ partialCached "icon" "paper-airplane" "paper-airplane" }}
</span>
</template>
<template x-if="isLoading">
<span class="icon-svg animate-spin">
{{ partialCached "icon" "progress_activity" "progress_activity" }}
{{ partialCached "icon" "arrow-path" "arrow-path" }}
</span>
</template>
</button>
+6 -6
View File
@@ -8,7 +8,7 @@
class="icon-svg block h-full px-4 md:hidden"
aria-label="Menu"
>
{{ partialCached "icon" "menu" "menu" }}
{{ partialCached "icon" "bars-3" "bars-3" }}
</button>
{{- end }}
<div>
@@ -55,10 +55,10 @@
class="group shimmer flex cursor-pointer items-center gap-2 rounded-lg border border-blue-500 bg-blue-700 p-2 text-white transition-colors focus:ring focus:ring-blue-400 focus:outline-none"
>
<span class="icon-svg group-hover:hidden">
{{ partialCached "icon" "icons/gordon.svg" "icons/gordon.svg" }}
{{ partialCached "icon" "gordon" "gordon" }}
</span>
<span class="icon-svg hidden group-hover:block">
{{ partialCached "icon" "icons/gordon-happy.svg" "icons/gordon-happy.svg" }}
{{ partialCached "icon" "gordon-happy" "gordon-happy" }}
</span>
<span class="hidden px-1 lg:inline">Gordon</span>
</button>
@@ -105,13 +105,13 @@
@click="theme = (theme === 'light' ? 'dark' : theme === 'dark' ? 'auto' : 'light')"
>
<span class="theme-icon-sun icon-svg" x-show="theme === 'light'"
>{{ partialCached "icon" "icons/sun.svg" "sun" }}
>{{ partialCached "icon" "sun" "sun" }}
</span>
<span class="theme-icon-moon icon-svg" x-show="theme === 'dark'">
{{ partialCached "icon" "icons/moon.svg" "moon" }}
{{ partialCached "icon" "moon" "moon" }}
</span>
<span class="theme-icon-auto icon-svg" x-show="theme === 'auto'">
{{ partialCached "icon" "contrast" "contrast" }}
{{ partialCached "icon" "system" "system" }}
</span>
</button>
</div>
+10 -21
View File
@@ -1,21 +1,10 @@
{{- $icon := . -}}
{{- $svgPath := "" -}}
{{- if or (strings.HasSuffix $icon ".svg") (strings.HasPrefix $icon "icons/") }}
{{- $svgPath = $icon -}}
{{- else }}
{{- $svgPath = printf "icons/%s-fill.svg" $icon -}}
{{- end }}
{{- $svg := resources.Get $svgPath -}}
{{- if not $svg }}
{{- errorf "Failed to get icon: %v (resolved path: %s)\n\n" $icon $svgPath }}
{{- end }}
{{- if not $svg.Content }}
{{- errorf "Empty content for icon: %v (resolved path: %s)\n\n" $icon $svgPath }}
{{- end }}
{{- $svg.Content | safeHTML -}}
{{- $name := . -}}
{{- $path := strings.TrimLeft "/" $name -}}
{{- if not (strings.Contains $path "/") -}}
{{- $path = printf "icons/%s.svg" $path -}}
{{- end -}}
{{- with resources.Get $path -}}
{{- .Content | safeHTML -}}
{{- else -}}
{{- errorf "Icon not found: %q (resolved to %q)" $name $path -}}
{{- end -}}
+7 -7
View File
@@ -6,7 +6,7 @@
class="inline-flex cursor-pointer items-center gap-1.5 text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"
>
<span class="icon-svg icon-sm -translate-y-px">
{{ partialCached "icon" "icons/gordon.svg" "icons/gordon.svg" }}
{{ partialCached "icon" "gordon" "gordon" }}
</span>
<span>Ask Gordon</span>
</button>
@@ -16,11 +16,11 @@
data-heap-id="copy-markdown-button"
class="inline-flex cursor-pointer items-center gap-1.5 text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"
>
<span class="icon-svg icon-sm -translate-y-px">
{{ partialCached "icon" "content_copy" "content_copy" }}
<span class="icon-svg icon-sm">
{{ partialCached "icon" "document-duplicate" "document-duplicate" }}
</span>
<span class="icon-svg icon-sm hidden -translate-y-px">
{{ partialCached "icon" "check_circle" "check_circle" }}
<span class="icon-svg icon-sm hidden">
{{ partialCached "icon" "check-circle" "check-circle" }}
</span>
<span>Copy Markdown</span>
</button>
@@ -30,8 +30,8 @@
data-heap-id="view-markdown-button"
class="inline-flex cursor-pointer items-center gap-1.5 text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"
>
<span class="icon-svg icon-sm -translate-y-px">
{{ partialCached "icon" "open_in_new" "open_in_new" }}
<span class="icon-svg icon-sm">
{{ partialCached "icon" "arrow-top-right-on-square" "arrow-top-right-on-square" }}
</span>
<span>View Markdown</span>
</button>
+1 -1
View File
@@ -6,7 +6,7 @@
id="search-modal-trigger"
>
<span class="icon-svg">
{{ partialCached "icon" "search" "search" }}
{{ partialCached "icon" "magnifying-glass" "magnifying-glass" }}
</span>
<span class="hidden px-1 lg:inline">Search</span>
</button>
+1 -1
View File
@@ -16,7 +16,7 @@
{{- with $guide.Params.time }}
<div class="flex gap-2 text-gray-400 dark:text-gray-400">
<span class="icon-svg"
>{{ partialCached "icon" "schedule" "schedule" }}</span
>{{ partialCached "icon" "clock" "clock" }}</span
>
<span>{{ . }}</span>
</div>
+7 -7
View File
@@ -24,20 +24,20 @@
>
{{- with $curr.Params.icon }}
<span class="icon-sm icon-svg pr-2">
{{- partialCached "icon.html" . . -}}
{{- partialCached "icon" . . -}}
</span>
{{- end }}
{{- $curr.LinkTitle -}}
</a>
<button
@click="expanded = !expanded"
class="rounded-sm hover:bg-gray-200 hover:dark:bg-gray-800"
class="rounded-sm px-1 hover:bg-gray-200 hover:dark:bg-gray-800"
>
<span x-show="! expanded" class="icon-svg">
{{ partialCached "icon" "arrow_drop_down" "arrow_drop_down" }}
<span x-show="! expanded" class="icon-svg icon-sm">
{{ partialCached "icon" "chevron-down" "chevron-down" }}
</span>
<span x-cloak x-show="expanded" class="icon-svg">
{{ partialCached "icon" "arrow_drop_up" "arrow_drop_up" }}
<span x-cloak x-show="expanded" class="icon-svg icon-sm">
{{ partialCached "icon" "chevron-up" "chevron-up" }}
</span>
</button>
</div>
@@ -48,7 +48,7 @@
<a class="hover:text-blue dark:hover:text-blue" href="{{ .URL }}">
{{- with .Page.Params.icon }}
<span class="icon-sm icon-svg pr-2">
{{- partialCached "icon.html" . . -}}
{{- partialCached "icon" . . -}}
</span>
{{- end }}
{{- .Name }}
+5 -5
View File
@@ -85,19 +85,19 @@
<!-- Expand group button -->
<button
@click="expanded = !expanded"
class="rounded-sm hover:bg-gray-200 hover:dark:bg-gray-800"
class="rounded-sm px-1 hover:bg-gray-200 hover:dark:bg-gray-800"
>
<span
:class="{ 'hidden' : expanded }"
class="icon-svg {{ if $expanded }}hidden{{ end }}"
class="icon-svg icon-sm {{ if $expanded }}hidden{{ end }}"
>
{{ partialCached "icon" "arrow_drop_down" "arrow_drop_down" }}
{{ partialCached "icon" "chevron-down" "chevron-down" }}
</span>
<span
:class="{ 'hidden' : !expanded }"
class="icon-svg {{ if not $expanded }}hidden{{ end }}"
class="icon-svg icon-sm {{ if not $expanded }}hidden{{ end }}"
>
{{ partialCached "icon" "arrow_drop_up" "arrow_drop_up" }}
{{ partialCached "icon" "chevron-up" "chevron-up" }}
</span>
</button>
{{- end }}
+1 -1
View File
@@ -8,7 +8,7 @@
data-tooltip-button
class="icon-svg text-blue-light flex items-center dark:text-blue-700"
>
{{ partialCached "icon" "help" "help" }}
{{ partialCached "icon" "question-mark-circle" "question-mark-circle" }}
</div>
<div
data-tooltip-body
-6
View File
@@ -1,6 +0,0 @@
{{- $path := printf "%s" . }}
{{- with resources.Get $path }}
{{ .Content | safeHTML }}
{{- else }}
{{- errorf "The 'svg' partial was unable to find %s" $path }}
{{- end }}
+1 -1
View File
@@ -1,7 +1,7 @@
<div class="px-4 border-l-2 border-l-magenta-light dark:border-l-magenta-dark">
<p class="not-prose flex gap-2 items-center text-magenta-light dark:text-magenta-dark">
<span class="icon-svg pb-1">
{{ partialCached "icon.html" "science" "science" }}
{{ partialCached "icon" "beaker" "beaker" }}
</span>
<strong>{{ .Get "title" | default (i18n "experimental") }}</strong>
</p>
+1 -1
View File
@@ -1,7 +1,7 @@
<div class="px-4 border-l-2 border-l-magenta-light dark:border-l-magenta-dark">
<p class="not-prose flex gap-2 items-center text-magenta-light dark:text-magenta-dark">
<span class="icon-svg pb-1">
{{ partialCached "icon.html" "rocket_launch" "rocket_launch" }}
{{ partialCached "icon" "rocket-launch" "rocket-launch" }}
</span>
<strong>{{ .Get "title" | default (i18n "restricted") }}</strong>
</p>
+19 -19
View File
@@ -5,24 +5,24 @@
{{ end }}
{{ if $feature }}
{{ $subscriptionIcons := dict
"Business" "domain"
"Team" "groups"
"Pro" "person_add"
"Personal" "person"
"Available to all" "public"
"Business" "building-office"
"Team" "user-group"
"Pro" "user-plus"
"Personal" "user"
"Available to all" "globe-alt"
"Docker Hardened Images Enterprise" "/icons/dhi.svg"
"Docker Hardened Images Select or Enterprise" "/icons/dhi.svg"
"Docker Offload" "cloud"
}}
{{ $availabilityIcons := dict
"Experimental" "science"
"Experimental" "beaker"
"Beta" "bolt"
"Early Access" "rocket_launch"
"GA" "check_circle"
"Retired" "package_2"
"Early Access" "rocket-launch"
"GA" "check-circle"
"Retired" "archive-box"
}}
{{ $requiresIcon := "browser_updated" }}
{{ $forIcon := "admin_panel_settings" }}
{{ $requiresIcon := "arrow-down-circle" }}
{{ $forIcon := "shield-check" }}
<div
@@ -33,12 +33,12 @@
<span class="font-bold">Subscription:</span>
{{ range . }}
<span>{{ . }}</span>
<span class="icon-svg">
<span class="icon-svg icon-sm">
{{ $icon := index $subscriptionIcons . }}
{{ if $icon }}
{{ partial "icon" $icon }}
{{ partialCached "icon" $icon $icon }}
{{ else }}
{{ partial "icon" "default_icon" }}
{{ partialCached "icon" "question-mark-circle" "question-mark-circle" }}
{{ end }}
</span>
{{ end }}
@@ -53,7 +53,7 @@
{{ $availabilityText }}
{{ range $key, $icon := $availabilityIcons }}
{{ if in $availabilityText $key }}
<span class="icon-svg">{{ partial "icon" $icon }}</span>
<span class="icon-svg icon-sm">{{ partialCached "icon" $icon $icon }}</span>
{{ end }}
{{ end }}
</span>
@@ -64,8 +64,8 @@
<div class="flex flex-wrap gap-1">
<span class="font-bold">Requires:</span>
<span>{{ . | markdownify }}</span>
<span class="icon-svg">
{{ partial "icon" $requiresIcon }}
<span class="icon-svg icon-sm">
{{ partialCached "icon" $requiresIcon $requiresIcon }}
</span>
</div>
{{ end }}
@@ -75,8 +75,8 @@
<span class="font-bold">For:</span>
<span>{{ . }}</span>
{{ if eq . "Administrators" }}
<span class="icon-svg">
{{ partial "icon" $forIcon }}
<span class="icon-svg icon-sm">
{{ partialCached "icon" $forIcon $forIcon }}
</span>
{{ end }}
</div>
+1 -1
View File
@@ -46,7 +46,7 @@
<!-- Collapse button for small screens -->
<button class="my-4 md:hidden" @click="$store.showSidebar = false">
<span class="icon-svg"
>{{ partialCached "icon" "arrow_left_alt" "arrow_left_alt" }}</span
>{{ partialCached "icon" "arrow-left" "arrow-left" }}</span
>
Back
</button>
+2 -2
View File
@@ -184,7 +184,7 @@
<div x-show="!noFilters()" class="flex flex-col gap-2 pb-8">
<div class="flex items-center gap-2">
<span class="icon-svg icon-sm mb-1"
>{{ partialCached "icon" "filter_alt" "filter_alt" }}</span
>{{ partialCached "icon" "funnel" "funnel" }}</span
>
<p>
Filtered results: showing
@@ -255,7 +255,7 @@
{{- with .Params.time }}
<div class="flex flex-shrink gap-2 whitespace-nowrap">
<span class="icon-svg"
>{{ partialCached "icon" "schedule" "schedule" }}</span
>{{ partialCached "icon" "clock" "clock" }}</span
>
<span>{{ . }}</span>
</div>
+8 -8
View File
@@ -30,10 +30,10 @@
>
<div class="shrink-0 rounded-xl text-blue-500">
<span class="icon-svg group-hover:hidden">
{{ partialCached "icon" "icons/gordon.svg" "icons/gordon.svg" }}
{{ partialCached "icon" "gordon" "gordon" }}
</span>
<span class="icon-svg hidden group-hover:block">
{{ partialCached "icon" "icons/gordon-happy.svg" "icons/gordon-happy.svg" }}
{{ partialCached "icon" "gordon-happy" "gordon-happy" }}
</span>
</div>
<input
@@ -49,7 +49,7 @@
class="shrink-0 rounded-xl bg-blue-500 p-2 text-white transition hover:bg-blue-600 disabled:cursor-not-allowed disabled:bg-gray-300 dark:disabled:bg-gray-700"
>
<span class="icon-svg">
{{ partialCached "icon" "arrow_forward" "arrow_forward" }}
{{ partialCached "icon" "arrow-right" "arrow-right" }}
</span>
</button>
</div>
@@ -80,10 +80,10 @@
<div class="container mx-auto px-4 xl:max-w-[1200px]">
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
{{ range slice
(dict "url" "/get-started/" "icon" "rocket" "title" "Get started" "description" "Learn Docker basics.")
(dict "url" "/guides/" "icon" "menu_book" "title" "Guides" "description" "Optimize your development workflows with Docker.")
(dict "url" "/manuals/" "icon" "description" "title" "Manuals" "description" "Install, set up, configure, and use Docker products.")
(dict "url" "/reference/" "icon" "terminal" "title" "Reference" "description" "Browse the CLI and API documentation.")
(dict "url" "/get-started/" "icon" "rocket-launch" "title" "Get started" "description" "Learn Docker basics.")
(dict "url" "/guides/" "icon" "book-open" "title" "Guides" "description" "Optimize your development workflows with Docker.")
(dict "url" "/manuals/" "icon" "document-text" "title" "Manuals" "description" "Install, set up, configure, and use Docker products.")
(dict "url" "/reference/" "icon" "command-line" "title" "Reference" "description" "Browse the CLI and API documentation.")
}}
<a
href="{{ .url }}"
@@ -146,7 +146,7 @@
<span
class="icon-svg text-gray-400 transition group-hover:translate-x-1 dark:text-gray-500"
>
{{ partialCached "icon" "arrow_forward" "arrow_forward" }}
{{ partialCached "icon" "arrow-right" "arrow-right" }}
</span>
</a>
{{ end }}
+6 -7
View File
@@ -13,10 +13,10 @@
"@alpinejs/focus": "3.15.8",
"@alpinejs/persist": "3.15.8",
"@floating-ui/dom": "1.7.6",
"@material-symbols/svg-400": "0.40.2",
"@tailwindcss/cli": "4.2.1",
"@tailwindcss/typography": "0.5.19",
"alpinejs": "3.15.8",
"heroicons": "2.2.0",
"highlight.js": "11.11.1",
"marked": "17.0.4",
"tailwindcss": "4.2.1"
@@ -120,12 +120,6 @@
"@jridgewell/sourcemap-codec": "^1.4.14"
}
},
"node_modules/@material-symbols/svg-400": {
"version": "0.40.2",
"resolved": "https://registry.npmjs.org/@material-symbols/svg-400/-/svg-400-0.40.2.tgz",
"integrity": "sha512-e2yEgZW/OveVT1sGaZW1kkRWTPVghjsJYWy+vIea3q08Fv2o7FCYv23PESMyr5D4AaAXdM5dKWkF1e6yIm4swA==",
"license": "Apache-2.0"
},
"node_modules/@parcel/watcher": {
"version": "2.5.1",
"resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
@@ -950,6 +944,11 @@
"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
"license": "ISC"
},
"node_modules/heroicons": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/heroicons/-/heroicons-2.2.0.tgz",
"integrity": "sha512-yOwvztmNiBWqR946t+JdgZmyzEmnRMC2nxvHFC90bF1SUttwB6yJKYeme1JeEcBfobdOs827nCyiWBS2z/brog=="
},
"node_modules/highlight.js": {
"version": "11.11.1",
"resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz",
+1 -1
View File
@@ -18,10 +18,10 @@
"@alpinejs/focus": "3.15.8",
"@alpinejs/persist": "3.15.8",
"@floating-ui/dom": "1.7.6",
"@material-symbols/svg-400": "0.40.2",
"@tailwindcss/cli": "4.2.1",
"@tailwindcss/typography": "0.5.19",
"alpinejs": "3.15.8",
"heroicons": "2.2.0",
"highlight.js": "11.11.1",
"marked": "17.0.4",
"tailwindcss": "4.2.1"