chore: update datachain logo

iterative · Sep 6, 2024 · 7053d98 · 7053d98
1 parent 7222420
commit 7053d98
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 10 deletions.
diff --git a/content/docs/index.md b/content/docs/index.md
@@ -31,7 +31,7 @@ as a [Python library].
     Non-exhaustive list of scenarios DVC can help with
   </card>
 
-  <card href="https://github.com/iterative/datachain" heading="🔗 DataChain">
+  <card href="https://github.com/iterative/datachain" heading="DataChain" icon="/img/logos/datachain.svg">
     Sister and upstream tool to version and wrangle data at scale
   </card>
 
@@ -42,8 +42,9 @@ as a [Python library].
 responsive⚡.
 
 ✅ Check out our GitHub repositories: [DVC](https://github.com/iterative/dvc)
-and [🔗 DataChain](https://github.com/iterative/datachain) give us a ⭐ if you
-like the projects!
+and
+[<img class="inline" width="20px"  src="/img/logos/datachain.svg" /> DataChain](https://github.com/iterative/datachain)
+give us a ⭐ if you like the projects!
 
 ✅ Contribute to DVC [on GitHub](https://github.com/iterative/dvc) or help us
 improve this [documentation](https://github.com/iterative/dvc.org) 🙏.
diff --git a/src/@dvcorg/gatsby-theme-iterative/components/LayoutFooter/index.tsx b/src/@dvcorg/gatsby-theme-iterative/components/LayoutFooter/index.tsx
@@ -13,6 +13,7 @@ import { ReactComponent as GithubSVG } from '@dvcorg/gatsby-theme-iterative/src/
 import { ReactComponent as TwitterSVG } from '@dvcorg/gatsby-theme-iterative/src/components/SocialIcon/twitter.svg'
 import { ReactComponent as DiscordSVG } from '@dvcorg/gatsby-theme-iterative/src/components/SocialIcon/discord.svg'
 import { ReactComponent as StudioSVG } from '../../../../../static/img/studio_icon-color--square_vector.svg'
+import { ReactComponent as DatachainSVG } from '../../../../../static/img/logos/datachain.svg'
 
 import * as styles from '@dvcorg/gatsby-theme-iterative/src/components/LayoutFooter/styles.module.css'
 import LogoGradient from '@dvcorg/gatsby-theme-iterative/src/components/LogoGradient'
@@ -106,7 +107,7 @@ const footerListsData: Array<IFooterListData> = [
       {
         href: githubDatachainUrl,
         text: 'DataChain',
-        icon: <span className={styles.productIcon}>🔗</span>
+        icon: <DatachainSVG className={styles.productIcon} />
       },
       {
         href: 'https://studio.iterative.ai/',

diff --git a/src/@dvcorg/gatsby-theme-iterative/data/menu.tsx b/src/@dvcorg/gatsby-theme-iterative/data/menu.tsx
@@ -132,10 +132,9 @@ const menuData: IMenuData = {
       description:
         'Wrangle unstructured data in Python using AI helpers at scale',
       href: githubDatachainUrl,
-      iconClass: '',
-      img: '',
-      imgAlt: '',
-      icon: <span className="inline-block text-2xl">🔗</span>
+      iconClass: styles.datachainIcon,
+      img: '/img/logos/datachain.svg',
+      imgAlt: 'Datachain logo'
     },
     {
       title: 'DVC Studio',

diff --git a/src/@dvcorg/gatsby-theme-iterative/data/styles.module.css b/src/@dvcorg/gatsby-theme-iterative/data/styles.module.css
@@ -14,6 +14,10 @@
   background-image: url('../../../../static/img/vscode-icon.svg');
 }
 
+.datachainIcon {
+  background-image: url('../../../../static/img/logos/datachain.svg');
+}
+
 .other {
   font-weight: 600;
   letter-spacing: 2px;

diff --git a/src/components/Home/Hero/GetStarted/GetStartedWithDatachain.tsx b/src/components/Home/Hero/GetStarted/GetStartedWithDatachain.tsx
@@ -12,7 +12,11 @@ const GetStartedWithDatachain = () => {
     <HeroContainer className="py-10 px-6" id="get-started-datachain">
       <div className="flex items-center md:justify-center">
         <h1 className={cn('text-2xl font-medium')}>Get Started with</h1>
-        <span className="inline-block text-5xl ml-1">🔗</span>
+        <img
+          src="/img/logos/datachain.svg"
+          className="ml-2 inline-block h-12"
+          alt="Datachain Logo"
+        />
       </div>
       <DatachainSlides />
       <div className={cn('flex flex-col items-center justify-center w-full')}>

diff --git a/src/components/Home/Hero/HeroSection.tsx b/src/components/Home/Hero/HeroSection.tsx
@@ -98,7 +98,7 @@ const HeroSection = () => {
       {/* Title Section */}
       <SectionWrapper>
         <Section>
-          <span className="inline-block text-8xl">🔗</span>
+          <img src="/img/logos/datachain.svg" alt="DVC Logo" className="h-28" />
           <div
             className={cn(
               'flex flex-col gap-4 flex-1 justify-between',

diff --git a/static/img/logos/datachain.svg b/static/img/logos/datachain.svg