Merge pull request #29 from gnosis/mech-animations

Add more illustrations to homepage
gnosisguild · Oct 18, 2023 · 41f381b · 41f381b · vercel · Oct 18, 2023
2 parents 3b59f96 + de1105c
commit 41f381b
Show file tree

Hide file tree

Showing 9 changed files with 9 additions and 5 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -50,4 +50,4 @@
     ]
   },
   "packageManager": "[email protected]"
-}
+}
diff --git a/frontend/public/cockpit.png b/frontend/public/cockpit.png
diff --git a/frontend/public/mech-idle-less-min.gif b/frontend/public/mech-idle-less-min.gif
diff --git a/frontend/public/mech-idle-less.gif b/frontend/public/mech-idle-less.gif
diff --git a/frontend/public/mech-idle.gif b/frontend/public/mech-idle.gif
diff --git a/frontend/public/mech-loading.gif b/frontend/public/mech-loading.gif
diff --git a/frontend/src/components/LandingCard/LandingCard.module.css b/frontend/src/components/LandingCard/LandingCard.module.css
@@ -35,8 +35,8 @@
 
 .mech {
   position: absolute;
-  bottom: -13px;
-  left: -30%;
+  bottom: -14px;
+  left: -29%;
   height: 100%;
 }
 

diff --git a/frontend/src/components/LandingCard/index.tsx b/frontend/src/components/LandingCard/index.tsx
@@ -16,7 +16,11 @@ const LandingCard: React.FC = () => {
         operator of its Mech.
       </p>
       <div className={classes.demoCard}>
-        <img src="/mech_sprite.png" alt="Mech" className={classes.mech} />
+        <img
+          src="/mech-idle-less-min.gif"
+          alt="Mech"
+          className={classes.mech}
+        />
         <ul className={classes.demoInfo}>
           <li>
             <label>Mech</label>

diff --git a/frontend/src/components/Layout/index.tsx b/frontend/src/components/Layout/index.tsx
@@ -27,7 +27,7 @@ const Layout: React.FC<Props> = ({ children, mechAddress }) => {
 
   return (
     <div className={classes.layout}>
-      <img src="/cockpit.jpg" alt="cockpit" className={classes.cockpit} />
+      <img src="/cockpit.png" alt="cockpit" className={classes.cockpit} />
       <header className={classes.header}>
         <div className={classes.nav}>
           <Link to="/">
-Original file line number
+Diff line change
@@ Expand Up / @@ -50,4 +50,4 @@ @@
         ]
       },
       "packageManager": "[email protected]"
-    }
+    }