included communtiy indicator; fix logo colors

dagster-io · Jan 22, 2025 · 854e817 · 854e817
1 parent 54699ac
commit 854e817
Show file tree

Hide file tree

Showing 14 changed files with 35 additions and 2 deletions.
diff --git a/docs/docs-beta/docs/integrations/libraries/census.md b/docs/docs-beta/docs/integrations/libraries/census.md
@@ -17,6 +17,7 @@ enables:
 tags: [community-supported, etl]
 sidebar_custom_props: 
   logo: images/integrations/census.svg
+  community: true
 ---
 
 With the `dagster-census` integration you can execute a Census sync and poll until that sync completes, raising an error if it's unsuccessful.

diff --git a/docs/docs-beta/docs/integrations/libraries/cube.md b/docs/docs-beta/docs/integrations/libraries/cube.md
@@ -17,6 +17,7 @@ enables:
 tags: [community-supported]
 sidebar_custom_props: 
   logo: images/integrations/cube.svg
+  community: true
 ---
 
 With the `dagster_cube` integration you can setup Cube and Dagster to work together so that Dagster can push changes from upstream data sources to Cube using its integration API.

diff --git a/docs/docs-beta/docs/integrations/libraries/deltalake.md b/docs/docs-beta/docs/integrations/libraries/deltalake.md
@@ -17,6 +17,7 @@ enables:
 tags: [community-supported, storage]
 sidebar_custom_props: 
   logo: images/integrations/deltalake.svg
+  community: true
 ---
 
 Delta Lake is a great storage format for Dagster workflows. With this integration, you can use the Delta Lake I/O Manager to read and write your Dagster assets.

diff --git a/docs/docs-beta/docs/integrations/libraries/dingtalk.md b/docs/docs-beta/docs/integrations/libraries/dingtalk.md
@@ -15,6 +15,7 @@ enables:
 tags: [community-supported]
 sidebar_custom_props:
   logo: images/integrations/ding.svg
+  community: true
 ---
 
 The community-supported `dagster-dingtalk` package provides an integration with DingTalk.

diff --git a/docs/docs-beta/docs/integrations/libraries/gcp/cloud-run-launcher.md b/docs/docs-beta/docs/integrations/libraries/gcp/cloud-run-launcher.md
@@ -14,7 +14,8 @@ enabledBy:
 enables:
 tags: [community-supported, compute]
 sidebar_custom_props:
-  logo:
+  logo: images/integrations/gcp.svg
+  community: true
 ---
 
 The community-supported `dagster-contrib-gcp` package provides integrations with Google Cloud Platform (GCP) services. It currently includes the following integrations:

diff --git a/docs/docs-beta/docs/integrations/libraries/hashicorp-nomad.md b/docs/docs-beta/docs/integrations/libraries/hashicorp-nomad.md
@@ -15,6 +15,7 @@ enables:
 tags: [community-supported, compute]
 sidebar_custom_props:
   logo: images/integrations/nomad.svg
+  community: true
 ---
 
 The community-supported `dagster-nomad` package provides an integration with HashiCorp Nomad.

diff --git a/docs/docs-beta/docs/integrations/libraries/hashicorp.md b/docs/docs-beta/docs/integrations/libraries/hashicorp.md
@@ -18,6 +18,7 @@ enables:
 tags: [community-supported]
 sidebar_custom_props: 
   logo: images/integrations/hashicorp.svg
+  community: true
 ---
 
 Package for integrating HashiCorp Vault into Dagster so that you can securely manage tokens and passwords.

diff --git a/docs/docs-beta/docs/integrations/libraries/hex.md b/docs/docs-beta/docs/integrations/libraries/hex.md
@@ -15,6 +15,7 @@ enables:
 tags: [community-supported, compute]
 sidebar_custom_props:
   logo: images/integrations/hex.svg
+  community: true
 ---
 
 The community-supported `dagster-hex` package provides an integration with HashiCorp Nomad.

diff --git a/docs/docs-beta/docs/integrations/libraries/hightouch.md b/docs/docs-beta/docs/integrations/libraries/hightouch.md
@@ -17,6 +17,7 @@ enables:
 tags: [community-supported, etl]
 sidebar_custom_props: 
   logo: images/integrations/hightouch.svg
