switched to attr_list for sized images

0Hughman0 · Oct 24, 2024 · 90225a9 · 90225a9
1 parent 8e40146
commit 90225a9
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/doc_src/docs/user-guide/creating-tiers.md b/doc_src/docs/user-guide/creating-tiers.md
@@ -4,7 +4,7 @@
 
 Once JupyterLab has opened, open the launcher and scroll down to the Cassini section and click the Cassini Browser button:
 
-<img src="../static/cassini-launcher.png" width="100px"/>
+![](../static/cassini-launcher.png){ width="100px" }
 
 This will open the Cassini Browser, which is used to navigate around your project.
 
@@ -24,7 +24,7 @@ To add a new `WorkPackage` to `Home`, click the plus button in the Tier Table:
 
 This will open the New Child Dialogue:
 
-<img src="../static/new-child-dialogue.png" width="300px"/>
+![]("../static/new-child-dialogue.png"){ width="300px" }
 
 ### New Child Dialogue Fields
 

diff --git a/doc_src/docs/user-guide/meta.md b/doc_src/docs/user-guide/meta.md
@@ -29,7 +29,7 @@ You can do this from the [preview panel](./preview-panel.md) in the tier browser
 smpl.gui.meta_editor(name=['key'])
 ```
 
-<img alt="meta editor" src="../static/inline-meta-editor.png" width="400px"/>
+![meta editor](../static/inline-meta-editor.png){ width="400px" }
 
 Once you've entered a value, and applied the change, click the save button at the top of the notebook to apply it.
 

diff --git a/doc_src/docs/user-guide/preview-panel.md b/doc_src/docs/user-guide/preview-panel.md
@@ -12,13 +12,13 @@ Within the preview panel, you have the following sections...
 
 ### Description
 
-<img alt="Description Box" src="../static/description-editor.png" width="400px"/>
+![Description Box](../static/description-editor.png){ width="400px" }
 
 A box where you can view and edit the description. Remember, the first line of your description is used in the 'info' column of the browser table.
 
 ### Highlights
 
-<img src="../static/highlights-example.png" alt="Highlights" width="400px"></img>
+![Highlights](../static/highlights-example.png){ width="400px" }
 
 [Remember these?](within-the-notebook.md#creating-highlights) - here you can see any highlight outputs from tier notebook.
 
@@ -28,7 +28,7 @@ The conclusion of this tier, works the same as the description. In this case, th
 
 ### Meta
 
-<img alt="Meta Editor" src="../static/meta-section.png" width="400px"/>
+![Meta Editor](../static/meta-section.png){ width="400px" }
 
 In this section you can attach meta-data to your tier. These can be experimental parameters, summary statistics from your analysis, you name it.
 

diff --git a/doc_src/docs/user-guide/templating.md b/doc_src/docs/user-guide/templating.md
@@ -46,7 +46,7 @@ Meta value = "{{ tier.meta['key'] }}"
 
 Then in the New Child Dialogue
 
-<img alt="New Child Custom Template" src="../static/new-child-custom-template.png" width="400px"/>
+![New Child Custom Template](../static/new-child-custom-template.png){ width="400px" }
 
 This will then render as:
 

diff --git a/doc_src/docs/user-guide/within-the-notebook.md b/doc_src/docs/user-guide/within-the-notebook.md
@@ -95,7 +95,7 @@ This curve reminds me of U.
 
 Cassini will then capture the output of this cell and will allow it to be viewed in the Cassini Browser Preview panel _without_ having to run or open the notebook.
 
-<img src="../static/highlights-example.png" alt="Highlights" width="400px"></img>
+![Highlights](../static/highlights-example.png){ width="400px" }
 
 !!!Note
     Behind the scenes, the `%%hlt` magic only knows which tier to associate the highlight with, because you called `project.env` at the top of your notebook.