Add normaal animation

website/src/css/custom.css

@@ -196,12 +196,12 @@ html[data-theme='dark'] .header-github-link::before {
     padding: 20px
 }
 
-.showcase .client {
+.showcase .studio {
     display: flex;
     justify-content: space-between;
 }
 
-.showcase .client img {
+.showcase .studio img {
     max-height: 110px;
     padding: 20px;
     max-width: 160px;

website/src/pages/index.js

@@ -65,13 +65,17 @@ const collab = [
     image: '/img/clothcat.png',
     infoLink: 'https://www.clothcatanimation.com/'
   }, {
-    title: 'Ellipse Studio',
-    image: '/img/ellipse-studio.png',
-    infoLink: 'http://www.dargaudmedia.com'
+    title: 'Ellipse Animation',
+    image: '/img/ellipse_animation.svg',
+    infoLink: 'http://www.ellipseanimation.com'
   }, {
     title: 'J Cube Inc',
     image: '/img/jcube_logo_bw.png',
     infoLink: 'https://j-cube.jp'
+  }, {
+    title: 'Normaal Animation',
+    image: '/img/logo_normaal.png',
+    infoLink: 'https://j-cube.jp'
   }
 ];
 
@@ -191,10 +195,10 @@ function Service({imageUrl, title, description}) {
   );
 }
 
-function Client({title, image, infoLink}) {
+function Studio({title, image, infoLink}) {
   const imgUrl = useBaseUrl(image);
   return (
-    <a className="client" href={infoLink}>
+    <a className="studio" href={infoLink}>
       <img src={image} alt="" title={title}></img>
     </a>
   );
@@ -490,7 +494,7 @@ function Home() {
               <h2>Studios using openPype</h2>
               <div className="showcase">
                 {studios.map((props, idx) => (
-                  <Client key={idx} {...props} />
+                  <Studio key={idx} {...props} />
                 ))}
               </div>
             </div>