Fixed showing images in the Pairing tutorial (numpy#78)

melissawm · rossbar · web-flow · commit aca4493ad50e · 2021-04-29T13:38:10.000-03:00
* Fixed showing images in the Pairing tutorial.

* Update content/pairing.md

Co-authored-by: Ross Barnowski &lt;rossbar@berkeley.edu&gt;

Co-authored-by: Ross Barnowski &lt;rossbar@berkeley.edu&gt;
diff --git a/content/pairing.md b/content/pairing.md
@@ -204,34 +204,32 @@ to include the Jupytext extension.
 
 You can pair the two formats in the classic Jupyter, Jupyter Lab,
 or the command line:
-<ul>
-<details>
-    <summary>
-        <b>1. Classic Jupyter Jupytext pairing</b>.
-    </summary>
-    <img src="../_static/01-classic.gif" width=80% height=80%>
-</details>
-    
-<details>
-    <summary>
-        <b>2. Jupyter Lab Jupytext pairing</b>
-    </summary>
-	<img src="../_static/02-jupyterlab.gif" width=80% height=80%>
-</details>
-
-<details>
-    <summary>
-		<b>3. Command line Jupytext pairing</b>
-    </summary>
-  <pre><code>
-  jupytext --set-formats ipynb,myst notebook.ipynb
-  </pre></code>
-  Then, update either the MyST markdown or notebook file:
-  <pre><code>
-  jupytext --sync notebook.ipynb
-  </pre></code>
-</details>
-</ul>
+
+```{admonition} **1. Classic Jupyter Jupytext pairing**
+:class: toggle
+
+![Animation showing pairing with Jupyter classic](_static/01-classic.gif)
+```
+
+```{admonition} **2. JupyterLab Jupytext pairing**
+:class: toggle
+
+![Animation showing pairing with JupyterLab](_static/02-jupyterlab.gif)
+```
+
+````{admonition} **3. Command line Jupytext pairing**
+:class: toggle
+
+```sh
+jupytext --set-formats ipynb,myst notebook.ipynb
+```
+
+Then, update either the MyST markdown or notebook file:
+
+```sh
+jupytext --sync notebook.ipynb
+```
+````
 
 > __Note:__ With Jupytext installed, the classic Jupyter interface will
 > automatically open MyST files as notebooks. In JupyterLab, you can
