Merge pull request #2 from tum-pbs/to-webm

Change gifs to webm and allow gif fallback
tum-pbs · Nov 29, 2024 · 9d06fff · 9d06fff
2 parents 7b0925a + 186a618
commit 9d06fff
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 4 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -191,7 +191,12 @@ <h2 class="title is-3">Focus on Rollout Performance</h2>
                             that point out mismatches in higher frequencies.
                         </div>
                         <div class="content has-text-justified">
-                            <img src="static/img/ks_test_rollout.gif" style="width: 100%;"/>
+                            <!-- <img src="static/img/ks_test_rollout.webm" style="width: 100%;"/> -->
+                            Autoplay and loop video
+                            <video  loop autoplay style="width: 100%;">
+                                <source src="static/img/ks_test_rollout.webm" type="video/webm"/>
+                                <img src="static/img/ks_test_rollout.gif" style="width: 100%;"/>
+                            </video>
                         </div>
                     </div>
                 </div>
@@ -219,7 +224,10 @@ <h2 class="title is-3">Unified PDE identifiers</h2>
                             Dispersion-Diffusion.
                         </div>
                         <div class="content has-text-justified">
-                            <img src="static/img/difficulty_animation.gif" style="width: 100%;"/>
+                            <video  loop autoplay style="width: 100%;">
+                                <source src="static/img/difficulty_animation.webm" type="video/webm"/>
+                                <img src="static/img/difficulty_animation.gif" style="width: 100%;"/>
+                            </video>
                         </div>
                     </div>
                 </div>
@@ -249,7 +257,10 @@ <h2 class="title is-3">Built-In Support for Unrolled Training</h2>
                             diverted chain training is T=5, B=1. The latter requires
                             a differentiable solver, readily available in APEBench.
                         <div class="content has-text-justified">
-                            <img src="static/img/burgers_training_animation.gif" style="width: 100%;"/>
+                            <video  loop autoplay style="width: 100%;">
+                                <source src="static/img/burgers_training_animation.webm" type="video/webm"/>
+                                <img src="static/img/burgers_training_animation.gif" style="width: 100%;"/>
+                            </video>
                         </div>
                     </div>
                 </div>
@@ -391,7 +402,10 @@ <h2 class="title is-3">Integrated Volume Renderer</h2>
                             downloads ~100MB for the opened tab).
                         </div>
                         <div class="content has-text-justified">
-                            <img src="static/img/volume_render_animation.gif" style="width: 100%;"/>
+                            <video  loop autoplay style="width: 100%;">
+                                <source src="static/img/volume_render_animation.webm" type="video/webm"/>
+                                <img src="static/img/volume_render_animation.gif" style="width: 100%;"/>
+                            </video>
                         </div>
                     </div>
                 </div>

diff --git a/docs/static/img/burgers_training_animation.webm b/docs/static/img/burgers_training_animation.webm
diff --git a/docs/static/img/difficulty_animation.webm b/docs/static/img/difficulty_animation.webm
diff --git a/docs/static/img/ks_test_rollout.webm b/docs/static/img/ks_test_rollout.webm
diff --git a/docs/static/img/volume_render_animation.webm b/docs/static/img/volume_render_animation.webm