Update figures to display

Author: liamjberrisford

short_courses/figures/virtual_environments/macos_terminal.png

@@ -49,11 +49,21 @@
     "\n",
     "The first step on macOS to create a virtual environment is to open the 'Terminal'. This can be done by searching for the program and clicking on the program icon, which is:\n",
     "\n",
-    "<img src=\"figures/virtual_environments/terminal_icon.png\" alt=\"An image of the macOS Terminal Icon\" width=\"300\"/>\n",
+    "\n",
+    "```{image} figures/virtual_environments/terminal_icon.png\n",
+    ":alt: An image of the macOS Terminal Icon\n",
+    ":width: 300px\n",
+    ":align: center\n",
+    "```\n",
     "\n",
     "This should then open a window such as: \n",
     "\n",
-    "<img src=\"figures/virtual_environments/macos_terminal.png\" alt=\"An image of the macOS Terminal\" width=\"800\"/>\n",
+    "```{image} figures/virtual_environments/macos_terminal.png\n",
+    ":alt: An image of the macOS Terminal\n",
+    ":class: bg-primary mb-1\n",
+    ":width: 1000px\n",
+    ":align: center\n",
+    "```\n",
     "\n",
     "#### Verifying Python Installation\n",
     "\n",
@@ -121,7 +131,12 @@
     "\n",
     "Your command line should now have a hint that highlights which environment you are currently in. This is key as it will make it easy at a glance to understand which environment you are in. Your command line should now look something like: \n",
     "\n",
-    "<img src=\"figures/virtual_environments/venv_terminal_hint.png\" alt=\"An image of the macOS Terminal with venv environment hint\" width=\"500\"/>\n",
+    "```{image} figures/virtual_environments/venv_terminal_hint.png\n",
+    ":alt: An image of the macOS Terminal with venv environment hint\n",
+    ":class: bg-primary mb-1\n",
+    ":width: 1000px\n",
+    ":align: center\n",
+    "```\n",
     "\n",
     "You can now deactivate the environment with the following command:\n",
     "\n",
@@ -173,20 +188,40 @@
     "2. Typing **cmd** or **Command Prompt**\n",
     "3. Clicking on the **Command Prompt** icon.\n",
     "\n",
-    "\n",
-    "<img src=\"figures/virtual_environments/Command_Prompt.png\" alt=\"An image of the Windows Command Prompt Icon\" width=\"500\"/>\n",
+    "```{image} figures/virtual_environments/Command_Prompt.png\n",
+    ":alt: An image of the Windows Command Prompt Icon\n",
+    ":class: bg-primary mb-1\n",
+    ":width: 500px\n",
+    ":align: center\n",
+    "```\n",
     "\n",
     "Alternatively, you may use **PowerShell** by typing **PowerShell** in the Start menu and selecting it.\n",
     "\n",
-    "<img src=\"figures/virtual_environments/Powershell.png\" alt=\"An image of the Windows PowerShell Icon\" width=\"500\"/>\n",
+    "```{image} figures/virtual_environments/Powershell.png\n",
+    ":alt: An image of the Windows PowerShell Icon\n",
+    ":class: bg-primary mb-1\n",
+    ":width: 500px\n",
+    ":align: center\n",
+    "```\n",
     "\n",
     "When the Command Prompt is opened, you will see a window such as:\n",
     "\n",
-    "<img src=\"figures/virtual_environments/Command_Prompt_Terminal.png\" alt=\"An image of the Windows Command Prompt Icon\" width=\"500\"/>\n",
+    "```{image} figures/virtual_environments/Command_Prompt_Terminal.png\n",
+    ":alt: An image of the Windows Command Prompt Icon\n",
+    ":class: bg-primary mb-1\n",
+    ":width: 1000px\n",
+    ":align: center\n",
+    "```\n",
     "\n",
     "or if you are using PowerShell then you will see:\n",
     "\n",
-    "<img src=\"figures/virtual_environments/Powershell_Terminal.png\" alt=\"An image of the Windows PowerShell Terminal\" width=\"500\"/>\n",
+    "\n",
+    "```{image} figures/virtual_environments/Powershell_Terminal.png\n",
+    ":alt: An image of the Windows PowerShell Terminal\n",
+    ":class: bg-primary mb-1\n",
+    ":width: 1000px\n",
+    ":align: center\n",
+    "```\n",
     "\n",
     "\n",
     "#### Verifying Python Installation \n",
@@ -300,7 +335,7 @@
     "\n",
     "This behavior is the main advantage of virtual environments: they let you maintain different sets (and versions) of Python libraries for different projects, all on the same machine, without interference. For instance, you might need Package X that only works with Package Y version 1 for one project, while another project needs the newer Package Y version 2. With virtual environments, you can install each combination of packages only once and quickly switch between them.\n",
     "\n",
-    "### Python Environment and Dependency Management Tools \n",
+    "## Python Environment and Dependency Management Tools \n",
     "\n",
     "There are a number of different options available for environmental and dependency management tools. Below are some of the most widely used tools for this task within Python. The following sections act as a set of signposts to the more comprehensive guides to their use on their official websites. \n",
     "\n",
@@ -442,6 +477,14 @@
     "```\n",
     "\n"
    ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "301c5b93-8c6e-4b23-ac74-92e2c9f9a2a8",
+   "metadata": {},
+   "outputs": [],
+   "source": []
   }
  ],
  "metadata": {