From 190be14dc7961b08ec28928adfd1ed4e66cb0dd3 Mon Sep 17 00:00:00 2001
From: James Munroe <jmunroe@2i2c.org>
Date: Tue, 30 Apr 2024 18:31:43 +0000
Subject: [PATCH] Reformat video to use MyST

---
 notebooks/00_HubQuickStart.ipynb | 48 ++++++++++++--------------------
 1 file changed, 18 insertions(+), 30 deletions(-)

diff --git a/notebooks/00_HubQuickStart.ipynb b/notebooks/00_HubQuickStart.ipynb
index 827849b..17f8380 100644
--- a/notebooks/00_HubQuickStart.ipynb
+++ b/notebooks/00_HubQuickStart.ipynb
@@ -3,7 +3,8 @@
   {
    "cell_type": "markdown",
    "metadata": {
-    "tags": []
+    "tags": [],
+    "user_expressions": []
    },
    "source": [
     "# Spyglass: Quick Start Demo\n",
@@ -13,38 +14,21 @@
     "built with [DataJoint](https://github.com/datajoint/datajoint-python/) and\n",
     "maintained by the [Frank Lab](https://franklab.ucsf.edu/) at UCSF.\n",
     "\n",
-    "This is a Jupyter Notebook. To run the selected _cell_ and advance in this document, use `SHIFT+ENTER`\n",
-    "\n",
-    "To learn more about Spyglass from Dr. Loren Frank by running the code block below and then click the play button to start the video.\n"
+    "This is a Jupyter Notebook. To run the selected _cell_ and advance in this document, use `SHIFT+ENTER`"
    ]
   },
   {
-   "cell_type": "code",
-   "execution_count": 1,
+   "cell_type": "markdown",
    "metadata": {
-    "tags": []
+    "user_expressions": []
    },
-   "outputs": [
-    {
-     "data": {
-      "text/html": [
-       "<iframe src=\"https://player.vimeo.com/video/922578532?title=0&portrait=0\" width=\"100%\" height=\"500\">\n",
-       "<img src=\"https://github.com/LorenFrankLab/spyglass-demo/blob/main/HubImg.png?raw=true\" alt=\"Please execute above cell with <i>SHIFT+ENTER</i> to play a video.\"/>\n",
-       "</iframe>\n"
-      ],
-      "text/plain": [
-       "<IPython.core.display.HTML object>"
-      ]
-     },
-     "metadata": {},
-     "output_type": "display_data"
-    }
-   ],
    "source": [
-    "%%html\n",
-    "<iframe src=\"https://player.vimeo.com/video/922578532?title=0&portrait=0\" width=\"100%\" height=\"500\">\n",
-    "<img src=\"https://github.com/LorenFrankLab/spyglass-demo/blob/main/HubImg.png?raw=true\" alt=\"Please execute above cell with <i>SHIFT+ENTER</i> to play a video.\"/>\n",
-    "</iframe>"
+    ":::: {dropdown} 🎬To learn more about Spyglass from Dr. Loren Frank click HERE to watch the video.\n",
+    ":::{iframe} https://player.vimeo.com/video/922578532?title=0&portrait=0\n",
+    ":width:100%\n",
+    ":::\n",
+    "\n",
+    "::::"
    ]
   },
   {
@@ -91,9 +75,13 @@
   },
   {
    "cell_type": "markdown",
-   "metadata": {},
+   "metadata": {
+    "user_expressions": []
+   },
    "source": [
-    "This step should take less than 20 seconds and the warning `mysql: [Warning] Using a password on the command line interface can be insecure.` is expected for this quick start demo.\n"
+    "::: {warning} Note\n",
+    "This step should take less than 20 seconds and the warning `mysql: [Warning] Using a password on the command line interface can be insecure.` is expected for this quick start demo.\n",
+    ":::"
    ]
   },
   {
@@ -1311,7 +1299,7 @@
    "name": "python",
    "nbconvert_exporter": "python",
    "pygments_lexer": "ipython3",
-   "version": "3.9.16"
+   "version": "3.10.12"
   }
  },
  "nbformat": 4,