new svgs

Author: CamDavidsonPilon

core/pioreactor/calibrations/protocols/pump_duration_based.py

@@ -349,10 +349,18 @@ class TracerRun(SessionStep):
 
     def render(self, ctx: SessionContext) -> CalibrationStep:
         tracer_duration = float(ctx.data.get("tracer_duration_s", 1.0))
-        return steps.action(
+        step = steps.action(
             "Tracer run",
-            f"Running the pump for {tracer_duration:.2f} seconds. Please measure the volume expelled.",
+            f"Running the pump for {tracer_duration:.2f} seconds. While running, hold the tube above the vial. Please measure the volume expelled.",
         )
+        step.metadata = {
+            "image": {
+                "src": "/static/svgs/pump-measure-volume.svg",
+                "alt": "Run the pump briefly and measure the volume expelled using a scale.",
+                "caption": "Measure the volume expelled on a scale or graduated cylinder.",
+            }
+        }
+        return step
 
     def advance(self, ctx: SessionContext) -> SessionStep | None:
         tracer_duration = float(ctx.data.get("tracer_duration_s", 1.0))
@@ -407,6 +415,14 @@ def render(self, ctx: SessionContext) -> CalibrationStep:
         chart = _build_duration_chart_metadata(ctx)
         if chart:
             step.metadata = {**step.metadata, "chart": chart} if step.metadata else {"chart": chart}
+        else:
+            step.metadata = {
+                "image": {
+                    "src": "/static/svgs/pump-measure-volume.svg",
+                    "alt": "Run the pump briefly and measure the volume expelled using a scale.",
+                    "caption": "Measure the volume expelled on a scale or graduated cylinder.",
+                }
+            }
         return step
 
     def advance(self, ctx: SessionContext) -> SessionStep | None:

core/pioreactor/calibrations/protocols/stirring_dc_based.py

@@ -212,10 +212,19 @@ class Intro(SessionStep):
     step_id = "intro"
 
     def render(self, ctx: SessionContext) -> CalibrationStep:
-        return steps.info(
+        step = steps.info(
             "Stirring DC-based calibration",
-            "Insert a vial with a stir bar. Water is fine. Stirring must be off before starting.",
+            "Insert a vial with a stir bar and the liquid volume you plan to use (water is fine). "
+            "Stirring must be off before starting.",
         )
+        step.metadata = {
+            "image": {
+                "src": "/static/svgs/prepare-vial-arrow-pioreactor.svg",
+                "alt": "Insert a vial with a stir bar and the liquid volume you plan to use.",
+                "caption": "Insert a vial with a stir bar and the liquid volume you plan to use.",
+            }
+        }
+        return step
 
     def advance(self, ctx: SessionContext) -> SessionStep | None:
         if ctx.inputs.has_inputs:

core/pioreactor/web/static/asset-manifest.json

@@ -1,7 +1,7 @@
 {
   "files": {
     "main.css": "/static/static/css/main.9c7a48b7.css",
-    "main.js": "/static/static/js/main.ffc41f89.js",
+    "main.js": "/static/static/js/main.796aa6ca.js",
     "static/media/pioreactor_cloud.webp": "/static/static/media/pioreactor_cloud.b15b29e435797dc69d76.webp",
     "static/media/roboto-all-500-normal.woff": "/static/static/media/roboto-all-500-normal.0ab669b7a0d19b178f57.woff",
     "static/media/roboto-all-700-normal.woff": "/static/static/media/roboto-all-700-normal.a457fde362a540fcadff.woff",
@@ -30,10 +30,10 @@
     "static/media/roboto-greek-ext-700-normal.woff2": "/static/static/media/roboto-greek-ext-700-normal.bd9854c751441ccc1a70.woff2",
     "index.html": "/static/index.html",
     "main.9c7a48b7.css.map": "/static/static/css/main.9c7a48b7.css.map",
-    "main.ffc41f89.js.map": "/static/static/js/main.ffc41f89.js.map"
+    "main.796aa6ca.js.map": "/static/static/js/main.796aa6ca.js.map"
   },
   "entrypoints": [
     "static/css/main.9c7a48b7.css",
-    "static/js/main.ffc41f89.js"
+    "static/js/main.796aa6ca.js"
   ]
 }

core/pioreactor/web/static/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/static/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Pioreactor"/><link rel="apple-touch-icon" href="/static/logo192.png"/><link rel="manifest" href="/static/manifest.json"/><script defer="defer" src="/static/static/js/main.ffc41f89.js"></script><link href="/static/static/css/main.9c7a48b7.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/static/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Pioreactor"/><link rel="apple-touch-icon" href="/static/logo192.png"/><link rel="manifest" href="/static/manifest.json"/><script defer="defer" src="/static/static/js/main.796aa6ca.js"></script><link href="/static/static/css/main.9c7a48b7.css" rel="stylesheet"></head><body><div id="root"></div></body></html>