Add a demo video

also fixup the display of video
naveen521kk · Nov 21, 2023 · c8e7fb9 · c8e7fb9
1 parent 9764f6f
commit c8e7fb9
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/src/posts/projects/manim-binder.mdx b/src/posts/projects/manim-binder.mdx
@@ -11,6 +11,13 @@ tags: ["manim", "python", "binder"]
 You can view the project live on the
 [Manim Documentation](https://docs.manim.community/en/stable/examples.html).
 
+Below is a demo video of the project:
+
+<video controls>  
+  <source src="/assets/manim-binder/demo.mp4" type="video/mp4" />
+</video>
+
+
 ## Project's Background
 
 [Manim](https://manim.community) is a powerful animation engine for explanatory

diff --git a/src/styles/posts-style.module.scss b/src/styles/posts-style.module.scss
@@ -29,6 +29,11 @@
         padding-bottom: 0.5rem;
         padding-top: 0.5rem;
     }
+
+    video {
+        width: 100%;
+        height: auto;
+    }
 }
 
 @media (min-width: 640px) {

diff --git a/static/assets/manim-binder/demo.mp4 b/static/assets/manim-binder/demo.mp4