diff --git a/assets/css/global.css b/assets/css/global.css index d9276ba8af..c81271073c 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -35,4 +35,34 @@ .sidebar-underline { @apply underline decoration-blue-light decoration-4 underline-offset-4 dark:decoration-blue-dark; } + + .bg-pattern-blue-light { + background: linear-gradient(to right, theme(colors.white / 50%), theme(colors.white / 70%)), url('/assets/images/bg-pattern-blue.webp'); + @apply bg-no-repeat bg-cover; + } + + .bg-pattern-purple-light { + background: linear-gradient(to right, theme(colors.white / 50%), theme(colors.white / 70%)), url('/assets/images/bg-pattern-purple.webp'); + @apply bg-no-repeat bg-cover; + } + + .bg-pattern-verde-light { + background: linear-gradient(to right, theme(colors.white / 50%), theme(colors.white / 70%)), url('/assets/images/bg-pattern-verde.webp'); + @apply bg-no-repeat bg-cover; + } + + .bg-pattern-blue-dark { + background: linear-gradient(to right, theme(colors.black / 70%), theme(colors.black / 70%)), url('/assets/images/bg-pattern-blue.webp'); + @apply bg-no-repeat bg-cover; + } + + .bg-pattern-purple-dark { + background: linear-gradient(to right, theme(colors.black / 70%), theme(colors.black / 70%)), url('/assets/images/bg-pattern-purple.webp'); + @apply bg-no-repeat bg-cover; + } + + .bg-pattern-verde-dark { + background: linear-gradient(to right, theme(colors.black / 70%), theme(colors.black / 70%)), url('/assets/images/bg-pattern-verde.webp'); + @apply bg-no-repeat bg-cover; + } } diff --git a/assets/images/FacebookCircle.svg b/assets/images/FacebookCircle.svg new file mode 100644 index 0000000000..d6ad69f938 --- /dev/null +++ b/assets/images/FacebookCircle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/InstagramCircle.svg b/assets/images/InstagramCircle.svg new file mode 100644 index 0000000000..7021c0c0f5 --- /dev/null +++ b/assets/images/InstagramCircle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/LinkedinCircle.svg b/assets/images/LinkedinCircle.svg new file mode 100644 index 0000000000..a1d860f7f5 --- /dev/null +++ b/assets/images/LinkedinCircle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/TwitterCircle.svg b/assets/images/TwitterCircle.svg new file mode 100644 index 0000000000..637fefcdc8 --- /dev/null +++ b/assets/images/TwitterCircle.svg @@ -0,0 +1 @@ + diff --git a/assets/images/YoutubeCircle.svg b/assets/images/YoutubeCircle.svg new file mode 100644 index 0000000000..23678de57f --- /dev/null +++ b/assets/images/YoutubeCircle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/banner.webp b/assets/images/banner.webp deleted file mode 100644 index 0afa7b119b..0000000000 Binary files a/assets/images/banner.webp and /dev/null differ diff --git a/assets/images/build-cloud-light.svg b/assets/images/build-cloud-light.svg new file mode 100644 index 0000000000..9a12d475ca --- /dev/null +++ b/assets/images/build-cloud-light.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/content/_index.md b/content/_index.md index e0619a53cd..a825536df0 100644 --- a/content/_index.md +++ b/content/_index.md @@ -3,41 +3,125 @@ title: Home description: Home page for Docker's documentation keywords: Docker, documentation, manual, guide, reference, api, samples grid: -- title: Get started - image: - dark: /assets/images/rocket-dark.svg - light: /assets/images/rocket.svg - link: /guides/get-started/ - description: Learn Docker basics and the benefits of containerizing your applications. -- title: Download and install - image: - dark: /assets/images/download-docker-dark.svg - light: /assets/images/download-docker.svg - link: /get-docker/ - description: Download and install Docker on your machine in a few easy steps. -- title: Guides - image: - dark: /assets/images/guides-dark.svg - light: /assets/images/guides.svg - link: /get-started/overview/ - description: Learn how to set up your Docker environment and start containerizing - your applications. -- title: Language-specific guides - image: - dark: /assets/images/language-guides-dark.svg - light: /assets/images/language-guides.svg - link: /language/ - description: Learn how to use Docker with your favorite programming language. -- title: Manuals - image: - dark: /assets/images/manuals-dark.svg - light: /assets/images/manuals.svg - link: /manuals/ - description: Browse the manuals and learn how to use Docker products. -- title: Reference - image: - dark: /assets/images/reference-dark.svg - light: /assets/images/reference.svg - link: /reference/ - description: Browse the CLI and API reference documentation. + - 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 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: "/build/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: "/compose/release-notes/" + - 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: "/docker-id/" + - 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: Trusted content + icon: verified + description: | + High-quality, secure images from Docker and verified partners. + links: + - text: "Overview" + url: "/trusted-content/" + - text: "Official images" + url: "/trusted-content/official-images/" + - text: "Verified publisher program" + url: "/trusted-content/dvp-program/" + - title: Subscription + icon: card_membership + description: | + Licensing for commercial use of Docker components. + links: + - text: "Overview" + url: "/subscription/" + - text: "Subscriptions and features" + url: "/subscription/details/" + - text: "Upgrade" + url: "/subscription/upgrade/" + - 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/scim/" --- diff --git a/layouts/index.html b/layouts/index.html index 5c16eef8bc..c97a78ef5e 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,591 +1,284 @@ - + {{ partial "head.html" . }} - + +
+ + + + +
{{ partial "header.html" . }} -
- -
-
-

