site: add state of app dev survey landing page callout

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson 2024-09-25 10:31:42 +02:00
parent 70a0027194
commit 261f41c187
4 changed files with 14 additions and 49 deletions

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 12 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 12 KiB

View File

@ -194,7 +194,6 @@
"bottom-0", "bottom-0",
"build-push-action", "build-push-action",
"chroma", "chroma",
"col-start-2",
"cursor-not-allowed", "cursor-not-allowed",
"cursor-pointer", "cursor-pointer",
"dark:bg-amber-dark", "dark:bg-amber-dark",
@ -342,7 +341,6 @@
"justify-center", "justify-center",
"justify-end", "justify-end",
"justify-evenly", "justify-evenly",
"justify-self-end",
"leading-snug", "leading-snug",
"left-0", "left-0",
"lg:block", "lg:block",
@ -369,13 +367,13 @@
"max-w-56", "max-w-56",
"max-w-[1920px]", "max-w-[1920px]",
"max-w-[840px]", "max-w-[840px]",
"max-w-fit",
"max-w-full", "max-w-full",
"max-w-none", "max-w-none",
"max-w-xl", "max-w-xl",
"mb-4", "mb-4",
"mb-8", "mb-8",
"md:block", "md:block",
"md:col-start-3",
"md:flex", "md:flex",
"md:flex-row", "md:flex-row",
"md:grid-cols-2", "md:grid-cols-2",
@ -397,7 +395,6 @@
"min-w-52", "min-w-52",
"min-w-fit", "min-w-fit",
"ml-3", "ml-3",
"ml-auto",
"mt-1", "mt-1",
"mt-20", "mt-20",
"mx-auto", "mx-auto",

View File

@ -115,7 +115,7 @@
<h2 class="font-medium">Getting started</h2> <h2 class="font-medium">Getting started</h2>
<p class="text-xl"> <p class="text-xl">
Learn Docker basics and the benefits of containerizing your Learn Docker basics and the benefits of containerizing your
applications. applications
</p> </p>
</div> </div>
<div> <div>
@ -134,27 +134,23 @@
<div class="bg-pattern-purple rounded p-6"> <div class="bg-pattern-purple rounded p-6">
<div class="flex flex-col gap-12"> <div class="flex flex-col gap-12">
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<h2 class="font-medium">Featured</h2> <h2 class="font-medium">Research</h2>
<p class="text-xl"> <p class="text-xl">
Accelerate your builds with cloud capabilities. Docker State of Application Development survey
</p> </p>
<p> <p>
End-to-end encryption, a shared build cache for teams, and Help us better understand and support the application development
native multi-platform builds. Get started today for free. community by answering our community survey.
</p>
<p>
The survey takes approximately 20-30 minutes to complete, and
you can save your progress and return at any time. As a thank
you, you can opt into a raffle for Docker swag and other
prizes!
</p> </p>
</div> </div>
<div class="grid grid-cols-2 gap-4 justify-self-end md:grid-cols-3"> <a href="https://docker.qualtrics.com/jfe/form/SV_3IDfGscnmh99ex8"
<a href="https://build.docker.com/" class="max-w-fit 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">Take the survey</a>
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 col-start-2 md:col-start-3">
{{ $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" alt="Docker Build Cloud logo" src="{{ $dbcLogoWhite.Permalink }}" />
<img class="h-full w-full dark:hidden" alt="Docker Build Cloud logo" src="{{ $dbcLogoLight.Permalink }}" />
</div>
</div>
</div> </div>
</div> </div>
</div> </div>