Merge pull request #58 from DARPA-ASKEM/video

Fix inaccessible video links
DARPA-ASKEM · Jan 30, 2025 · 6c5c26c · 6c5c26c
2 parents da8a34b + 5b8f82d
commit 6c5c26c
Show file tree

Hide file tree

Showing 10 changed files with 62 additions and 24 deletions.
diff --git a/docs/config-and-intervention/simulate-intervention-policy.md b/docs/config-and-intervention/simulate-intervention-policy.md
@@ -6,7 +6,10 @@ title: Simulate an intervention policy
 
 You can simulate an intervention policy to assess the impact of your intervention on a variable of interest. For example, you can see how increasing vaccination rate affects hospitalizations.
 
-<iframe class="video" src="https://drive.google.com/file/d/169Nkc2h6ArjYkhsm0D-Se7JENrzzfI7Q/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/simulating-intervention-policies.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/simulating-intervention-policies.mp4" download>Download the video</a>.
+</video>
 
 ## Build an intervention policy simulation workflow
 

diff --git a/docs/datasets/index.md b/docs/datasets/index.md
@@ -13,7 +13,10 @@ You can use uploaded datasets or simulation results to [configure](../config-and
 
 The Transform data operator can also serve as a place to visually plot and compare multiple datasets or simulation results.
 
-<iframe class="video" src="https://drive.google.com/file/d/12uk_RpRaVlMygP2B8qHZ1LOv_CEK53Zv/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/working-with-data.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/working-with-data.mp4" download>Download the video</a>.
+</video>
 
 !!! note
 

diff --git a/docs/get-started/video.md b/docs/get-started/video.md
@@ -16,32 +16,56 @@ The following videos show how to use Terarium to, for example:
 
 ## Introduction
 
-<iframe class="video" src="https://drive.google.com/file/d/1DrbkI_6b8MBjJtUrz3SPVopUK7F4T_c9/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/introduction.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/introduction.mp4" download>Download the video</a>.
+</video>
 
 ## Working with data
 
-<iframe class="video" src="https://drive.google.com/file/d/12uk_RpRaVlMygP2B8qHZ1LOv_CEK53Zv/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/working-with-data.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/working-with-data.mp4" download>Download the video</a>.
+</video>
 
 ## Creating a model from equations
 
-<iframe class="video" src="https://drive.google.com/file/d/15y1c4esX-xjnLfAmP2igzkifzSpWuIm8/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/create-model-from-equations.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/create-model-from-equations.mp4" download>Download the video</a>.
+</video>
 
 ## Editing a model
 
-<iframe class="video" src="https://drive.google.com/file/d/1k2T9cpCCPpGdgnhMx_DRrE1jpdoruM1o/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/editing-a-model.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/editing-a-model.mp4" download>Download the video</a>.
+</video>
 
 ## Calibration
 
-<iframe class="video" src="https://drive.google.com/file/d/1by_OGfVBbx2ExmdAMR8lKYFym000-B1x/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/calibration.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/calibration.mp4" download>Download the video</a>.
+</video>
 
 ## Simulating intervention policies
 
-<iframe class="video" src="https://drive.google.com/file/d/169Nkc2h6ArjYkhsm0D-Se7JENrzzfI7Q/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/simulating-intervention-policies.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/simulating-intervention-policies.mp4" download>Download the video</a>.
+</video>
 
 ## Optimizing intervention policies
 
-<iframe class="video" src="https://drive.google.com/file/d/1FlovnXRv9NUIRSuW1J7Xc3Ci53pwpydv/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/optimize.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/optimize.mp4" download>Download the video</a>.
+</video>
 
 ## Stratification
 
-<iframe class="video" src="https://drive.google.com/file/d/1S8_4vD5ZSEv--WGPiOlFEfJMD9bZ4ZHt/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/stratification.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/stratification.mp4" download>Download the video</a>.
+</video>
diff --git a/docs/index.md b/docs/index.md
@@ -21,7 +21,10 @@ Regardless of your level of programming experience, Terarium allows you to:
 - :fontawesome-solid-chart-line:{ .lg .middle } **Analyze the results**
 </div>
 
-<iframe class="video" src="https://drive.google.com/file/d/1DrbkI_6b8MBjJtUrz3SPVopUK7F4T_c9/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/introduction.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/introduction.mp4" download>Download the video</a>.
+</video>
 
 Need more help? Check out these topics:
 

diff --git a/docs/modeling/create-model-from-equations.md b/docs/modeling/create-model-from-equations.md
@@ -9,7 +9,10 @@ The Create model from equations operator helps you to recreate a model from lite
 1. [Choose or enter the equations](#choose-the-equations) you want to include in the model.
 2. [Create the model](#create-the-model) as an output or resource for use in other modeling and configuration processes. 
 
-<iframe class="video" src="https://drive.google.com/file/d/15y1c4esX-xjnLfAmP2igzkifzSpWuIm8/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/create-model-from-equations.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/create-model-from-equations.mp4" download>Download the video</a>.
+</video>
 
 !!! note
 

diff --git a/docs/modeling/edit-model.md b/docs/modeling/edit-model.md
@@ -14,7 +14,10 @@ Model editing lets you build on existing models. Supported edits include:
 
 The Edit model operator is a code notebook with an interactive AI assistant. You describe in plain language the changes you want to make, and the large language model (LLM)-powered assistant automatically generates the code for you.
 
-<iframe class="video" src="https://drive.google.com/file/d/1k2T9cpCCPpGdgnhMx_DRrE1jpdoruM1o/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/editing-a-model.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/editing-a-model.mp4" download>Download the video</a>.
+</video>
 
 !!! note
 

diff --git a/docs/modeling/stratify-model.md b/docs/modeling/stratify-model.md
@@ -6,7 +6,10 @@ title: "Stratify a model"
 
 You can make a simple model more complex by stratifying its state variables and parameters. Stratification builds many different versions of a model and its parameters&mdash;by location, demographics, or other contextual data&mdash;into one large model. You can then configure, calibrate, or simulate the combined models all at once.
 
-<iframe class="video" src="https://drive.google.com/file/d/1S8_4vD5ZSEv--WGPiOlFEfJMD9bZ4ZHt/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/stratification.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/stratification.mp4" download>Download the video</a>.
+</video>
 
 ## Stratify model operator
 

diff --git a/docs/simulation/calibrate-ensemble.md b/docs/simulation/calibrate-ensemble.md
@@ -315,7 +315,7 @@ Generally, a good calibration takes a broad distribution (a low-certainty prior)
 
     - Select or clear **Show distributions in charts**.
 
-### Troubleshooting
+## Troubleshooting
 
 You may encounter various errors instead of calibration results.
 

diff --git a/docs/simulation/calibrate-model.md b/docs/simulation/calibrate-model.md
@@ -8,7 +8,10 @@ Calibration lets you improve the performance of a model by updating the value of
 
 This operation essentially takes prior distribution over the parameters (your knowledge of the world at the first timepoint) and infers posterior distributions over the same, representing the best estimate of the state of the world again but conditioned on data.
 
-<iframe class="video" src="https://drive.google.com/file/d/1by_OGfVBbx2ExmdAMR8lKYFym000-B1x/preview" width="640" height="360"></iframe>
+<video controls>
+  <source src="https://videos.terarium.ai/calibration.mp4" type="video/mp4">
+  Your browser does not support HTML5 video. <a href="https://videos.terarium.ai/calibration.mp4" download>Download the video</a>.
+</video>
 
 ## Calibrate operator
 
@@ -280,7 +283,7 @@ You can save Calibrate charts for use outside of Terarium. Download charts as im
         - View compiled Vega (JSON)
         - Open in [Vega Editor](https://vega.github.io/editor/#/) :octicons-link-external-24:{ alt="External link" title="External link" }
 
-### Troubleshooting
+## Troubleshooting
 
 You may encounter various errors instead of calibration results.
 

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -299,11 +299,4 @@ div.highlight.wrap pre code {
 
 a.headerlink{
   text-decoration: none;
-}
-
-iframe.video {
-    display: block; /* Ensures it's treated as a block element */
-    margin: 0 auto; /* Center it horizontally */
-    padding: 0;
-    border-width: 0;
 }