diff --git a/assets/css/utilities.css b/assets/css/utilities.css index 3e83fe2a8e59..1fec08720ae5 100644 --- a/assets/css/utilities.css +++ b/assets/css/utilities.css @@ -16,7 +16,6 @@ } } - @utility icon-lg { svg { font-size: 32px; @@ -39,28 +38,6 @@ @apply dark:hue-rotate-180 dark:invert dark:filter; } -@utility bg-pattern-blue { - background-color: rgba(255, 255, 255, 0.5); - background-image: url("/assets/images/bg-pattern-blue.webp"); - background-blend-mode: overlay; - background-size: cover; - background-repeat: no-repeat; - .dark & { - background-color: rgba(0, 0, 0, 0.741); - } -} - -@utility bg-pattern-purple { - background-color: rgba(255, 255, 255, 0.5); - background-image: url("/assets/images/bg-pattern-purple.webp"); - background-blend-mode: overlay; - background-size: cover; - background-repeat: no-repeat; - .dark & { - background-color: rgba(0, 0, 0, 0.741); - } -} - @utility bg-background-toc { background-color: var(--color-navbar-bg); .dark & { @@ -68,17 +45,6 @@ } } -@utility bg-pattern-verde { - background-color: rgba(255, 255, 255, 0.5); - background-image: url("/assets/images/bg-pattern-verde.webp"); - background-blend-mode: overlay; - background-size: cover; - background-repeat: no-repeat; - .dark & { - background-color: rgba(0, 0, 0, 0.741); - } -} - @utility icon-svg { svg { font-size: 24px; @@ -151,8 +117,8 @@ } /* code in `inline code` style */ - :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)), - a>code { + :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)), + a > code { font-size: 0.875em; font-weight: 400 !important; border: 1px solid !important; @@ -263,17 +229,31 @@ font-size: 90%; } +@utility topbar-button { + @apply min-h-10 max-w-40 rounded-md border-1 border-blue-300 bg-(--topnav-button-bg) px-2 text-center font-semibold text-white; + @apply inline-flex items-center justify-center gap-1.5 transition-colors hover:border-blue-300 hover:bg-blue-400; + svg { + font-size: 19px; + } +} +@utility topbar-button-clear { + @apply min-h-9 px-0 text-center font-semibold text-white/95 transition-colors hover:text-white/85; + svg { + font-size: 19px; + } +} + .footer { - @apply hidden md:flex flex-row ml-auto justify-between px-4 pt-6 pb-2 gap-6; - @apply bg-gray-100 dark:bg-gray-900 border-t border-gray-200 dark:border-gray-700; + @apply ml-auto hidden flex-row justify-between gap-6 px-4 pt-6 pb-2 md:flex; + @apply border-t border-gray-200 bg-gray-100 dark:border-gray-700 dark:bg-gray-900; @apply text-gray-600 dark:text-gray-400; - a:hover{ + a:hover { @apply underline underline-offset-4; } } .social { - @apply items-center gap-1 flex-wrap min-w-20 flex; + @apply flex min-w-20 flex-wrap items-center gap-1; } .links { @@ -281,27 +261,29 @@ } .links a { - @apply inline-flex whitespace-normal truncate min-w-15; + @apply inline-flex min-w-15 truncate whitespace-normal; } .secondaryLinks { - @apply flex items-center; - a, button{ + @apply flex items-center; + a, + button { @apply whitespace-normal md:truncate; } } .secondaryLinks > *:not(:last-child)::after { content: "|"; - @apply text-gray-400 mx-1; + @apply mx-1 text-gray-400; } .ot-sdk-show-settings { - @apply !text-gray-600 dark:!text-gray-400 hover:!text-gray-800 dark:hover:!text-gray-200; - @apply !text-sm !border-none !p-0 !m-0 !truncate !min-w-15; + @apply !text-gray-600 hover:!text-gray-800 dark:!text-gray-400 dark:hover:!text-gray-200; + @apply !m-0 !min-w-15 !truncate !border-none !p-0 !text-sm; } -#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover{ - @apply hover:!bg-transparent !text-gray-600 dark:!text-gray-400 underline underline-offset-4 decoration-1; +#ot-sdk-btn.ot-sdk-show-settings:hover, +#ot-sdk-btn.optanon-show-settings:hover { + @apply !text-gray-600 underline decoration-1 underline-offset-4 hover:!bg-transparent dark:!text-gray-400; } @keyframes reflection { diff --git a/assets/js/src/alpine.js b/assets/js/src/alpine.js index 7249a31def29..c314dc641cd9 100644 --- a/assets/js/src/alpine.js +++ b/assets/js/src/alpine.js @@ -92,12 +92,16 @@ Alpine.store("showSidebar", false) Alpine.store('gordon', { isOpen: false, query: '', + autoSubmit: false, toggle() { this.isOpen = !this.isOpen }, - open(query) { + open(query, autoSubmit = false) { this.isOpen = true - if (query) this.query = query + if (query) { + this.query = query + this.autoSubmit = autoSubmit + } }, close() { this.isOpen = false diff --git a/content/_index.md b/content/_index.md index 7a0c54f69a1d..7de643bad9a0 100644 --- a/content/_index.md +++ b/content/_index.md @@ -2,170 +2,4 @@ title: Home description: Docker Documentation is the official Docker library of resources, manuals, and guides to help you containerize applications. keywords: Docker, documentation, manual, guide, reference, api, samples -grid: - - title: Docker Desktop - icon: computer - description: | - Manage containers, applications, and images directly from your machine. - links: - - text: "Overview" - url: "/desktop/" - - text: "Explore Docker Desktop" - url: "/desktop/use-desktop/" - - text: "Release notes" - url: "/desktop/release-notes/" - - title: Docker Hardened Images - icon: /icons/dhi.svg - description: | - Secure, minimal images for trusted software delivery. - links: - - text: "Overview" - url: "/dhi/" - - text: "Quickstart" - url: "/dhi/get-started/" - - text: "Use an image" - url: "/dhi/how-to/use/" - - title: Docker MCP Catalog and Toolkit - icon: /icons/toolkit.svg - description: | - Augment your AI workflows with MCP servers. - links: - - text: "Overview" - url: "/ai/mcp-catalog-and-toolkit/" - - text: "Quickstart" - url: "/ai/mcp-catalog-and-toolkit/get-started/" - - text: "Explore the MCP Toolkit" - url: "/ai/mcp-catalog-and-toolkit/toolkit/" - - title: Docker Engine - icon: developer_board - description: | - The definitive open source container client and runtime. - links: - - text: "Overview" - url: "/engine/" - - text: "Install" - url: "/engine/install/" - - text: "Release notes" - url: "/engine/release-notes/" - - title: Docker Build - icon: build - description: | - Package, test, and ship your applications. - links: - - text: "Overview" - url: "/build/" - - text: "Packaging your software" - url: "/build/building/packaging/" - - text: "Release notes" - url: "https://github.com/docker/buildx/releases" - - title: Docker Build Cloud - icon: cloud - description: | - Run your builds in the cloud. - links: - - text: "Overview" - url: "/build-cloud/" - - text: "Setup" - url: "/build-cloud/setup/" - - text: "Release notes" - url: "/build-cloud/release-notes/" - - title: Docker Compose - icon: polyline - description: | - Define and run multi-container applications with Docker. - links: - - text: "Overview" - url: "/compose/" - - text: "Try Docker Compose" - url: "/compose/gettingstarted/" - - text: "Release notes" - url: "https://github.com/docker/compose/releases" - - title: Docker Hub - icon: device_hub - description: | - Find and share container images and other artifacts. - links: - - text: "Overview" - url: "/docker-hub/" - - text: "Create an account" - url: "/accounts/create-account/" - - text: "Create a repository" - url: "/docker-hub/repos/create/" - - title: Docker Scout - icon: query_stats - description: | - Strengthen your software supply chain with Docker Scout. - links: - - text: "Overview" - url: "/scout/" - - text: "Quickstart" - url: "/scout/quickstart/" - - text: "Image analysis" - url: "/scout/image-analysis/" - - title: Subscription - icon: card_membership - description: | - Licensing for commercial use of Docker components. - links: - - text: "Overview" - url: "/subscription/" - - text: "Subscriptions and features" - url: "https://www.docker.com/pricing/" - - text: "Change subscription" - url: "/subscription/change/" - - title: Billing - icon: payments - description: | - Manage your billing and payment settings for your subscription. - links: - - text: "Overview" - url: "/billing/" - - text: "Update payment method" - url: "/billing/payment-method/" - - text: "View billing history" - url: "/billing/history/" - - title: Administration - icon: admin_panel_settings - description: | - Manage company and organization users, permissions, and more. - links: - - text: "Overview" - url: "/admin/company/" - - text: "Organization administration" - url: "/admin/organization/" - - text: "Company administration" - url: "/admin/company/" - - title: Security - icon: shield - description: | - Security guardrails for both administrators and developers. - links: - - text: "Overview" - url: "/security/" - - text: "SSO" - url: "/security/for-admins/single-sign-on/" - - text: "SCIM" - url: "/security/for-admins/provisioning/scim/" - - title: Testcontainers Cloud - icon: cloud - description: | - Testcontainers Cloud lets you run heavy test workloads remotely. - links: - - text: "Overview" - url: "https://testcontainers.com/cloud/docs/" - - text: "Getting started" - url: "https://testcontainers.com/cloud/docs/#getting-started" - - text: "TCC for CI" - url: "https://testcontainers.com/cloud/docs/#tcc-for-ci" - - title: Docker Offload - icon: cloud - description: | - Build and run containers in the cloud. - links: - - text: "Overview" - url: "/offload/" - - text: "Quickstart" - url: "/offload/quickstart/" - - text: "About Docker Offload" - url: "/offload/about/" --- diff --git a/layouts/index.html b/layouts/index.html index 2acc06748c39..6ce9c473d73b 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,249 +1,163 @@ + + {{ partial "head.html" . }} + - - {{ partial "head.html" . }} - + + {{ partial "header.html" . }} + {{ partial "gordon-chat.html" . }} +
+ +
+ +
+
+

+ How can we help? +

- -
- - - - -
- {{ partial "header.html" . }} - {{ partial "gordon-chat.html" . }} -
-
-
+ Ask anything about Docker and get instant answers. +

- if (platform.includes('mac') || platform.includes('darwin')) { - this.os = 'mac'; - // Default to Apple Silicon (arm64) as it's now the standard - // Modern browsers on Apple Silicon report MacIntel for compatibility - this.arch = 'arm64'; - } else if (platform.includes('win')) { - this.os = 'windows'; - // Default to x86_64 - Windows ARM is rare and detection is unreliable - this.arch = 'amd64'; - } else if (platform.includes('linux')) { - this.os = 'linux'; - } - }, - getDownloadUrl(os, arch = 'amd64') { - const baseUtm = 'utm_source=docker&utm_medium=webreferral'; - const urls = { - 'mac-arm64': `https://desktop.docker.com/mac/main/arm64/Docker.dmg?${baseUtm}&utm_campaign=docs-driven-download-mac-arm64`, - 'mac-amd64': `https://desktop.docker.com/mac/main/amd64/Docker.dmg?${baseUtm}&utm_campaign=docs-driven-download-mac-amd64`, - 'windows-arm64': `https://desktop.docker.com/win/main/arm64/Docker%20Desktop%20Installer.exe?${baseUtm}&utm_campaign=docs-driven-download-win-arm64`, - 'windows-amd64': `https://desktop.docker.com/win/main/amd64/Docker%20Desktop%20Installer.exe?${baseUtm}&utm_campaign=docs-driven-download-win-amd64`, - 'linux': '/desktop/linux/install/' - }; - return urls[os === 'linux' ? 'linux' : `${os}-${arch}`] || '/desktop/setup/install/linux/'; - }, - getOsLabel(os, arch = 'amd64') { - const labels = { - 'mac-arm64': 'Docker Desktop for Mac (Apple Silicon)', - 'mac-amd64': 'Docker Desktop for Mac (Intel)', - 'windows-arm64': 'Docker Desktop for Windows (ARM)', - 'windows-amd64': 'Docker Desktop for Windows', - 'linux': 'Docker Desktop for Linux' - }; - return labels[os === 'linux' ? 'linux' : `${os}-${arch}`] || 'Docker Desktop'; - } - }" - @click.outside="open = false"> -
-
- - {{ partial "icon" "play_circle" }} -

Get Docker

-
-

- Download Docker Desktop for your platform or - view getting started guides. -

-
-
-
- - {{ partial "icon" "download" }} - Download Docker Desktop - - -
-
- - Docker Desktop for Mac (Apple Silicon) - - - Docker Desktop for Mac (Intel) - - - Docker Desktop for Windows - - - Docker Desktop for Windows (ARM) - - - Docker Desktop for Linux - -
-
-
-
-
-
-
-
-

Docker Hardened Images, now free to use

-
-

- Minimal, hardened base images with full transparency: - signed SBOMs, SLSA Level 3 provenance, and complete CVE - data. -

- - Get started for free - -
-
-
+ +
+
+
+ + {{ partial "icon" "icons/sparkle.svg" }} + +
+ + +
+
-
-
- + +
+ {{ range slice + "How do I get started with Docker?" + "What is a container?" + "How do I write a Dockerfile?" + "Why should I use Docker Compose?" + "Migrate from Wolfi to DHI" + }} + + {{ end }} +
+
+
-
- -
-
- - {{ partial "icon" "developer_guide" }} - -
-
Guides
-
-
-
- Learn how Docker can optimize your development workflows. -
-
- -
- -
- -
-
- - {{ partial "icon" "description" }} - -
-
Manuals
-
-
-
- Learn how to install, set up, configure, and use Docker - products. -
-
- -
- -
- -
-
- - {{ partial "icon" "terminal" }} - -
-
Reference
-
-
-
- Browse the CLI and API documentation. -
-
- -
- - - -
-
-
-

Community resources

-

- Find fellow Docker enthusiasts, engage in insightful discussions, - share knowledge, and collaborate on projects. Our communities - offer a rich online experience for developers to create valuable - connections that challenge and inspire! -

-
- - Visit Docker Forum - - - Join Docker Slack - - - Find your Docker Captain - -
-
-
- -
-
- - + +
+
+
+ {{ 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.") + }} + +
+
+ + {{ partialCached "icon" .icon .icon }} + +
+
+

+ {{ .title }} +

+

+ {{ .description }} +

+
+
+ + {{ end }} +
+
+
+ +
+
+

+ Popular topics +

+
+ {{ range slice + (dict "url" "/desktop/" "title" "Docker Desktop overview") + (dict "url" "/engine/install/" "title" "Install Docker Engine") + (dict "url" "/reference/dockerfile/" "title" "Dockerfile reference") + (dict "url" "/compose/" "title" "Docker Compose overview") + (dict "url" "/build/" "title" "Docker Build overview") + (dict "url" "/docker-hub/quickstart/" "title" "Docker Hub quickstart") + }} + + {{ .title }} + + {{ partialCached "icon" "arrow_forward" "arrow_forward" }} + + + {{ end }} +
+
+
+ + + diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 8e72301b2e91..dd0b7ff72ab5 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,5 +1,7 @@ -
-
+ diff --git a/layouts/partials/gordon-chat.html b/layouts/partials/gordon-chat.html index 9efd1fd13fa1..45e3651cf8da 100644 --- a/layouts/partials/gordon-chat.html +++ b/layouts/partials/gordon-chat.html @@ -35,12 +35,18 @@ this.$watch('$store.gordon.query', (query) => { if (query) { this.currentQuestion = query + const shouldAutoSubmit = this.$store.gordon.autoSubmit this.$nextTick(() => { - this.$refs.input?.focus() - this.$refs.input?.select() + if (shouldAutoSubmit) { + this.askQuestion() + } else { + this.$refs.input?.focus() + this.$refs.input?.select() + } }) - // Clear the store query after using it + // Clear the store query and autoSubmit flag after using them this.$store.gordon.query = '' + this.$store.gordon.autoSubmit = false } }) }, diff --git a/static/assets/images/bg-pattern-blue.webp b/static/assets/images/bg-pattern-blue.webp deleted file mode 100644 index ece37ea0fd89..000000000000 Binary files a/static/assets/images/bg-pattern-blue.webp and /dev/null differ diff --git a/static/assets/images/bg-pattern-purple.webp b/static/assets/images/bg-pattern-purple.webp deleted file mode 100644 index fb612ac239b4..000000000000 Binary files a/static/assets/images/bg-pattern-purple.webp and /dev/null differ diff --git a/static/assets/images/bg-pattern-verde.webp b/static/assets/images/bg-pattern-verde.webp deleted file mode 100644 index 3cce3982e3ad..000000000000 Binary files a/static/assets/images/bg-pattern-verde.webp and /dev/null differ diff --git a/static/assets/images/dot-pattern.svg b/static/assets/images/dot-pattern.svg new file mode 100644 index 000000000000..9d112c355e9e --- /dev/null +++ b/static/assets/images/dot-pattern.svg @@ -0,0 +1,2669 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +