add video from cinematic photo for home page

ayan4m1 · Feb 8, 2024 · 2241b36 · 2241b36
1 parent ce3ebf9
commit 2241b36
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -1,13 +1,13 @@
 import Layout from 'components/layout';
-import { Container, Image } from 'react-bootstrap';
-
-import logo from '../images/gatsby-icon.png';
+import { Container } from 'react-bootstrap';
 
 export default function IndexPage() {
   return (
     <Layout title="Home" description="Memorial for my beagle.">
       <Container className="text-center">
-        <Image src={logo} alt="Beagle" rounded />
+        <video autoPlay muted loop height={512} style={{ borderRadius: 8 }}>
+          <source src="/beagle-zoom.webm" type="video/webm" />
+        </video>
         <h1>Leela the Beagle</h1>
         <h2>2012 &mdash; 2024</h2>
         <h3>She will always be in our hearts.</h3>

diff --git a/static/beagle-zoom.webm b/static/beagle-zoom.webm