add AI Commons logo

client/src/components/organisms/Footer.module.scss

@@ -71,3 +71,23 @@
         margin-bottom: 0;
     }
 }
+
+.aicommons {
+    svg {
+        width: 100px;
+        height: auto;
+        vertical-align: middle;
+        margin-top: -.05rem;
+        margin-left: $spacer / 6;
+        fill: currentColor;
+    }
+
+    a {
+        &:hover,
+        &:focus {
+            svg {
+                fill: $brand-pink;
+            }
+        }
+    }
+}

client/src/components/organisms/Footer.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import { Market } from '../../context'
 import Content from '../atoms/Content'
+import { ReactComponent as AiCommons } from '../../img/aicommons.svg'
 import styles from './Footer.module.scss'
 
 import meta from '../../data/meta.json'
@@ -20,9 +21,14 @@ const Footer = () => (
                         }
                     </Market.Consumer>
                 </p>
-                <p>
+                <p className={styles.aicommons}>
                     Proud supporter of{' '}
-                    <a href="https://aicommons.com/">AI Commons</a>.
+                    <a
+                        href="https://aicommons.com/?utm_source=commons.oceanprotocol.com"
+                        title="AI Commons"
+                    >
+                        <AiCommons />
+                    </a>
                 </p>
             </Content>
         </aside>