1
0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00

new ai for good banner image

This commit is contained in:
Matthias Kretschmann 2019-05-27 11:43:53 +02:00
parent 144fce56a3
commit c41e9790bb
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 7 additions and 4 deletions

View File

@ -34,6 +34,7 @@ import theology from '../../img/categories/theology.jpg'
import transport from '../../img/categories/transport.jpg' import transport from '../../img/categories/transport.jpg'
import urbanplanning from '../../img/categories/urbanplanning.jpg' import urbanplanning from '../../img/categories/urbanplanning.jpg'
import visualart from '../../img/categories/visualart.jpg' import visualart from '../../img/categories/visualart.jpg'
import aiforgood from '../../img/aiforgood.jpg'
import fallback from '@oceanprotocol/art/jellyfish/jellyfish-back.svg' import fallback from '@oceanprotocol/art/jellyfish/jellyfish-back.svg'
const categoryImageFile = (category: string) => { const categoryImageFile = (category: string) => {
@ -134,6 +135,8 @@ const categoryImageFile = (category: string) => {
case 'Visual Arts & Design': case 'Visual Arts & Design':
case 'visualart': case 'visualart':
return visualart return visualart
case 'AI For Good':
return aiforgood
default: default:
return fallback return fallback
} }

View File

@ -32,9 +32,9 @@
text-align: center; text-align: center;
color: $brand-grey-light; color: $brand-grey-light;
border-bottom: 1px solid $brand-grey-lighter; border-bottom: 1px solid $brand-grey-lighter;
padding-bottom: $spacer / 4; padding-bottom: $spacer / 3;
margin-top: $spacer * 3; margin-top: $spacer * 3;
margin-bottom: $spacer / 2; margin-bottom: $spacer;
@media (min-width: $break-point--small) { @media (min-width: $break-point--small) {
text-align: left; text-align: left;

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

View File

@ -19,9 +19,9 @@
text-align: center; text-align: center;
color: $brand-grey-light; color: $brand-grey-light;
border-bottom: 1px solid $brand-grey-lighter; border-bottom: 1px solid $brand-grey-lighter;
padding-bottom: $spacer / 4; padding-bottom: $spacer / 3;
margin-top: $spacer * 3; margin-top: $spacer * 3;
margin-bottom: $spacer / 2; margin-bottom: $spacer;
@media (min-width: $break-point--small) { @media (min-width: $break-point--small) {
text-align: left; text-align: left;