fix: typo, more tools section

Author: yathomasi

package.json

@@ -44,7 +44,7 @@
     "node": ">=18.x <=20.x"
   },
   "dependencies": {
-    "@dvcorg/gatsby-theme-iterative": "0.3.20",
+    "@dvcorg/gatsby-theme-iterative": "0.3.21",
     "@dvcorg/websites-server": "^0.1.1",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",

src/@dvcorg/gatsby-theme-iterative/components/LayoutFooter/index.tsx

@@ -11,9 +11,7 @@ import { ReactComponent as YoutubeIcon } from '@media/icons/youtube.svg'
 import { ReactComponent as LinkedInIcon } from '@media/icons/linkedin.svg'
 import { ReactComponent as IterativeIcon } from '@media/icons/iterative.svg'
 import dvcIcon from '@media/icons/dvc.svg'
-import cmlIcon from '@media/icons/cml.svg'
 import studioIcon from '@media/icons/studio.svg'
-import mlemIcon from '@media/icons/mlem.svg'
 
 interface ISocialLinkPopupProps {
   url: string
@@ -75,18 +73,18 @@ const footerLists: Array<IFooterListPopupProps> = [
     ]
   },
   {
-    title: 'Other Tools',
+    title: 'More Tools',
     items: [
+      {
+        text: 'DataChain',
+        icon: <span className="icon-block">🔗</span>,
+        url: 'https://github.com/iterative/datachain'
+      },
       {
         text: 'DVC',
         icon: <Box as="span" sx={{ backgroundImage: `url("${dvcIcon}")` }} />,
         url: 'https://dvc.org/'
       },
-      {
-        text: 'CML',
-        icon: <Box as="span" sx={{ backgroundImage: `url("${cmlIcon}")` }} />,
-        url: '/'
-      },
       {
         text: 'Studio',
         icon: (
@@ -99,18 +97,6 @@ const footerLists: Array<IFooterListPopupProps> = [
         ),
         url: 'https://studio.iterative.ai/'
       },
-      {
-        text: 'MLEM',
-        icon: (
-          <Box
-            as="span"
-            sx={{
-              backgroundImage: `url("${mlemIcon}")`
-            }}
-          />
-        ),
-        url: 'https://mlem.ai/'
-      },
       {
         text: 'VS Code Extension',
         icon: <Box as="span" sx={{ backgroundImage: `url("${dvcIcon}")` }} />,

src/@dvcorg/gatsby-theme-iterative/components/LayoutHeader/index.tsx

@@ -9,10 +9,8 @@ import { ReactComponent as DiscordIcon } from '@media/icons/discord.svg'
 import { ReactComponent as GithubIcon } from '@media/icons/github.svg'
 import { ReactComponent as UpIcon } from '@media/icons/up.svg'
 import { ReactComponent as DownIcon } from '@media/icons/down.svg'
-import { ReactComponent as CmlIcon } from '@media/icons/cml.svg'
 import { ReactComponent as DvcIcon } from '@media/icons/dvc.svg'
 import { ReactComponent as StudioIcon } from '@media/icons/studio.svg'
-import { ReactComponent as MlemIcon } from '@media/icons/mlem.svg'
 import { ReactComponent as ExternalLinkIcon } from '@media/icons/external-link.svg'
 import { ReactComponent as VsCodeIcon } from '@media/icons/vscode.svg'
 
@@ -71,36 +69,30 @@ const primaryNavItems = [
 
 const otherToolsItems: Array<IOtherToolsItem> = [
   {
-    title: 'Studio',
-    icon: <StudioIcon width="24" height="24" />,
-    description: 'Track experiments and share insights from ML projects',
-    href: 'https://studio.iterative.ai/'
+    title: 'DataChain',
+    icon: <span>🔗</span>,
+    description:
+      'Wrangle unstructured data in Python using AI helpers at scale',
+    href: 'https://github.com/iterative/datachain'
   },
   {
     title: 'DVC',
     icon: <DvcIcon width="24" height="24" />,
     description: 'Open-source version control system for ML projects',
     href: 'https://dvc.org/'
   },
+  {
+    title: 'DVC Studio',
+    icon: <StudioIcon width="24" height="24" />,
+    description: 'Track experiments and share insights from ML projects',
+    href: 'https://studio.iterative.ai/'
+  },
   {
     title: 'VS Code Extension',
     titleIcon: <VsCodeIcon className="title-icon" width="14" height="14" />,
-    icon: <div></div>,
+    icon: <DvcIcon width="24" height="24" />,
     description: 'Local ML model development and experiment tracking',
     href: 'https://marketplace.visualstudio.com/items?itemName=Iterative.dvc'
-  },
-  {
-    title: 'CML',
-    icon: <CmlIcon width="24" height="24" />,
-    description: 'Open-source CI/CD for ML projects',
-    href: '/'
-  },
-  {
-    title: 'MLEM',
-    icon: <MlemIcon width="24" height="24" />,
-    description:
-      'Open-source model registry and deployment tool for ML projects',
-    href: 'https://mlem.ai'
   }
 ]
 
@@ -235,7 +227,7 @@ const Header: React.FC<IHeaderProps> = ({ isMain }) => {
                       : {}
                   }
                 >
-                  Other Tools
+                  More Tools
                   <Box
                     variant="layout.Header.Nav.NavButton.Icon"
                     sx={

src/gatsby-plugin-theme-ui/index.js

@@ -252,6 +252,7 @@ export default {
             gridTemplateColumns: 'auto auto',
             gridTemplateRows: 'auto auto',
             textDecoration: 'none',
+            fontSize: '24px',
             textAlign: 'left',
             transition: 'background-color 0.25s',
             '&:first-of-type': {
@@ -274,6 +275,8 @@ export default {
               width: ['24px', null, '32px', '36px'],
               height: ['24px', null, '32px', '36px'],
               gridRow: 'span 2',
+              display: 'flex',
+              justifyContent: 'end',
               svg: {
                 width: ['24px', null, '32px', '36px'],
                 height: ['24px', null, '32px', '36px']

yarn.lock

@@ -1656,10 +1656,10 @@
   resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.1.1.tgz#c9c61d9fe5ca5ac664e1153bb0aa0eba1c6d6308"
   integrity sha512-jwx+WCqszn53YHOfvFMJJRd/B2GqkCBt+1MJSG6o5/s8+ytHMvDZXsJgUEWLk12UnLd7HYKac4BYU5i/Ron1Cw==
 
-"@dvcorg/gatsby-theme-iterative@0.3.20":
-  version "0.3.20"
-  resolved "https://registry.yarnpkg.com/@dvcorg/gatsby-theme-iterative/-/gatsby-theme-iterative-0.3.20.tgz#8b73c9a3ca0542449729f5c277b7e4aa91d06135"
-  integrity sha512-5EXwELAmzGbcl0h8+k3K+ggz/wvHYGtR5pOdPNQW2jeVpNsARr8RjN7rd7eOVcGaZsvYnvp8Ukg8P6ohG9cafQ==
+"@dvcorg/gatsby-theme-iterative@0.3.21":
+  version "0.3.21"
+  resolved "https://registry.yarnpkg.com/@dvcorg/gatsby-theme-iterative/-/gatsby-theme-iterative-0.3.21.tgz#01e4126fbf93c4c6a63f45e8967816a71ba4d935"
+  integrity sha512-DnxqIED7fOlQ2yObl0l1EU38GZc9cDn/OXRvoJPppoBrePcxLgCdXVDBUuPMtjmjx8XlZXtLgcPRs/mYqXnA4w==
   dependencies:
     "@babel/plugin-transform-react-jsx" "^7.23.4"
     "@reach/portal" "^0.18.0"