mirror of https://github.com/docker/docs.git
site: redesign landing page
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson
parent
b93bd492a6
commit
595dfde3b3
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.54 24c5.948-.736 10.552-5.807 10.552-11.954C24.092 5.393 18.699 0 12.046 0S0 5.393 0 12.046c0 5.842 4.158 10.712 9.677 11.813v-8.374H6.538v-3.573h3.139V9.188c0-3.098 1.845-4.81 4.669-4.81 1.352 0 2.767.242 2.767.242v3.042h-1.559c-1.536 0-2.014.953-2.014 1.93v2.32h3.428l-.548 3.573h-2.88V24Z"/></svg>
|
||||
|
After Width: | Height: | Size: 413 B |
|
|
@ -0,0 +1 @@
|
|||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12ZM6.984 4.774c.485-.19 1.04-.32 1.853-.359.814-.039 1.074-.048 3.148-.052 2.075-.004 2.335.004 3.15.04.812.035 1.368.164 1.853.352.503.193.93.454 1.355.878.425.424.687.849.883 1.35.19.486.32 1.041.359 1.854.038.815.048 1.074.052 3.148.004 2.074-.005 2.335-.04 3.15-.036.812-.164 1.368-.352 1.854a3.737 3.737 0 0 1-.878 1.354 3.746 3.746 0 0 1-1.35.884c-.486.19-1.04.32-1.853.358-.815.039-1.075.048-3.15.052-2.073.004-2.333-.004-3.148-.04-.813-.036-1.369-.163-1.854-.351a3.746 3.746 0 0 1-1.355-.878 3.74 3.74 0 0 1-.883-1.352c-.19-.485-.32-1.04-.359-1.852-.039-.815-.048-1.075-.052-3.15-.004-2.073.004-2.333.04-3.148.036-.813.163-1.368.351-1.855.195-.502.455-.929.879-1.354a3.736 3.736 0 0 1 1.35-.883Zm.523 13.189c.27.103.674.227 1.419.26.806.034 1.047.042 3.086.038 2.04-.004 2.28-.012 3.086-.05.744-.036 1.148-.16 1.417-.266.357-.14.61-.306.877-.573.267-.268.432-.522.57-.879.104-.27.228-.674.26-1.419.035-.805.043-1.047.039-3.086-.004-2.039-.012-2.28-.05-3.086-.036-.744-.16-1.149-.266-1.417a2.366 2.366 0 0 0-.573-.878 2.364 2.364 0 0 0-.88-.57c-.269-.103-.674-.227-1.418-.26-.805-.034-1.047-.042-3.086-.038-2.04.004-2.28.012-3.086.05-.744.036-1.148.16-1.417.266a2.38 2.38 0 0 0-.878.573 2.37 2.37 0 0 0-.57.88c-.103.269-.227.674-.26 1.418-.034.805-.042 1.047-.038 3.086.004 2.04.013 2.28.05 3.086.035.744.161 1.148.266 1.418.14.356.305.61.573.877.268.266.522.431.88.57Zm8.563-9.131a.917.917 0 1 1-.003-1.833.917.917 0 0 1 .003 1.833Zm-4.063 7.09a3.921 3.921 0 1 1-.015-7.843 3.921 3.921 0 0 1 .015 7.842Zm-.012-6.468a2.546 2.546 0 1 0 .01 5.092 2.546 2.546 0 0 0-.01-5.092Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12ZM8.176 9.66H5.174v9.035h3.002V9.66Zm-3.18-2.795c0-.885.671-1.56 1.699-1.56 1.027 0 1.66.675 1.679 1.56 0 .867-.652 1.562-1.7 1.562h-.018c-1.008 0-1.66-.695-1.66-1.562Zm7.845 4.074c.398-.614 1.112-1.49 2.706-1.49 1.976 0 3.457 1.29 3.457 4.065v5.18h-3.002v-4.833c0-1.214-.435-2.043-1.522-2.043-.829 0-1.323.559-1.54 1.098-.08.194-.099.463-.099.733v5.046H9.838s.04-8.187 0-9.035h3.003v1.28Z"/></svg>
|
||||
|
After Width: | Height: | Size: 578 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 29"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M14.62 13.41l-3.3-4.62H9.56l4.09 5.72.51.72 3.51 4.91h1.76l-4.29-6.01-.52-.72z"/><path class="cls-1" d="M14.5 0A14.5 14.5 0 1029 14.5 14.5 14.5 0 0014.5 0zm2.63 20.94l-3.55-5.05-4.43 5.05H8l5.07-5.77L8 7.94h3.87l3.36 4.78 4.2-4.78h1.15l-4.84 5.51L21 20.94z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 431 B |
|
|
@ -0,0 +1 @@
|
|||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm7.543-15.79a1.971 1.971 0 0 0-1.392-1.39C16.923 6.49 12 6.49 12 6.49s-4.924 0-6.152.33a1.972 1.972 0 0 0-1.391 1.39c-.33 1.229-.33 3.79-.33 3.79s0 2.562.33 3.79c.18.677.714 1.21 1.391 1.391 1.228.329 6.151.329 6.151.329s4.923 0 6.15-.329a1.972 1.972 0 0 0 1.393-1.392c.329-1.227.329-3.789.329-3.789s0-2.561-.33-3.79Zm-9.117 6.151L14.516 12l-4.09-2.361v4.722Z"/></svg>
|
||||
|
After Width: | Height: | Size: 549 B |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 12 KiB |
|
|
@ -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/"
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,591 +1,284 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
{{ partial "head.html" . }}
|
||||
</head>
|
||||
|
||||
<body
|
||||
class="flex h-max flex-col divide-y divide-divider-light bg-background-light text-base dark:divide-divider-dark dark:bg-background-dark dark:text-white">
|
||||
<body class="flex h-max flex-col bg-background-light text-base dark:bg-background-dark dark:text-white">
|
||||
<div class="absolute -z-10 w-full">
|
||||
<svg class="dark:hidden" viewBox="0 0 1616 797" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1066.69 797L0 136.789V0H1616V488.038L1066.69 797Z" fill="#EFEFF2" />
|
||||
</svg>
|
||||
<svg class="hidden dark:block" viewBox="0 0 1616 797" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1066.69 797L0 136.789V0H1616V488.038L1066.69 797Z" fill="#080B0E" fill-opacity="0.3" />
|
||||
</svg>
|
||||
</div>
|
||||
{{ partial "header.html" . }}
|
||||
<main class="flex w-full min-h-screen flex-col gap-4 items-stretch self-center">
|
||||
<div id="sidebar"
|
||||
class="hidden z-10 top-16 h-full md:fixed md:w-screen md:hidden bg-gray-light-100 dark:bg-gray-dark-100">
|
||||
{{ partial "sidebar.html" . }}
|
||||
</div>
|
||||
<div class="flex w-[1200px] flex-col gap-4 items-stretch self-center py-6 lg:w-full">
|
||||
<div class="flex flex-col items-center p-6">
|
||||
<h1 class="py-2 text-center text-3xl md:text-2xl">
|
||||
What can we help you find?
|
||||
</h1>
|
||||
<main class="flex min-h-screen w-full flex-col items-stretch self-center">
|
||||
<div class="flex w-[1200px] flex-col items-stretch gap-20 self-center py-20 lg:w-full lg:px-4">
|
||||
<div class="bg-pattern-blue-light dark:bg-pattern-blue-dark relative overflow-hidden rounded drop-shadow">
|
||||
<div class="flex h-full flex-col items-start justify-between gap-4 p-8">
|
||||
<div class="flex items-center gap-6">
|
||||
<span class="icon-svg text-violet-light dark:text-violet-dark">
|
||||
{{ partial "icon" "play_circle" }}</span>
|
||||
<h1 class="text-2xl">Get Docker</h1>
|
||||
</div>
|
||||
<p>
|
||||
Learn how to install Docker for Mac, Windows, or Linux and explore
|
||||
our developer tools.
|
||||
</p>
|
||||
<a href="/get-docker/"
|
||||
class="mt-20 flex cursor-pointer items-center gap-2 rounded bg-blue-light p-2 px-4 text-white transition duration-300 hover:bg-blue-light-400 dark:bg-blue-dark-400 dark:hover:bg-blue-dark">
|
||||
<span class="icon-svg">{{ partial "icon" "download"}}</span>
|
||||
Get Docker
|
||||
</a>
|
||||
</div>
|
||||
<div class="absolute bottom-0 right-0 origin-bottom-right md:scale-50">
|
||||
<img class="dark:hidden" src="/assets/images/app-wf-light-1.svg" />
|
||||
<img class="hidden dark:block" src="/assets/images/app-wf-dark-1.svg" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-3 gap-4 p-6 sm:flex sm:flex-col xl:grid-cols-2">
|
||||
{{ range .Params.grid }}
|
||||
<div>
|
||||
<a class="h-full" href="{{ .link }}">
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
<div class="flex items-center gap-4">
|
||||
<img class="hidden w-[64px] dark:block" src="{{ .image.dark }}" />
|
||||
<img class="w-[64px] dark:hidden" src="{{ .image.light }}" />
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
{{ .title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
{{ .description | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="mx-6 text-white border border-blue-light dark:border-blue-dark">
|
||||
{{ $banner := resources.Get "images/banner.webp" }}
|
||||
<div class="bg-cover" style="background-image: url('{{ $banner.Permalink }}')">
|
||||
<div class="grid p-12 gap-8 grid-cols-2 sm:grid-cols-1 items-center">
|
||||
{{ $dbcLogo := resources.Get "images/build-cloud-white.svg" }}
|
||||
<img class="w-full" src="{{ $dbcLogo.Permalink }}" />
|
||||
<div class="flex flex-col gap-4 text-base">
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<div class="flex gap-4">
|
||||
<a href="https://build.docker.com/"
|
||||
class="transition cursor-pointer duration-300 py-2 px-4 rounded bg-blue-dark hover:bg-blue-light-600 text-white">Dashboard</a>
|
||||
<a href="/build/cloud/"
|
||||
class="transition cursor-pointer duration-300 py-2 px-4 rounded bg-blue-dark hover:bg-blue-light-600 text-white">Docs</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex mx-auto w-[1200px] flex-col gap-4 p-6 lg:w-full">
|
||||
<div class="grid grid-cols-3 gap-4 sm:flex sm:flex-col xl:grid-cols-2">
|
||||
<div class="col-start-1 col-end-3 bg-white p-6 dark:bg-gray-dark-200">
|
||||
<div x-data="{ selected: 'explore' }" aria-role="tabpanel">
|
||||
<div aria-role="tablist" class="space-x-2">
|
||||
<button class="p-1" :class="selected === 'explore' &&
|
||||
'border-blue-light-500 border-b-4 dark:border-b-blue-dark-600'" @click="selected = 'explore'">
|
||||
Explore Docker
|
||||
</button>
|
||||
<button class="p-1" :class="selected === 'faq' &&
|
||||
'border-blue-light-500 border-b-4 dark:border-b-blue-dark-600'" @click="selected = 'faq'">
|
||||
Browse FAQs
|
||||
</button>
|
||||
<button class="p-1" :class="selected === 'support' &&
|
||||
'border-blue-light-500 border-b-4 dark:border-b-blue-dark-600'" @click="selected = 'support'">
|
||||
Get support
|
||||
</button>
|
||||
</div>
|
||||
<hr />
|
||||
<div>
|
||||
<div class="flex justify-items-center py-4 sm:flex-col" aria-role="tab"
|
||||
:class="selected !== 'explore' && 'hidden'">
|
||||
<ul class="w-full space-y-3">
|
||||
<li>
|
||||
<a class="link" href="/engine/reference/builder/">Write a Dockerfile</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/network/">Manage container networking</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/compose/compose-file/">Write a Docker Compose file</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/storage/">Work with volumes and mounts</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/get-started/04_sharing_app/">Share images on Docker Hub</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="w-full space-y-3">
|
||||
<li>
|
||||
<a class="link" href="/config/daemon/">Configure the Docker daemon</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/get-started/02_our_app/">Build and run an image</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/config/labels-custom-metadata/">Manage Docker objects</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/build/building/multi-stage/">Multi-stage builds</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex justify-items-center py-4 sm:flex-col" aria-role="tab"
|
||||
:class="selected !== 'faq' && 'hidden'">
|
||||
<div class="w-full">
|
||||
<h2 class="text-lg mb-2">Common FAQs</h6>
|
||||
<ul class="space-y-3">
|
||||
<li>
|
||||
<a class="link" href="https://github.com/docker/awesome-compose" target="_blank"
|
||||
rel="noopener">Where can I find example Compose files?</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link"
|
||||
href="/desktop/faqs/general/#how-do-i-connect-from-a-container-to-a-service-on-the-host">How
|
||||
do I connect from a container to a service?</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/get-started/04_sharing_app/">How do I share images on Docker Hub?</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<h2 class="text-lg mb-2">Products</h6>
|
||||
<ul class="space-y-3">
|
||||
<li>
|
||||
<a class="link" href="/desktop/faqs/general/">Docker Desktop</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/desktop/faqs/macfaqs/" class="link">Docker Desktop for Mac</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/desktop/faqs/windowsfaqs/">Docker Desktop for Windows</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/desktop/faqs/linuxfaqs/">Docker Desktop for Linux</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/faq/security/single-sign-on/faqs/">Docker Single Sign-on</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex" aria-role="tab" :class="selected !== 'support' && 'hidden'">
|
||||
<div class="w-full">
|
||||
<ul class="py-4 space-y-3">
|
||||
<li>
|
||||
<a class="link" href="/support/">Get support</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="https://dockercommunity.slack.com/" target="_blank" rel="noopener">Docker
|
||||
community Slack</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="https://docker.com/company/contact/" target="_blank" rel="noopener">Contact
|
||||
Docker</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-6 space-y-3 dark:bg-gray-dark-200">
|
||||
<h2 class="text-xl mb-2">Popular videos</h2>
|
||||
<p>Watch the most popular videos from DockerCon.</p>
|
||||
<a class="link flex gap-4 items-center" href="https://youtu.be/gAGEar5HQoU">
|
||||
<img src="/assets/images/video.svg" width="65" height="44" />
|
||||
<p>How to get started with Docker</p>
|
||||
</a>
|
||||
<a class="link flex gap-4 items-center" href="https://youtu.be/xmLVNpyJ530?t=30">
|
||||
<img src="/assets/images/video.svg" width="65" height="44" />
|
||||
<p>How to to build and test your Docker images in the Cloud</p>
|
||||
</a>
|
||||
<a class="link flex gap-4 items-center" href="https://youtu.be/QeQ2MH5f_BE?t=31">
|
||||
<img src="/assets/images/video.svg" width="65" height="44" />
|
||||
<p>Simplify all the things with Docker Compose</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-6 dark:bg-gray-dark-200">
|
||||
<div x-data="{ selected: 'desktop' }" aria-role="tabpanel">
|
||||
<div aria-role="tablist" class="space-x-2">
|
||||
<button class="p-1" :class="selected === 'desktop' &&
|
||||
'border-blue-light-500 border-b-4 dark:border-b-blue-dark-600'" @click="selected = 'desktop'">
|
||||
Desktop
|
||||
</button>
|
||||
<button class="p-1" :class="selected === 'engine' &&
|
||||
'border-blue-light-500 border-b-4 dark:border-b-blue-dark-600'" @click="selected = 'engine'">
|
||||
Engine
|
||||
</button>
|
||||
<button class="p-1" :class="selected === 'build' &&
|
||||
'border-blue-light-500 border-b-4 dark:border-b-blue-dark-600'" @click="selected = 'build'">
|
||||
Build
|
||||
</button>
|
||||
<button class="p-1" :class="selected === 'compose' &&
|
||||
'border-blue-light-500 border-b-4 dark:border-b-blue-dark-600'" @click="selected = 'compose'">
|
||||
Compose
|
||||
</button>
|
||||
<button class="p-1" :class="selected === 'hub' &&
|
||||
'border-blue-light-500 border-b-4 dark:border-b-blue-dark-600'" @click="selected = 'hub'">
|
||||
Hub
|
||||
</button>
|
||||
</div>
|
||||
<hr />
|
||||
<div>
|
||||
<div class="grid grid-cols-3 gap-4 sm:flex sm:flex-col md:grid-cols-1">
|
||||
<div>
|
||||
<div x-data="{os: 'windows'}" class="flex gap-6 py-8 md:flex-col" aria-role="tab"
|
||||
:class="selected !== 'desktop' && 'hidden'">
|
||||
<div class="w-1/4 md:w-full flex flex-col gap-4 self-center items-center">
|
||||
<img class="h-[130px]" src="/assets/images/laptop.svg">
|
||||
<h2 class="text-xl">Docker Desktop</h2>
|
||||
<select class="p-2 rounded-sm bg-gray-light-100 dark:bg-gray-dark-100"
|
||||
x-on:change="os = $event.target.value">
|
||||
<option value="windows">Windows</option>
|
||||
<option value="mac">Mac</option>
|
||||
<option value="linux">Linux</option>
|
||||
</select>
|
||||
<a class="h-full" href="/get-started/overview/">
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="icon-svg text-violet-light dark:text-violet-dark">
|
||||
{{ partial "icon" "developer_guide" }}
|
||||
</span>
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
Guides
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
Learn the basics and benefits of containerizing your
|
||||
application.
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-2/4 md:w-full flex flex-col gap-4">
|
||||
<h2 class="text-xl">Getting started with Docker Desktop</h2>
|
||||
<p>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.</p>
|
||||
<a class="link" href="/get-started/">Learn Docker</a>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="h-full" href="/manuals/">
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="icon-svg text-violet-light dark:text-violet-dark">
|
||||
{{ partial "icon" "description" }}
|
||||
</span>
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
Manuals
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
Learn how to install, set up, configure, and use Docker
|
||||
products.
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-1/4 md:w-full ">
|
||||
<h2 class="text-xl">Popular articles</h2>
|
||||
<ul class="space-y-3" x-show="os === 'windows'">
|
||||
<li><a class="link" href="/desktop/windows/wsl/">Docker Desktop WSL 2 backend</a></li>
|
||||
<li><a class="link" href="/desktop/use-desktop/">Explore Docker Desktop</a></li>
|
||||
<li><a class="link" href="/desktop/vm-vdi/">VM and VDI support</a></li>
|
||||
<li><a class="link" href="/desktop/windows/release-notes/">Release notes</a></li>
|
||||
<li><a class="link" href="/desktop/containerd/">containerd image store</a></li>
|
||||
</ul>
|
||||
<ul class="space-y-3" x-show="os === 'mac'">
|
||||
<li><a class="link" href="/desktop/use-desktop/">Explore Docker Desktop</a></li>
|
||||
<li><a class="link" href="/desktop/install/mac-install/">Install Docker Desktop on Mac</a></li>
|
||||
<li><a class="link" href="/desktop/release-notes/">Release notes</a></li>
|
||||
<li><a class="link" href="/desktop/mac/permission-requirements/">Understand permission requirements</a></li>
|
||||
</ul>
|
||||
<ul class="space-y-3" x-show="os === 'linux'">
|
||||
<li><a class="link" href="/desktop/use-desktop/">Explore Docker Desktop</a></li>
|
||||
<li><a class="link" href="/desktop/install/linux-install/">Install Docker Desktop on Linux</a></li>
|
||||
<li><a class="link" href="/desktop/release-notes/">Release notes</a></li>
|
||||
</ul>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="h-full" href="/reference/">
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="icon-svg text-violet-light dark:text-violet-dark">
|
||||
{{ partial "icon" "terminal" }}
|
||||
</span>
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
Reference
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
Browse the CLI and API documentation.
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="z-10 grid grid-cols-2 gap-20 md:grid-cols-1">
|
||||
<div class="bg-pattern-verde-light dark:bg-pattern-verde-dark relative rounded p-6 drop-shadow">
|
||||
<div class="flex h-full flex-col items-start justify-between gap-12">
|
||||
<div class="flex flex-col gap-4">
|
||||
<h2 class="font-medium">Getting started</h2>
|
||||
<p class="text-xl">
|
||||
Learn Docker basics and the benefits of containerizing your
|
||||
applications.
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-items-center gap-6 py-8 sm:flex-col" aria-role="tab"
|
||||
:class="selected !== 'engine' && 'hidden'">
|
||||
<div class="w-1/4 md:w-full flex flex-col gap-4 self-center items-center">
|
||||
<img class="h-[130px]" src="/assets/images/engine.svg">
|
||||
<h2 class="text-xl">Docker Engine</h2>
|
||||
</div>
|
||||
<div class="w-2/4 md:w-full flex flex-col gap-4">
|
||||
<h2 class="text-xl">Getting started with Docker Engine</h2>
|
||||
<p>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.</p>
|
||||
<a class="link" href="/get-started/">Learn Docker</a>
|
||||
</div>
|
||||
<div class="w-1/4 md:w-full ">
|
||||
<h2 class="text-xl">Popular articles</h2>
|
||||
<ul class="space-y-3">
|
||||
<li><a class="link" href="/engine/install/ubuntu/">Install Docker Engine on
|
||||
Ubuntu</a></li>
|
||||
<li><a class="link" href="/engine/reference/commandline/run/">Run a command in
|
||||
a container</a></li>
|
||||
<li><a class="link" href="/engine/reference/builder/">Dockerfile reference</a>
|
||||
</li>
|
||||
<li><a class="link" href="/engine/reference/commandline/dockerd/#description">Docker daemon
|
||||
reference</a></li>
|
||||
<li><a class="link" href="/engine/reference/commandline/build/">Docker build
|
||||
reference</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<a href="/guides/get-started/"
|
||||
class="flex cursor-pointer items-center gap-2 rounded bg-blue-light p-2 px-4 text-white transition duration-300 hover:bg-blue-light-400 dark:bg-blue-dark-400 dark:hover:bg-blue-dark">
|
||||
Get started
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex justify-items-center gap-6 py-8 sm:flex-col" aria-role="tab"
|
||||
:class="selected !== 'build' && 'hidden'">
|
||||
<div class="w-1/4 md:w-full flex flex-col gap-4 self-center items-center">
|
||||
<img class="h-[130px]" src="/assets/images/whale-car.png">
|
||||
<h2 class="text-xl">Docker Build</h2>
|
||||
</div>
|
||||
<div class="absolute bottom-0 right-0 origin-bottom-right sm:scale-75">
|
||||
<img class="dark:hidden" src="/assets/images/app-wf-light-2.svg" />
|
||||
<img class="hidden dark:block" src="/assets/images/app-wf-dark-2.svg" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded-[6px] bg-gradient-to-br from-blue-light-400 to-magenta-light-400 dark:from-blue-dark-400 dark:to-magenta-dark-400 p-[2px] drop-shadow">
|
||||
<div class="bg-pattern-purple-light dark:bg-pattern-purple-dark rounded p-6">
|
||||
<div class="flex flex-col gap-12">
|
||||
<div class="flex flex-col gap-4">
|
||||
<h2 class="font-medium">Featured</h2>
|
||||
<p class="text-xl">
|
||||
Accelerate your builds with cloud capabilities.
|
||||
</p>
|
||||
<p>
|
||||
End-to-end encryption, a shared build cache for teams, and
|
||||
native multi-platform builds. Get started today for free.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-2/4 md:w-full flex flex-col gap-4">
|
||||
<h2 class="text-xl">Getting started with Docker Build</h2>
|
||||
<p>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.</p>
|
||||
<a class="link" href="/get-started/">Learn Docker</a>
|
||||
</div>
|
||||
<div class="w-1/4 md:w-full ">
|
||||
<h2 class="text-xl">Popular articles</h2>
|
||||
<ul class="space-y-3">
|
||||
<li><a class="link" href="/build/">Overview of Docker Build</a></li>
|
||||
<li><a class="link" href="/engine/reference/builder/">Dockerfile reference</a>
|
||||
</li>
|
||||
<li><a class="link" href="/build/building/packaging/">Packaging your
|
||||
software</a></li>
|
||||
<li><a class="link" href="/build/building/multi-stage/">Multi-stage builds</a>
|
||||
</li>
|
||||
<li><a class="link" href="/build/building/multi-platform/">Multi-platform
|
||||
images</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-items-center gap-6 py-8 sm:flex-col" aria-role="tab"
|
||||
:class="selected !== 'compose' && 'hidden'">
|
||||
<div class="w-1/4 md:w-full flex flex-col gap-4 self-center items-center">
|
||||
<img class="h-[130px]" src="/assets/images/Compose.png">
|
||||
<h2 class="text-xl">Docker Compose</h2>
|
||||
</div>
|
||||
<div class="w-2/4 md:w-full flex flex-col gap-4">
|
||||
<h2 class="text-xl">Getting started with Docker Compose</h2>
|
||||
<p>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.</p>
|
||||
<a class="link" href="/get-started/">Learn Docker</a>
|
||||
</div>
|
||||
<div class="w-1/4 md:w-full ">
|
||||
<h2 class="text-xl">Popular articles</h2>
|
||||
<ul class="space-y-3">
|
||||
<li><a class="link" href="/compose/install/">Install Docker Compose</a></li>
|
||||
<li><a class="link" href="/compose/gettingstarted/">Getting started with Docker
|
||||
Compose</a></li>
|
||||
<li><a class="link" href="/compose/environment-variables/">Environment
|
||||
variables in Compose</a>
|
||||
</li>
|
||||
<li><a class="link" href="/compose/networking/">Networking in Compose</a></li>
|
||||
<li><a class="link" href="/compose/file-watch/">Use Compose Watch</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-items-center gap-6 py-8 sm:flex-col" aria-role="tab"
|
||||
:class="selected !== 'hub' && 'hidden'">
|
||||
<div class="w-1/4 md:w-full flex flex-col gap-4 self-center items-center">
|
||||
<img class="h-[130px]" src="/assets/images/hub.svg">
|
||||
<h2 class="text-xl">Docker Hub</h2>
|
||||
</div>
|
||||
<div class="w-2/4 md:w-full flex flex-col gap-4">
|
||||
<h2 class="text-xl">Getting started with Docker Hub</h2>
|
||||
<p>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.</p>
|
||||
<a class="link" href="/get-started/">Learn Docker</a>
|
||||
</div>
|
||||
<div class="w-1/4 md:w-full ">
|
||||
<h2 class="text-xl">Popular articles</h2>
|
||||
<ul class="space-y-3">
|
||||
<li><a class="link" href="/docker-hub/official_images/">Docker Hub official
|
||||
images</a></li>
|
||||
<li><a class="link" href="/docker-hub/repos/">Create Docker Hub
|
||||
repositories</a></li>
|
||||
<li><a class="link" href="/docker-hub/builds/">Set up automated builds</a>
|
||||
</li>
|
||||
<li><a class="link" href="/docker-hub/access-tokens/">Manage access tokens</a>
|
||||
</li>
|
||||
<li><a class="link" href="/docker-hub/webhooks/">Docker Hub webhooks</a></li>
|
||||
</ul>
|
||||
<div class="grid grid-cols-3 gap-4 justify-self-end sm:grid-cols-2">
|
||||
<a href="https://build.docker.com/"
|
||||
class="cursor-pointer rounded bg-blue-light px-4 py-2 text-white transition duration-300 hover:bg-blue-light-400 dark:bg-blue-dark-400 dark:hover:bg-blue-dark">Dashboard</a>
|
||||
<a href="/build/cloud/"
|
||||
class="cursor-pointer rounded bg-blue-light px-4 py-2 text-white transition duration-300 hover:bg-blue-light-400 dark:bg-blue-dark-400 dark:hover:bg-blue-dark">Docs</a>
|
||||
<div class="ml-auto sm:col-start-2">
|
||||
{{ $dbcLogoWhite := resources.Get "images/build-cloud-white.svg" }}
|
||||
{{ $dbcLogoLight := resources.Get "images/build-cloud-light.svg" }}
|
||||
<img class="hidden h-full w-full dark:block" src="{{ $dbcLogoWhite.Permalink }}" />
|
||||
<img class="h-full w-full dark:hidden" src="{{ $dbcLogoLight.Permalink }}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-4 mx-auto w-[1200px] lg:w-full p-6 sm:flex-col">
|
||||
<div class="w-full">
|
||||
<h2 class="text-3xl">Best practices</h2>
|
||||
<ul class="w-full space-y-3">
|
||||
<li>
|
||||
<a class="link" href="/develop/develop-images/dockerfile_best-practices/">Best
|
||||
practices for writing a Dockerfile</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/develop/develop-images/dockerfile_best-practices/">Best
|
||||
practices for writing a Docker Compose file</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/develop/dev-best-practices/">Docker development best
|
||||
practices</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/engine/security/">Docker security best practices</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<h2 class="text-3xl">Develop with Docker</h2>
|
||||
<ul class="w-full space-y-3">
|
||||
<li>
|
||||
<a class="link" href="/language/nodejs/">Containerize a Node.js app using Docker</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/language/python/">Containerize a Python app using Docker</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/language/java/">Containerize a Java app using Docker</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/language/golang/">Containerize a Go app using Docker</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link" href="/samples/">View more languages and frameworks in Docker
|
||||
samples</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex mx-auto w-[1200px] flex-col p-6 lg:w-full">
|
||||
<h2 class="text-3xl">Play with Docker</h2>
|
||||
<div class="grid grid-cols-3 gap-4 p-6 sm:flex sm:flex-col xl:grid-cols-2">
|
||||
<div>
|
||||
<a class="h-full" href="/get-started/">
|
||||
|
||||
<div>
|
||||
<h2 class="mb-4 text-xl">Browse by section</h2>
|
||||
<div class="grid grid-cols-4 gap-4 sm:flex sm:flex-col lg:grid-cols-2 xl:grid-cols-3">
|
||||
{{ range .Params.grid }}
|
||||
<div>
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm dark:border-gray-dark-400 dark:bg-gray-dark-200">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="icon-svg text-gray-light dark:text-gray-dark">{{ partial "icon" .icon }}</span>
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
Tutorial
|
||||
</div>
|
||||
<div class="text-xl">{{ .title }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
Self-paced tutorials to increase your Docker knowledge.
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="h-full" href="https://labs.play-with-docker.com/">
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
<div class="flex items-center gap-4">
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
Lab environment
|
||||
<div class="flex h-full flex-col justify-between gap-4">
|
||||
<p>{{ .description | markdownify }}</p>
|
||||
<nav class="flex flex-col gap-2">
|
||||
{{ range .links }}
|
||||
<div>
|
||||
<span class="icon-svg text-gray-light dark:text-gray-dark">{{ partial "icon" "arrow_right" }}</span>
|
||||
<a class="link" href="{{ .url }}">{{ .text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
Complete a workshop without installing anything using this Docker playground.
|
||||
{{ end }}
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="h-full" href="/get-started/resources/">
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
<div class="flex items-center gap-4">
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
Community training
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
Free and paid learning materials from Docker captains.
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex mx-auto w-[1200px] flex-col p-6 lg:w-full">
|
||||
<h2 class="text-3xl">Community resources</h2>
|
||||
<div class="grid grid-cols-3 gap-4 p-6 sm:flex sm:flex-col xl:grid-cols-2">
|
||||
<div>
|
||||
<a class="h-full" href="https://www.meetup.com/pro/docker/">
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
<div class="flex items-center gap-4">
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
Find a local meetup
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
Attend one of the 200+ Docker Meetups around the globe.
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="h-full" href="https://www.docker.com/events/">
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
<div class="flex items-center gap-4">
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
Upcoming events
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
Learn from experts and get to know Docker.
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="h-full" href="https://www.meetup.com/pro/docker/">
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
<div class="flex items-center gap-4">
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
Tune in monthly
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
Join the Virtual Docker Meetup Group and online meetups every month.
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="h-full" href="https://www.docker.com/newsletter-subscription">
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
<div class="flex items-center gap-4">
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
Community news
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
The Docker Weekly is an email newsletter with the latest content on DOcker and the event agenda for
|
||||
the
|
||||
upcoming weeks.
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="h-full" href="https://www.docker.com/community/captains/">
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
<div class="flex items-center gap-4">
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
Meet the captains
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
Select members of the community that are both experts in their field and are passionate about sharing
|
||||
their Docker knowledge with others.
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="h-full" href="/get-started/resources/">
|
||||
<div
|
||||
class="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark">
|
||||
<div class="flex items-center gap-4">
|
||||
<div>
|
||||
<div class="text-xl leading-snug text-gray-light-800 dark:text-white">
|
||||
Educational resources
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leading-snug text-gray-light-500 dark:text-gray-dark-700">
|
||||
Expand your understanding of Docker with these additional resources.
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div
|
||||
class="relative flex h-[334px] items-center justify-center overflow-hidden bg-gray-light-100 dark:bg-gray-dark-200 sm:h-full sm:py-8">
|
||||
<div class="w-[1200px] px-4">
|
||||
<div class="flex max-w-[66%] flex-col gap-8 sm:max-w-full">
|
||||
<h2 class="text-2xl">Community resources</h2>
|
||||
<p>
|
||||
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!
|
||||
</p>
|
||||
<div class="flex gap-4 sm:flex-col">
|
||||
<a href="https://forums.docker.com/"
|
||||
class="cursor-pointer rounded bg-white px-4 py-2 text-blue-light hover:bg-gray-light-100 dark:bg-gray-dark-400 dark:text-white dark:hover:bg-gray-dark-500">
|
||||
Visit Docker Forum
|
||||
</a>
|
||||
<a href="https://dockr.ly/comm-slack"
|
||||
class="cursor-pointer rounded bg-white px-4 py-2 text-blue-light hover:bg-gray-light-100 dark:bg-gray-dark-400 dark:text-white dark:hover:bg-gray-dark-500">
|
||||
Join Docker Slack
|
||||
</a>
|
||||
<a href="https://www.docker.com/community/captains/"
|
||||
class="cursor-pointer rounded bg-white px-4 py-2 text-blue-light hover:bg-gray-light-100 dark:bg-gray-dark-400 dark:text-white dark:hover:bg-gray-dark-500">
|
||||
Find your Docker Captain
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="absolute right-0 top-0 sm:hidden">
|
||||
<svg class="dark:hidden" width="555" height="334" viewBox="0 0 555 334" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<g style="mix-blend-mode: multiply">
|
||||
<path d="M0 249.997L283.445 0H555V334H89.8843L0 249.997Z" fill="url(#paint0_linear_129_29139)" />
|
||||
</g>
|
||||
<g style="mix-blend-mode: multiply">
|
||||
<path d="M80 84.003L363.445 334H554.5V0H169.884L80 84.003Z" fill="url(#paint1_linear_129_29139)" />
|
||||
</g>
|
||||
<g style="mix-blend-mode: multiply">
|
||||
<path d="M279 334L555 104V182.33V254.174V334H279Z" fill="url(#paint2_linear_129_29139)" />
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_129_29139" x1="18.5" y1="61.5" x2="502" y2="240.5"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C0E0FA" />
|
||||
<stop offset="1" stop-color="#EFEFF2" />
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_129_29139" x1="98.5" y1="272.5" x2="582" y2="93.5"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F7ECFF" />
|
||||
<stop offset="1" stop-color="#EFEFF2" />
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_129_29139" x1="282.381" y1="-33.7561" x2="1315.56" y2="352.19"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6EAE1" />
|
||||
<stop offset="1" stop-color="#EFEFF2" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
<svg class="hidden dark:block" width="555" height="334" viewBox="0 0 555 334" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<g style="mix-blend-mode: multiply">
|
||||
<path d="M0 249.997L283.445 0H555V334H89.8843L0 249.997Z" fill="url(#paint0_linear_129_29443)" />
|
||||
</g>
|
||||
<g style="mix-blend-mode: multiply">
|
||||
<path d="M80 84.003L363.445 334H554.5V0H169.884L80 84.003Z" fill="url(#paint1_linear_129_29443)" />
|
||||
</g>
|
||||
<g style="mix-blend-mode: multiply">
|
||||
<path d="M279 334L555 104V182.33V254.174V334H279Z" fill="url(#paint2_linear_129_29443)" />
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_129_29443" x1="18.5" y1="61.5" x2="502" y2="240.5"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C0E0FA" />
|
||||
<stop offset="1" stop-color="#EFEFF2" />
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_129_29443" x1="98.5" y1="272.5" x2="582" y2="93.5"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F7ECFF" />
|
||||
<stop offset="1" stop-color="#EFEFF2" />
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_129_29443" x1="282.381" y1="-33.7561" x2="1315.56" y2="352.19"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6EAE1" />
|
||||
<stop offset="1" stop-color="#EFEFF2" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer>{{ partial "footer.html" . }}</footer>
|
||||
|
|
|
|||
|
|
@ -1,126 +1,49 @@
|
|||
<div
|
||||
class="flex flex-col overflow-hidden max-w-[1024px] mx-auto p-12 gap-12"
|
||||
>
|
||||
<div class="flex flex-wrap justify-between gap-4 sm:flex-col sm:items-center">
|
||||
{{ range site.Menus.footer }}
|
||||
<div class="w-32 sm:my-4 sm:text-center">
|
||||
<ul class="space-y-2">
|
||||
<li>
|
||||
<b
|
||||
><a
|
||||
class="hover:underline"
|
||||
href="{{ .URL }}"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>{{ .Name }}</a
|
||||
></b
|
||||
>
|
||||
</li>
|
||||
{{ range .Children }}
|
||||
<li>
|
||||
<a
|
||||
class="hover:underline"
|
||||
href="{{ .URL }}"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>{{ .Name }}</a
|
||||
>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="self-end sm:self-center">
|
||||
<nav>
|
||||
<ul class="flex gap-4 sm:flex-col items-center">
|
||||
<li>
|
||||
<a
|
||||
class="hover:underline"
|
||||
href="https://www.docker.com/legal/docker-terms-service"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>Terms of Service</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="hover:underline"
|
||||
href="https://status.docker.com/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>Status</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="hover:underline"
|
||||
href="https://www.docker.com/legal"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>Legal</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="flex justify-between sm:flex-col sm:gap-4 sm:items-center">
|
||||
<div>
|
||||
<p>
|
||||
Copyright © 2013-{{ now.Format "2006" }} Docker Inc. All rights
|
||||
reserved.
|
||||
</p>
|
||||
{{ with site.Params.analytics.onetrust }}
|
||||
<button id="ot-sdk-btn" class="ot-sdk-show-settings">
|
||||
Cookie Settings
|
||||
</button>
|
||||
{{ end }}
|
||||
<div class="flex justify-center py-20 px-4 bg-gray-light-200/50 dark:bg-gray-dark-300/50">
|
||||
<div class="flex w-[1200px] flex-col gap-10">
|
||||
<div class="flex sm:flex-col gap-4 items-center justify-evenly">
|
||||
<a class="underline-offset-2 hover:underline" href="https://www.docker.com/">Product offerings</a>
|
||||
<a class="underline-offset-2 hover:underline" href="https://www.docker.com/pricing/">Pricing</a>
|
||||
<a class="underline-offset-2 hover:underline" href="https://www.docker.com/company/">About us</a>
|
||||
<a class="underline-offset-2 hover:underline" href="https://www.docker.com/support/">Support</a>
|
||||
<a class="underline-offset-2 hover:underline" href="https://github.com/docker/docs/blob/main/CONTRIBUTING.md">Contribute</a>
|
||||
</div>
|
||||
<hr class="text-divider-light dark:text-divider-dark" />
|
||||
<div class="grid grid-cols-3 place-items-center gap-8 md:grid-cols-1">
|
||||
<p class="text-sm">
|
||||
Copyright © 2013-{{ time.Now.Year}} Docker Inc. All rights reserved.
|
||||
</p>
|
||||
<div class="flex gap-4">
|
||||
<a
|
||||
class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
|
||||
href="http://twitter.com/docker/">
|
||||
{{ (resources.Get "images/TwitterCircle.svg").Content | safe.HTML }}
|
||||
</a>
|
||||
<a
|
||||
class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
|
||||
href="https://www.linkedin.com/company/docker">
|
||||
{{ (resources.Get "images/LinkedinCircle.svg").Content | safe.HTML }}
|
||||
</a>
|
||||
<a
|
||||
class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
|
||||
href="https://www.instagram.com/dockerinc/">
|
||||
{{ (resources.Get "images/InstagramCircle.svg").Content | safe.HTML }}
|
||||
</a>
|
||||
<a
|
||||
class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
|
||||
href="http://www.youtube.com/user/dockerrun">
|
||||
{{ (resources.Get "images/YoutubeCircle.svg").Content | safe.HTML }}
|
||||
</a>
|
||||
<a
|
||||
class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
|
||||
href="https://www.facebook.com/docker.run">
|
||||
{{ (resources.Get "images/FacebookCircle.svg").Content | safe.HTML }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex items-center gap-4">
|
||||
<a class="underline-offset-2 hover:underline" href="https://www.docker.com/legal/docker-terms-service">Terms of Service</a>
|
||||
<a class="underline-offset-2 hover:underline" href="https://www.dockerstatus.com/">Status</a>
|
||||
<a class="underline-offset-2 hover:underline" href="https://www.docker.com/legal">Legal</a>
|
||||
</div>
|
||||
</div>
|
||||
<nav>
|
||||
<ul class="flex gap-4 sm:flex-col">
|
||||
<li class="hover:underline">
|
||||
<a href="https://twitter.com/docker" target="_blank" rel="noopener"
|
||||
>Twitter</a
|
||||
>
|
||||
</li>
|
||||
<li class="hover:underline">
|
||||
<a
|
||||
href="https://www.youtube.com/user/dockerrun"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>Youtube</a
|
||||
>
|
||||
</li>
|
||||
<li class="hover:underline">
|
||||
<a href="https://github.com/docker" target="_blank" rel="noopener"
|
||||
>GitHub</a
|
||||
>
|
||||
</li>
|
||||
<li class="hover:underline">
|
||||
<a
|
||||
href="https://www.linkedin.com/company/docker"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>Linkedin</a
|
||||
>
|
||||
</li>
|
||||
<li class="hover:underline">
|
||||
<a
|
||||
href="https://www.facebook.com/docker.run"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>Facebook</a
|
||||
>
|
||||
</li>
|
||||
<li class="hover:underline">
|
||||
<a
|
||||
href="https://www.reddit.com/r/docker"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>Reddit</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,11 @@
|
|||
<svg width="336" height="202" viewBox="0 0 336 202" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<path d="M0 0H336V198C336 200.209 334.209 202 332 202H0V0Z" fill="url(#dark-wf-1)" />
|
||||
<defs>
|
||||
<pattern id="dark-wf-1" patternContentUnits="objectBoundingBox" width="1" height="1">
|
||||
<use xlink:href="#image0_129_29473" transform="matrix(0.00212777 0 0 0.00353927 0.0297619 0.0453854)" />
|
||||
</pattern>
|
||||
<image id="image0_129_29473" width="442" height="274"
|
||||
xlink:href="data:image/png;base64,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" />
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.8 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 40 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 16 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 16 KiB |
Loading…
Reference in New Issue