diff --git a/client/src/components/atoms/CategoryImage.tsx b/client/src/components/atoms/CategoryImage.tsx index 2477047..6a554e2 100644 --- a/client/src/components/atoms/CategoryImage.tsx +++ b/client/src/components/atoms/CategoryImage.tsx @@ -34,6 +34,7 @@ import theology from '../../img/categories/theology.jpg' import transport from '../../img/categories/transport.jpg' import urbanplanning from '../../img/categories/urbanplanning.jpg' import visualart from '../../img/categories/visualart.jpg' +import aiforgood from '../../img/aiforgood.jpg' import fallback from '@oceanprotocol/art/jellyfish/jellyfish-back.svg' const categoryImageFile = (category: string) => { @@ -134,6 +135,8 @@ const categoryImageFile = (category: string) => { case 'Visual Arts & Design': case 'visualart': return visualart + case 'AI For Good': + return aiforgood default: return fallback } diff --git a/client/src/components/organisms/AssetsLatest.module.scss b/client/src/components/organisms/AssetsLatest.module.scss index 153efb8..7f04eb0 100644 --- a/client/src/components/organisms/AssetsLatest.module.scss +++ b/client/src/components/organisms/AssetsLatest.module.scss @@ -32,9 +32,9 @@ text-align: center; color: $brand-grey-light; border-bottom: 1px solid $brand-grey-lighter; - padding-bottom: $spacer / 4; + padding-bottom: $spacer / 3; margin-top: $spacer * 3; - margin-bottom: $spacer / 2; + margin-bottom: $spacer; @media (min-width: $break-point--small) { text-align: left; diff --git a/client/src/img/aiforgood.jpg b/client/src/img/aiforgood.jpg new file mode 100644 index 0000000..0522a52 Binary files /dev/null and b/client/src/img/aiforgood.jpg differ diff --git a/client/src/routes/Home.module.scss b/client/src/routes/Home.module.scss index 4629ce5..80b3bde 100644 --- a/client/src/routes/Home.module.scss +++ b/client/src/routes/Home.module.scss @@ -19,9 +19,9 @@ text-align: center; color: $brand-grey-light; border-bottom: 1px solid $brand-grey-lighter; - padding-bottom: $spacer / 4; + padding-bottom: $spacer / 3; margin-top: $spacer * 3; - margin-bottom: $spacer / 2; + margin-bottom: $spacer; @media (min-width: $break-point--small) { text-align: left;