- What can we help you find? -

+
+
+
+
+
+ + {{ partial "icon" "play_circle" }} +

Get Docker

+
+

+ Learn how to install Docker for Mac, Windows, or Linux and explore + our developer tools. +

+ + {{ partial "icon" "download"}} + Get Docker + +
+
+ + +
- - -
- {{ $banner := resources.Get "images/banner.webp" }} -
-
- {{ $dbcLogo := resources.Get "images/build-cloud-white.svg" }} - -
-

- Docker Build Cloud is a next-generation build service that - accelerates your builds using remote builders with - end-to-end encryption, a shared build cache for teams, and - native multi-platform builds. Get started today for free. -

-
- Dashboard - Docs -
-
-
-
-
-
- -
- -
-
-
- - - - - -
-
+
+
-
- + +
+
+
+
+

Getting started

+

+ Learn Docker basics and the benefits of containerizing your + applications. +

-
-
- -

Docker Engine

-
-
-

Getting started with Docker Engine

-

Take a walkthrough that covers writing your first app, data storage, networking, and swarms, and ends - with your app running on production servers in the cloud.

- Learn Docker -
- + -
-
- -

Docker Build

+
+
+ + +
+
+
+
+
+
+

Featured

+

+ Accelerate your builds with cloud capabilities. +

+

+ End-to-end encryption, a shared build cache for teams, and + native multi-platform builds. Get started today for free. +

-
-

Getting started with Docker Build

-

Take a walkthrough that covers writing your first app, data storage, networking, and swarms, and ends - with your app running on production servers in the cloud.

- Learn Docker -
- -
-
-
- -

Docker Compose

-
-
-

Getting started with Docker Compose

-

Take a walkthrough that covers writing your first app, data storage, networking, and swarms, and ends - with your app running on production servers in the cloud.

- Learn Docker -
- -
-
-
- -

Docker Hub

-
-
-

Getting started with Docker Hub

-

Take a walkthrough that covers writing your first app, data storage, networking, and swarms, and ends - with your app running on production servers in the cloud.

- Learn Docker -
-
-

Popular articles

- +
+ Dashboard + Docs +
+ {{ $dbcLogoWhite := resources.Get "images/build-cloud-white.svg" }} + {{ $dbcLogoLight := resources.Get "images/build-cloud-light.svg" }} + + +
-
- -
-

Play with Docker

-
-
- + +
+

Browse by section

+
-
{{ partial "footer.html" . }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index fc19b48a6d..978f5854e3 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,126 +1,49 @@ -
-
- {{ range site.Menus.footer }} -
- -
- {{ end }} -
-
- -
-
-
-

- Copyright © 2013-{{ now.Format "2006" }} Docker Inc. All rights - reserved. -

- {{ with site.Params.analytics.onetrust }} - - {{ end }} + diff --git a/static/assets/images/app-wf-dark-1.svg b/static/assets/images/app-wf-dark-1.svg new file mode 100644 index 0000000000..d7fa9b3f24 --- /dev/null +++ b/static/assets/images/app-wf-dark-1.svg @@ -0,0 +1,11 @@ + + + + + + + + + diff --git a/static/assets/images/app-wf-dark-2.svg b/static/assets/images/app-wf-dark-2.svg new file mode 100644 index 0000000000..fb04250698 --- /dev/null +++ b/static/assets/images/app-wf-dark-2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/static/assets/images/app-wf-light-1.svg b/static/assets/images/app-wf-light-1.svg new file mode 100644 index 0000000000..07c366653c --- /dev/null +++ b/static/assets/images/app-wf-light-1.svg @@ -0,0 +1,11 @@ + + + + + + + + + diff --git a/static/assets/images/app-wf-light-2.svg b/static/assets/images/app-wf-light-2.svg new file mode 100644 index 0000000000..c4eb3adf48 --- /dev/null +++ b/static/assets/images/app-wf-light-2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/static/assets/images/bg-pattern-blue.webp b/static/assets/images/bg-pattern-blue.webp new file mode 100644 index 0000000000..ece37ea0fd Binary files /dev/null and b/static/assets/images/bg-pattern-blue.webp differ diff --git a/static/assets/images/bg-pattern-purple.webp b/static/assets/images/bg-pattern-purple.webp new file mode 100644 index 0000000000..fb612ac239 Binary files /dev/null and b/static/assets/images/bg-pattern-purple.webp differ diff --git a/static/assets/images/bg-pattern-verde.webp b/static/assets/images/bg-pattern-verde.webp new file mode 100644 index 0000000000..3cce3982e3 Binary files /dev/null and b/static/assets/images/bg-pattern-verde.webp differ diff --git a/static/assets/images/scout-logo-dark.svg b/static/assets/images/scout-logo-dark.svg new file mode 100644 index 0000000000..58191c9726 --- /dev/null +++ b/static/assets/images/scout-logo-dark.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/static/assets/images/scout-logo-light.svg b/static/assets/images/scout-logo-light.svg new file mode 100644 index 0000000000..a6f7a87060 --- /dev/null +++ b/static/assets/images/scout-logo-light.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + +