asdf

book/chapters/rob/ocean_science.ipynb

@@ -10,35 +10,49 @@
     "[Jupyter Book](https://geo-smart.github.io/oceanography/intro.html) and [GitHub repo](https://github.com/geo-smart/oceanography).\n",
     "\n",
     "\n",
-    "Markdown A: Use `img` html to show Revelle? \n",
-    "\n",
+    "`img` html Try 1 \n",
     "\n",
     "\n",
     "<BR>\n",
-    "<img src=\"./../../img/revelle.jpg\" style=\"float: left;\" alt=\"drawing\" width=\"700\"/>\n",
+    "<img src=\"../../img/revelle.jpg\" style=\"float: left;\" alt=\"drawing\" class=\"bg-primary\" width=\"700px\" height=\"700px\"/>\n",
     "<div style=\"clear: left\">\n",
     "<BR>\n",
     "    \n",
+    "\n",
+    "figure construct Try 1\n",
+    "\n",
+    "    \n",
+    "<br><br>\n",
+    "\n",
+    "\n",
+    "```{figure} ../../img/revelle.png\n",
+    "---\n",
+    "height: 300px\n",
+    "name: directive-fig\n",
+    "---\n",
+    "Here is my figure caption!\n",
+    "```\n",
+    "    \n",
+    "<br><br>\n",
     "    \n",
     "Markdown B: Use a more complicated back-tick construct to show the Revelle:\n",
     "\n",
     "\n",
     "    \n",
-    "Backtick Try 1\n",
+    "image construct Try 1\n",
     "    \n",
     "\n",
-    "<br>\n",
+    "<br><br>\n",
     "\n",
     "\n",
-    "```\n",
-    "{image} ./../../img/revelle.png\n",
+    "```{image} ../../img/revelle.png\n",
     ":alt: revelle\n",
     ":class: bg-primary mb-1\n",
     ":width: 500px\n",
     ":align: left\n",
     "```\n",
     "\n",
-    "<br><br><br>\n",
+    "<br><br>\n",
     "\n",
     "    \n",
     "\n",