spinning logo (#984)

raphamorim · Feb 24, 2025 · 55d08f7 · 55d08f7
1 parent b33281c
commit 55d08f7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
@@ -42,7 +42,9 @@ function HomepageHeader() {
       </div>
       <div className={styles.logoContainer}>
         <div className={styles.logoBackground} />
-        <img src={"assets/rio-logo.png"} className={styles.logo} />
+        <video className={styles.logo} autoPlay={true} loop={false} muted={true} playsInline={true} preLoad={true}>
+          <source src={"assets/rio-spinning.webm"} type="video/webm"/>
+        </video>
       </div>
     </header>
   );

diff --git a/docs/src/pages/index.module.css b/docs/src/pages/index.module.css
@@ -146,8 +146,8 @@
 
 @media (min-width: 960px) {
   .logo {
-    width: 15rem;
-    height: 15rem;
+    width: 25rem;
+    height: 25rem;
   }
 }
 

diff --git a/docs/static/assets/rio-spinning.webm b/docs/static/assets/rio-spinning.webm