-
Notifications
You must be signed in to change notification settings - Fork 2.4k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(nx-dev): add preliminary updates to homepage
- Loading branch information
Showing
15 changed files
with
2,681 additions
and
369 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
109 changes: 0 additions & 109 deletions
109
nx-dev/nx-dev/public/images/background/waves-background.svg
This file was deleted.
Oops, something went wrong.
928 changes: 928 additions & 0 deletions
928
nx-dev/nx-dev/public/images/illustrations/nxdev-dark.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
929 changes: 929 additions & 0 deletions
929
nx-dev/nx-dev/public/images/illustrations/nxdev-light.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,12 +1,15 @@ | ||
| export * from './lib/extensible-and-integrated'; | ||
| export * from './lib/getting-started'; | ||
| export * from './lib/hero'; | ||
| export * from './lib/improve-worst-ci-case'; | ||
| export * from './lib/logo-cloud'; | ||
| export * from './lib/migrate'; | ||
| export * from './lib/migrations-and-code-generation'; | ||
| export * from './lib/monorepo-styles'; | ||
| export * from './lib/newsletter'; | ||
| export * from './lib/nx-is-fast'; | ||
| export * from './lib/nx-products'; | ||
| export * from './lib/nx-statistics'; | ||
| export * from './lib/nx-with-ci'; | ||
| export * from './lib/testimonials'; | ||
| export * from './lib/why-is-nx-fast'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| import { ButtonLink } from '@nx/nx-dev/ui-common'; | ||
|
|
||
| export function ImproveWorstCiCase(): JSX.Element { | ||
| return ( | ||
| <article | ||
| id="getting-started" | ||
| className="border-t border-b border-slate-200 bg-gradient-to-r from-cyan-500 to-blue-500 shadow-inner dark:border-slate-700" | ||
| > | ||
| <div className="mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:flex lg:items-center lg:justify-between lg:py-24 lg:px-8"> | ||
| <div> | ||
| <h2 className="text-3xl font-bold tracking-tight text-slate-900 md:text-4xl"> | ||
| <span className="block">Taste the performance,</span> | ||
| <span className="block text-white"> | ||
| improve your worst case CI times in 5 minutes | ||
| </span> | ||
| </h2> | ||
| </div> | ||
| <div className="mt-8 flex lg:mt-0 lg:flex-shrink-0"> | ||
| <div className="inline-flex rounded-md"> | ||
| <ButtonLink | ||
| href="/concepts/dte" | ||
| title="Improve your worst case CI times" | ||
| variant="secondary" | ||
| size="large" | ||
| > | ||
| Try it now! | ||
| </ButtonLink> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </article> | ||
| ); | ||
| } |
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,94 @@ | ||
| import { | ||
| CloudArrowDownIcon, | ||
| CogIcon, | ||
| ServerStackIcon, | ||
| } from '@heroicons/react/24/outline'; | ||
|
|
||
| export function NxProducts(): JSX.Element { | ||
| return ( | ||
| <article id="nx-is-fast" className="relative py-28"> | ||
| <div className="mx-auto max-w-7xl px-4 pt-12 sm:px-6 lg:px-8 lg:pt-16"> | ||
| <dl className="grid grid-cols-1 gap-16 sm:grid-cols-3"> | ||
| <div className="relative group"> | ||
| <div className="absolute -inset-1 bg-gradient-to-r from-cyan-500 to-blue-500 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-1000 group-hover:duration-200"></div> | ||
| <div className="relative flex flex-col-reverse rounded-lg border border-slate-200 bg-white p-4 text-sm shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 dark:border-slate-800/40 dark:bg-slate-800"> | ||
| <dd className="mt-4 text-slate-400 dark:text-slate-500 sr-only"> | ||
| <p>DESCRIPTION HERE - CHANGE TEXT</p> | ||
| </dd> | ||
| <dt className="flex items-center space-x-4"> | ||
| <CloudArrowDownIcon | ||
| className="h-8 w-8 flex-none text-slate-800 dark:text-slate-200" | ||
| aria-hidden="true" | ||
| /> | ||
| <div className="flex-auto"> | ||
| <div className="font-semibold text-slate-800 dark:text-slate-200"> | ||
| <a target="_blank" rel="noreferrer" href="#"> | ||
| <span className="absolute inset-0"></span>Nx Cache | ||
| </a> | ||
| </div> | ||
| <div className="mt-0.5 text-xs text-slate-600 dark:text-slate-400"> | ||
| Local and remote caching solution. | ||
| </div> | ||
| </div> | ||
| </dt> | ||
| </div> | ||
| </div> | ||
| <div className="relative group"> | ||
| <div className="absolute -inset-1 bg-gradient-to-r from-orange-500 to-rose-500 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-1000 group-hover:duration-200"></div> | ||
| <div className="relative flex flex-col-reverse rounded-lg border border-slate-200 bg-white p-4 text-sm shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 dark:border-slate-800/40 dark:bg-slate-800"> | ||
| <dd className="mt-4 text-slate-400 dark:text-slate-500 sr-only"> | ||
| <p>DESCRIPTION HERE - CHANGE TEXT</p> | ||
| </dd> | ||
| <dt className="flex items-center space-x-4"> | ||
| <ServerStackIcon | ||
| className="h-8 w-8 flex-none text-slate-800 dark:text-slate-200" | ||
| aria-hidden="true" | ||
| /> | ||
| <div className="flex-auto"> | ||
| <div className="font-semibold text-slate-800 dark:text-slate-200"> | ||
| <a target="_blank" rel="noreferrer" href="#"> | ||
| <span className="absolute inset-0"></span>Nx Agents{' '} | ||
| <span className="absolute top-2 right-2 dark:bg-slate-400/10 dark:text-slate-400 dark:ring-slate-400/20 inline-flex items-center rounded-md bg-slate-50 px-2 py-1 text-xs font-medium text-slate-600 ring-1 ring-inset ring-slate-500/10"> | ||
| Coming soon | ||
| </span> | ||
| </a> | ||
| </div> | ||
| <div className="mt-0.5 text-xs text-slate-600 dark:text-slate-400"> | ||
| Native task distribution solution. | ||
| </div> | ||
| </div> | ||
| </dt> | ||
| </div> | ||
| </div> | ||
| <div className="relative group"> | ||
| <div className="absolute -inset-1 bg-gradient-to-r from-pink-500 to-fuchsia-500 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-1000 group-hover:duration-200"></div> | ||
| <div className="relative flex flex-col-reverse rounded-lg border border-slate-200 bg-white p-4 text-sm shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 dark:border-slate-800/40 dark:bg-slate-800"> | ||
| <dd className="mt-4 text-slate-400 dark:text-slate-500 sr-only"> | ||
| <p>DESCRIPTION HERE - CHANGE TEXT</p> | ||
| </dd> | ||
| <dt className="flex items-center space-x-4"> | ||
| <CogIcon | ||
| className="h-8 w-8 flex-none text-slate-800 dark:text-slate-200" | ||
| aria-hidden="true" | ||
| /> | ||
| <div className="flex-auto"> | ||
| <div className="font-semibold text-slate-800 dark:text-slate-200"> | ||
| <a target="_blank" rel="noreferrer" href="#"> | ||
| <span className="absolute inset-0"></span>Nx Workflows | ||
| <span className="absolute top-2 right-2 dark:bg-slate-400/10 dark:text-slate-400 dark:ring-slate-400/20 inline-flex items-center rounded-md bg-slate-50 px-2 py-1 text-xs font-medium text-slate-600 ring-1 ring-inset ring-slate-500/10"> | ||
| Coming soon | ||
| </span> | ||
| </a> | ||
| </div> | ||
| <div className="mt-0.5 text-xs text-slate-600 dark:text-slate-400"> | ||
| Full CI solution with distribution at its core. | ||
| </div> | ||
| </div> | ||
| </dt> | ||
| </div> | ||
| </div> | ||
| </dl> | ||
| </div> | ||
| </article> | ||
| ); | ||
| } |
Oops, something went wrong.