diff --git a/docs/docs-beta/docs/intro.md b/docs/docs-beta/docs/intro.md index ef751823e62da..0445ebfb3065a 100644 --- a/docs/docs-beta/docs/intro.md +++ b/docs/docs-beta/docs/intro.md @@ -6,23 +6,32 @@ displayed_sidebar: 'docs' --- import { Card, CardGroup } from '@site/src/components/Cards'; +import ThemedImage from '@theme/ThemedImage'; # Welcome to Dagster Dagster is a data orchestrator built for data engineers, with integrated lineage, observability, a declarative programming model and best-in-class testability. + ## Get started - + Build your first Dagster pipeline in our Quickstart tutorial. - + New to Dagster? Learn about how thinking in assets can help you manage your data better. - + Learn about Dagster Plus, our managed offering that includes a hosted Dagster instance and many more features. @@ -30,13 +39,13 @@ Dagster is a data orchestrator built for data engineers, with integrated lineage ## Join the Dagster community - + Join our Slack community to talk with other Dagster users, use our AI-powered chatbot, and get help with Dagster. - + Star our GitHub repository and follow our development through GitHub Discussions. - + Watch our latest videos on YouTube. diff --git a/docs/docs-beta/src/components/Cards.tsx b/docs/docs-beta/src/components/Cards.tsx index 9712ad4849ded..e2c855a893cfa 100644 --- a/docs/docs-beta/src/components/Cards.tsx +++ b/docs/docs-beta/src/components/Cards.tsx @@ -3,15 +3,27 @@ import Link from '@docusaurus/Link'; import Heading from '@theme/Heading'; interface CardProps { title: string; - icon: string; + imagePath?: string; href: string; children: React.ReactNode; } -const Card: React.FC = ({title, icon, href, children}) => ( +const Card: React.FC = ({title, imagePath, href, children}) => ( + {imagePath && ( + {title} + )} {title} -

{children}

); diff --git a/docs/docs-beta/src/styles/custom.scss b/docs/docs-beta/src/styles/custom.scss index a5a793f062d17..eaf321e92f329 100644 --- a/docs/docs-beta/src/styles/custom.scss +++ b/docs/docs-beta/src/styles/custom.scss @@ -266,7 +266,6 @@ a.pyobject { display: inline-block; height: 1.25rem; width: 1.25rem; - transform: rotate(90deg); transition: transform var(--ifm-transition-fast) linear; } } @@ -274,7 +273,6 @@ a.pyobject { .menu__list-item-collapsible { .menu__caret:before { background: var(--ifm-menu-link-sublist-icon) 50% / 1.25rem 1.25rem; - transform: rotate(0); } &[aria-expanded='true'] { @@ -555,9 +553,15 @@ dd code { gap: 1rem; margin-bottom: 2rem; - &.cols-2 { grid-template-columns: repeat(2, 1fr); } - &.cols-3 { grid-template-columns: repeat(3, 1fr); } - &.cols-4 { grid-template-columns: repeat(4, 1fr); } + &.cols-2 { + grid-template-columns: repeat(2, 1fr); + } + &.cols-3 { + grid-template-columns: repeat(3, 1fr); + } + &.cols-4 { + grid-template-columns: repeat(4, 1fr); + } @media (max-width: 768px) { grid-template-columns: 1fr; @@ -565,14 +569,14 @@ dd code { } .card { - display: block; + display: block; background-color: var(--theme-color-background-light); border: 1px solid var(--theme-color-keyline); border-radius: 8px; padding: 1.5rem; transition: all 0.3s ease; - text-decoration: none; - color: inherit; + text-decoration: none; + color: inherit; &:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); @@ -613,7 +617,6 @@ dd code { } } - /** * api docs: inline flag * @@ -634,7 +637,6 @@ span { &.flag-info { background-color: var(--theme-color-background-cyan); color: var(--theme-color-text-cyan); - } &.flag-danger { @@ -646,11 +648,10 @@ span { background-color: var(--theme-color-background-yellow); color: var(--theme-color-text-yellow); } - } /* Ability to hide sidebar items (e.g. index.md) */ /* https://docusaurus.canny.io/feature-requests/p/hiding-parts-of-docs-in-autogenerated-sidebar */ .hidden { - display: none !important; + display: none !important; } diff --git a/docs/docs-beta/static/img/favicon-old.ico b/docs/docs-beta/static/img/favicon-old.ico deleted file mode 100644 index c01d54bcd39a5..0000000000000 Binary files a/docs/docs-beta/static/img/favicon-old.ico and /dev/null differ diff --git a/docs/docs-beta/static/img/favicon.ico b/docs/docs-beta/static/img/favicon.ico index 808e54ac055ab..7721e27046004 100644 Binary files a/docs/docs-beta/static/img/favicon.ico and b/docs/docs-beta/static/img/favicon.ico differ diff --git a/docs/docs-beta/static/img/getting-started/icon-assets.svg b/docs/docs-beta/static/img/getting-started/icon-assets.svg new file mode 100644 index 0000000000000..70d93cbf6da54 --- /dev/null +++ b/docs/docs-beta/static/img/getting-started/icon-assets.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/docs-beta/static/img/getting-started/icon-github.svg b/docs/docs-beta/static/img/getting-started/icon-github.svg new file mode 100644 index 0000000000000..4fe13676e4f25 --- /dev/null +++ b/docs/docs-beta/static/img/getting-started/icon-github.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/docs-beta/static/img/getting-started/icon-plus.svg b/docs/docs-beta/static/img/getting-started/icon-plus.svg new file mode 100644 index 0000000000000..9caf5adb44bf0 --- /dev/null +++ b/docs/docs-beta/static/img/getting-started/icon-plus.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/docs-beta/static/img/getting-started/icon-slack.svg b/docs/docs-beta/static/img/getting-started/icon-slack.svg new file mode 100644 index 0000000000000..0e77f6567c543 --- /dev/null +++ b/docs/docs-beta/static/img/getting-started/icon-slack.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/docs-beta/static/img/getting-started/icon-start.svg b/docs/docs-beta/static/img/getting-started/icon-start.svg new file mode 100644 index 0000000000000..6496929a6a918 --- /dev/null +++ b/docs/docs-beta/static/img/getting-started/icon-start.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/docs-beta/static/img/getting-started/icon-youtube.svg b/docs/docs-beta/static/img/getting-started/icon-youtube.svg new file mode 100644 index 0000000000000..3d4b2ef0593ca --- /dev/null +++ b/docs/docs-beta/static/img/getting-started/icon-youtube.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/docs-beta/static/img/getting-started/lineage-dark.jpg b/docs/docs-beta/static/img/getting-started/lineage-dark.jpg new file mode 100644 index 0000000000000..733bc97ff0a8e Binary files /dev/null and b/docs/docs-beta/static/img/getting-started/lineage-dark.jpg differ diff --git a/docs/docs-beta/static/img/getting-started/lineage-light.jpg b/docs/docs-beta/static/img/getting-started/lineage-light.jpg new file mode 100644 index 0000000000000..fa6beff5eade7 Binary files /dev/null and b/docs/docs-beta/static/img/getting-started/lineage-light.jpg differ