+  community: true
 ---
 
 With this integration you can trigger Hightouch syncs and monitor them from within Dagster. Fine-tune when Hightouch syncs kick-off, visualize their dependencies, and monitor the steps in your data activation workflow.

diff --git a/docs/docs-beta/docs/integrations/libraries/lakefs.md b/docs/docs-beta/docs/integrations/libraries/lakefs.md
@@ -17,6 +17,7 @@ enables:
 tags: [community-supported, storage]
 sidebar_custom_props: 
   logo: images/integrations/lakefs.svg
+  community: true
 ---
 
 By integrating with lakeFS, a big data scale version control system, you can leverage the versioning capabilities of lakeFS to track changes to your data. This integration allows you to have a complete lineage of your data, from the initial raw data to the transformed and processed data, making it easier to understand and reproduce data transformations.

diff --git a/docs/docs-beta/docs/integrations/libraries/meltano.md b/docs/docs-beta/docs/integrations/libraries/meltano.md
@@ -17,6 +17,7 @@ enables:
 tags: [community-supported, etl]
 sidebar_custom_props: 
   logo: images/integrations/meltano.svg
+  community: true
 ---
 
 The `dagster-meltano` library allows you to run Meltano using Dagster. Design and configure ingestion jobs using the popular [Singer.io](https://singer.io) specification.

diff --git a/docs/docs-beta/docs/integrations/libraries/modal.md b/docs/docs-beta/docs/integrations/libraries/modal.md
@@ -15,6 +15,7 @@ enables:
 tags: [community-supported, compute]
 sidebar_custom_props:
   logo: images/integrations/modal.svg
+  community: true
 ---
 
 The community-supported `dagster-modal` package provides an integration with Modal.

diff --git a/docs/docs-beta/src/theme/DocCard/index.tsx b/docs/docs-beta/src/theme/DocCard/index.tsx
@@ -50,22 +50,34 @@ function CardLayout({
   logo,
   title,
   description,
+  community,
 }: {
   href: string;
   title: string;
   logo?: string;
   description?: string;
+  community: boolean;
 }): ReactNode {
   return (
     <CardContainer href={href}>
       <div style={{display: 'flex', flexDirection: 'row', gap: '12px'}}>
         <div style={{flex: '0 0 64px', display: logo ? 'block' : 'none'}}>
-          <img src={useBaseUrl(logo)} style={{display: 'block', width: '64px', height: '64px'}} />
+          <img
+            src={useBaseUrl(logo)}
+            style={{
+              display: 'block',
+              width: '64px',
+              height: '64px',
+              background: 'var(--dagster-white)',
+              padding: '4px',
+            }}
+          />
         </div>
         <div>
           <Heading as="h2" className={clsx('', styles.cardTitle)} title={title}>
             {title}
           </Heading>
+          {community && <p className={clsx(styles.cardSubtitle)}>Community / Partner supported</p>}
           {description && (
             <p className={clsx(styles.cardDescription)} title={description}>
               {description}
@@ -102,6 +114,7 @@ function CardLink({item}: {item: PropSidebarItemLink}): ReactNode {
   // https://github.com/facebook/docusaurus/discussions/10476
   //const icon = item?.customProps?.myEmoji ?? (isInternalUrl(item.href) ? '📄️' : '🔗');
   const logo: string | null = item?.customProps?.logo || null;
+  const community: boolean = item?.customProps?.community || false;
   const doc = useDocById(item.docId ?? undefined);
 
   return (
@@ -110,6 +123,7 @@ function CardLink({item}: {item: PropSidebarItemLink}): ReactNode {
       logo={logo}
       title={item.label}
       description={item.description ?? doc?.description}
+      community={community}
     />
   );
 }

diff --git a/docs/docs-beta/src/theme/DocCard/styles.module.css b/docs/docs-beta/src/theme/DocCard/styles.module.css
@@ -37,3 +37,10 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
+
+
+.cardSubtitle {
+  font-size: 1.0rem;
+  line-height: 1.5rem;
+  color: var(--theme-color-text-blue) !important;
+}