update flowchart to clickable! using svg

Author: lily-tomkovic-DWR

docsrc/img/nuding_flowchart.svg

@@ -58,15 +58,30 @@ Do I need nudging?
 Prepping the data
 -----------------
 
+
 Sequencing your run
 -------------------
-.. mermaid::
-    :name: nudge_flow
-
-    graph LR
-      hgrid[hgrid.gr3] --> nudge_py[Run: nudging.py];
-      vgrid3["vgrid.in.3d"] --> nudge_py;
-      nudge(["Start: nudging input"]) --> nudge_ts["Nudging time series in .csv"] --> nudge_py;
-      nudge_py --> nudge_nc["{MOD}_nu.nc & {MOD_nudge.gr3}"];
-      hycom_input["hycom_input"] --> nudge_py;
-      nudge_nc --> baroclinic{"Baroclinic Simulation"};
+.. raw:: html 
+    :file: ../img/nuding_flowchart.svg
+
+.. this is from the following code:
+.. ---
+.. config:
+.. layout: fixed
+.. ---
+.. flowchart LR
+..     hgrid["hgrid.gr3"] --> nudge_py["Run: nudging.py"]
+..     vgrid3["vgrid.in.3d"] --> nudge_py
+..     nudge(["Start: nudging input"]) --> nudge_ts["Nudging time series in .csv"]
+..     nudge_ts --> nudge_py
+..     nudge_py --> nudge_nc["{MOD}_nu.nc & {MOD_nudge.gr3}"]
+..     hycom_input["hycom_input"] --> nudge_py
+..     nudge_nc --> baroclinic{"Baroclinic Simulation"}
+..     hgrid@{ shape: doc}
+..     vgrid3@{ shape: doc}
+..     nudge_ts@{ shape: docs}
+..     nudge_nc@{ shape: docs}
+    
+..     click hgrid "https://cadwrdeltamodeling.github.io/BayDeltaSCHISM/topics/mesh.html#" _blank
+
+..     style baroclinic fill:#BBDEFB