diff --git a/talks/DataSearchWorkshop2025/FrevaWorkshop.ipynb b/talks/DataSearchWorkshop2025/FrevaWorkshop.ipynb
index cb45e44..1379e60 100644
--- a/talks/DataSearchWorkshop2025/FrevaWorkshop.ipynb
+++ b/talks/DataSearchWorkshop2025/FrevaWorkshop.ipynb
@@ -1649,13 +1649,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #95a5a6; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">0</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Setup</h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #95a5a6; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">0</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Setup </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -1778,20 +1780,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "exclude_cell",
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -1882,19 +1882,18 @@
     "editable": true,
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -1950,19 +1949,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -2084,19 +2082,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -2173,19 +2170,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -2265,19 +2261,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -2341,19 +2336,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -2385,19 +2379,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -2508,19 +2501,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -2604,19 +2596,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -2768,19 +2759,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -2882,19 +2872,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -2969,19 +2958,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -3048,19 +3036,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -3117,19 +3104,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -3188,19 +3174,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -3270,19 +3255,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -3380,19 +3364,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #3498db; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">1</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Search <span style=\"font-size: 0.6em; font-weight: normal;\">(Findablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #3498db; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">1</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Search </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -3735,19 +3718,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #e74c3c; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">2</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Cataloging Data <span style=\"font-size: 0.6em; font-weight: normal;\">(Reusablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #e74c3c; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">2</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Catalog </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -3893,19 +3875,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #e74c3c; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">2</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Cataloging Data <span style=\"font-size: 0.6em; font-weight: normal;\">(Reusablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #e74c3c; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">2</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Catalog </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -3981,19 +3962,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #e74c3c; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">2</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Cataloging Data <span style=\"font-size: 0.6em; font-weight: normal;\">(Reusablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #e74c3c; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">2</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Catalog </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -4070,20 +4050,19 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #e74c3c; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">2</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Cataloging Data <span style=\"font-size: 0.6em; font-weight: normal;\">(Reusablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #e74c3c; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">2</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Catalog </h3>\n",
+    "      </div>\n",
     "    </div>\n",
-    "</div>"
+    "  </div>\n",
+    "</div>\n"
    ]
   },
   {
@@ -4147,19 +4126,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #27ae60 0%, #229954 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #27ae60; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">3</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Customize Dataset <span style=\"font-size: 0.6em; font-weight: normal;\">(Interoperablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #27ae60 0%, #229954 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #27ae60; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">3</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Custom </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -4243,19 +4221,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #27ae60 0%, #229954 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #27ae60; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">3</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Customize Dataset <span style=\"font-size: 0.6em; font-weight: normal;\">(Interoperablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #27ae60 0%, #229954 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #27ae60; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">3</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Custom </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -4320,19 +4297,18 @@
    "metadata": {
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #27ae60 0%, #229954 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #27ae60; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">3</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Customize Dataset <span style=\"font-size: 0.6em; font-weight: normal;\">(Interoperablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #27ae60 0%, #229954 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #27ae60; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">3</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Custom </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -4396,13 +4372,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #95a5a6; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">0</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Authentication</h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d  100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #95a5a6; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">0</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Auth </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -4480,13 +4458,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #27ae60 0%, #229954 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #27ae60; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">3</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Customize Dataset <span style=\"font-size: 0.6em; font-weight: normal;\">(Interoperablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #27ae60 0%, #229954 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #27ae60; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">3</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Custom </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -4578,19 +4558,18 @@
     "editable": true,
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #27ae60 0%, #229954 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #27ae60; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">3</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Customize Dataset <span style=\"font-size: 0.6em; font-weight: normal;\">(Interoperablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #27ae60 0%, #229954 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #27ae60; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">3</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Custom </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -4702,19 +4681,18 @@
     "editable": true,
     "slideshow": {
      "slide_type": "subslide"
-    },
-    "tags": [
-     "hide_input"
-    ]
+    }
    },
    "source": [
-    "<div style=\"padding: 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #27ae60 0%, #229954 100%); border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 20px;\">\n",
-    "        <div style=\"background: white; color: #27ae60; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2em; box-shadow: 0 3px 8px rgba(0,0,0,0.2); flex-shrink: 0;\">3</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h1 style=\"margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;\">Customize Dataset <span style=\"font-size: 0.6em; font-weight: normal;\">(Interoperablity)</span></h1>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #27ae60 0%, #229954 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #27ae60; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">3</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> Custom </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -4772,13 +4750,15 @@
     "tags": []
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "<h3>File vs Object Storage</h3>"
    ]
@@ -4807,13 +4787,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "<h3>File vs Object Storage</h3>"
    ]
@@ -4850,13 +4832,15 @@
     "tags": []
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "<h3>Local vs Remote</h3>"
    ]
@@ -4896,13 +4880,15 @@
     "tags": []
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## HTTP aka internet language!?\n",
@@ -4951,13 +4937,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## Requests\n",
@@ -4976,13 +4964,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## Replies\n",
@@ -5001,13 +4991,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## Object Store APIs\n",
@@ -5041,13 +5033,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "# S3 - Simple Storage Service"
@@ -5075,13 +5069,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## S3 Concepts\n",
@@ -5113,13 +5109,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## S3 - Authentication\n",
@@ -5140,13 +5138,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## Exploring data on S3\n",
@@ -5165,13 +5165,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## CLIs\n",
@@ -5235,13 +5237,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## MINIO\n",
@@ -5283,13 +5287,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## Useful Python modules\n",
@@ -5310,13 +5316,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## The usual suspects"
@@ -5381,13 +5389,15 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access <span style=\"font-size: 0.6em; font-weight: normal;\"></span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\"> S3 </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## NetCDF on S3 (classic, nc4/hdf5)"
@@ -5469,15 +5479,20 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
+    "\n",
     "# Handson - S3 Data Access"
    ]
   },
@@ -5525,13 +5540,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -5632,13 +5651,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -5705,13 +5728,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "## Let's quickly check how to open the first dataset with xarray\n",
@@ -5732,13 +5759,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -5843,13 +5874,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -5903,13 +5938,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -5932,13 +5971,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -6014,15 +6057,18 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
-    "\n",
     "# Let's save the plot on S3, as well as the datasets!\n"
    ]
   },
@@ -6035,13 +6081,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "We start by setting up a dictionary with the configuration we will need!"
@@ -6079,13 +6129,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "Now we create a wrapper on S3 that mimics a local filesystem. This will be important for `netcdf`"
@@ -6168,13 +6222,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "### Save the figure on S3\n",
@@ -6216,13 +6274,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "### Let's now write the data to S3 as both NetCDF and ZARR\n",
@@ -6271,13 +6333,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "With Zarr is enough to pass the S3 configuration in order to have xarray writing the dataset"
@@ -6327,13 +6393,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -6373,13 +6443,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "We save the mean temperature array in S3 as both Zarr and NetCDF"
@@ -6437,13 +6511,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>\n",
     "\n",
     "As the output suggests, we should be able to see the contents of the bucket:\n",
@@ -6487,13 +6565,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -6590,13 +6672,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -6692,13 +6778,17 @@
     }
    },
    "source": [
-    "<div style=\"padding: 6px 10px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 16px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
-    "    <div style=\"display: flex; align-items: center; gap: 12px;\">\n",
-    "        <div style=\"background: white; color: #f39c12; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
-    "        <div style=\"color: white; text-align: left; flex: 1;\">\n",
-    "            <h2 style=\"margin: 0; font-size: 1.4em; font-weight: bold;\">S3 Access<span style=\"font-size: 0.6em; font-weight: normal;\"> -- Handson</span></h2>\n",
-    "        </div>\n",
+    "<div style=\"width: 15%; min-width: 120px; margin-left: auto; text-align: left;\">\n",
+    "  <div style=\"padding: 6px 8px; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); border-radius: 6px; margin: 12px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\">\n",
+    "    <div style=\"display: flex; align-items: center; gap: 8px;\">\n",
+    "      <div style=\"background: white; color: #f39c12; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; box-shadow: 0 2px 5px rgba(0,0,0,0.15); flex-shrink: 0;\">4</div>\n",
+    "      <div style=\"color: white; text-align: left; flex: 1;\">\n",
+    "        <h3 style=\"margin: 0; font-size: 0.9em; font-weight: bold;\">\n",
+    "          S3 <span style=\"font-size: 0.8em; font-weight: normal;\">Handson</span>\n",
+    "        </h3>\n",
+    "      </div>\n",
     "    </div>\n",
+    "  </div>\n",
     "</div>"
    ]
   },
@@ -6809,6 +6899,45 @@
     "   - Shareable \n",
     "- AI tools such as frevaGPT (sneak peek via: [gems.dkrz.de/chatbot](https://gems.dkrz.de/chatbot))"
    ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "a67fb150",
+   "metadata": {
+    "slideshow": {
+     "slide_type": "subslide"
+    }
+   },
+   "source": [
+    "## A short introduction to FrevaGPT\n",
+    "\n",
+    "<div style=\"display: flex; gap: 20px; align-items: flex-start;\">\n",
+    "\n",
+    "<div style=\"flex: 1;\">\n",
+    "\n",
+    "- 🤖 **FrevaGPT** is an AI assistant built into the Freva ecosystem. It uses large language models (LLMs) like GPT-4 alongside a live Python interpreter.  \n",
+    "  ➤ You can currently try it at: [https://gems.dkrz.de/chatbot/](https://gems.dkrz.de/chatbot/)\n",
+    "\n",
+    "- ⚙️ It runs code directly on hybrid CPU/GPU nodes at DKRZ's Levante, operating on real data!\n",
+    "\n",
+    "- 🚀 It serves as a powerful **stepping stone** to explore and analysis data using Freva.\n",
+    "\n",
+    "</div>\n",
+    "\n",
+    "<div style=\"flex: 1;\">\n",
+    "  <img src=\"media/frevagpt-architecture.png\" style=\"max-width: 100%; border-radius: 6px;\">\n",
+    "</div>\n",
+    "\n",
+    "</div>\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "93ba783e",
+   "metadata": {},
+   "outputs": [],
+   "source": []
   }
  ],
  "metadata": {
diff --git a/talks/DataSearchWorkshop2025/index.slides.html b/talks/DataSearchWorkshop2025/index.slides.html
index 2a06fc1..472e747 100644
--- a/talks/DataSearchWorkshop2025/index.slides.html
+++ b/talks/DataSearchWorkshop2025/index.slides.html
@@ -6,7 +6,7 @@
 <meta content="yes" name="apple-mobile-web-app-capable"/>
 <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"/>
 <title>DA Workshop slides</title><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script><script type="module">
-  import mermaid from 'https://cdnjs.cloudflare.com/ajax/libs/mermaid/10.6.0/mermaid.esm.min.mjs';
+  import mermaid from 'https://cdnjs.cloudflare.com/ajax/libs/mermaid/10.7.0/mermaid.esm.min.mjs';
   mermaid.initialize({ startOnLoad: true });
 </script>
 <!-- General and theme style sheets -->
@@ -7415,6 +7415,7 @@
                     processEnvironments: true
                 },
                 displayAlign: 'center',
+                messageStyle: 'none',
                 CommonHTML: {
                     linebreaks: {
                     automatic: true
@@ -7536,6 +7537,17 @@ <h1 style="font-size: 2.5em; margin: 0; font-weight: bold;">Freva - Data search
 </div>
 </div>
 </div>
+</div></section><section>
+<div class="jp-Cell jp-MarkdownCell jp-Notebook-cell" id="cell-id=ce5796dd-4c4d-4190-a5ab-c9fa758a8ee6">
+<div class="jp-Cell-inputWrapper" tabindex="0">
+<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
+</div>
+<div class="jp-InputArea jp-Cell-inputArea"><div class="jp-InputPrompt jp-InputArea-prompt">
+</div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput" data-mime-type="text/markdown">
+<h3 id="Primer:">Primer:<a class="anchor-link" href="#Primer:">¶</a></h3><p>We will be working with Jupyter Notebooks at the DKRZ Jupyter Hub: Let's head over to <a href="https://jupyterhub.dkrz.de/hub/home">https://jupyterhub.dkrz.de/hub/home</a> and start a JHub session</p>
+</div>
+</div>
+</div>
 </div></section></section><section><section>
 <div class="jp-Cell jp-MarkdownCell jp-Notebook-cell" id="cell-id=ac457db9">
 <div class="jp-Cell-inputWrapper" tabindex="0">
@@ -7566,7 +7578,7 @@ <h3>Common Problem: Finding and accesing Data</h3>
 </div>
 <div style="text-align: center;">
 <img alt="Mad scientist" src="./media/scientist-mad-scientist.gif"/>
-<p style="font-size: 1.2em; color: #7f8c8d;">Sound familiar?<br/> You're not alone! 🤝</p>
+<p style="font-size: 1.2em; color: #7f8c8d;">Sounds familiar?<br/> You're not alone! 🤝</p>
 </div>
 </div>
 <div style="background: #fff3cd; border: 1px solid #ffeaa7; padding: 15px; border-radius: 10px; margin-top: 15px;">
@@ -7867,7 +7879,7 @@ <h3>Metadata overview</h3>
 <div class="jp-InputPrompt jp-InputArea-prompt">In [5]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">freva_client</span> <span class="kn">import</span> <span class="n">databrowser</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">from</span><span class="w"> </span><span class="nn">freva_client</span><span class="w"> </span><span class="kn">import</span> <span class="n">databrowser</span>
 <span class="n">db</span> <span class="o">=</span> <span class="n">databrowser</span><span class="p">(</span><span class="n">host</span><span class="o">=</span><span class="s2">"https://www.gems.dkrz.de"</span><span class="p">,</span>
                  <span class="n">flavour</span><span class="o">=</span><span class="s2">"cmip6"</span><span class="p">,</span>
                  <span class="n">mip_era</span><span class="o">=</span><span class="s2">"mpi-ge"</span><span class="p">,</span> <span class="n">variable_id</span><span class="o">=</span><span class="s2">"tas"</span><span class="p">)</span>
@@ -8640,8 +8652,8 @@ <h1 style="margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;">Re
 <div class="jp-InputPrompt jp-InputArea-prompt">In [16]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">freva_client</span> <span class="kn">import</span> <span class="n">authenticate</span>
-<span class="kn">import</span> <span class="nn">xarray</span> <span class="k">as</span> <span class="nn">xr</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">from</span><span class="w"> </span><span class="nn">freva_client</span><span class="w"> </span><span class="kn">import</span> <span class="n">authenticate</span>
+<span class="kn">import</span><span class="w"> </span><span class="nn">xarray</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="nn">xr</span>
 <span class="n">token</span> <span class="o">=</span> <span class="n">authenticate</span><span class="p">(</span><span class="n">host</span><span class="o">=</span><span class="s2">"www.gems.dkrz.de"</span><span class="p">,</span> <span class="n">token_file</span><span class="o">=</span><span class="n">Path</span><span class="p">(</span><span class="s2">"~/.token.json"</span><span class="p">)</span><span class="o">.</span><span class="n">expanduser</span><span class="p">())</span>
 <span class="n">data</span> <span class="o">=</span> <span class="n">databrowser</span><span class="p">(</span><span class="n">host</span><span class="o">=</span><span class="s2">"www.gems.dkrz.de"</span><span class="p">,</span> <span class="n">flavour</span><span class="o">=</span><span class="s2">"cmip6"</span><span class="p">,</span>
                    <span class="n">mip_era</span><span class="o">=</span><span class="s2">"mpi-ge"</span><span class="p">,</span>
@@ -8761,7 +8773,7 @@ <h3 style="color: #2c3e50; margin: 0 0 10px 0; font-size: 1.2em;">Customize Data
 <h3 style="color: #2c3e50; margin: 0 0 10px 0; font-size: 1.2em;">S3 Access
             <br/>
 <span style="color: #f39c12; font-weight: normal; font-size: 0.8em;">(Accessiblity)</span></h3>
-<p style="color: #7f8c8d; margin: 0; font-size: 0.9em; line-height: 1.4;">Add and cccess (your) data via the S3 cloud store</p>
+<p style="color: #7f8c8d; margin: 0; font-size: 0.9em; line-height: 1.4;">Add and access (your) data via the S3 cloud store</p>
 </div>
 </div>
 </div>
@@ -8894,10 +8906,10 @@ <h3 id="Initial-Check">Initial Check<a class="anchor-link" href="#Initial-Check"
 <div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
 </div>
 <div class="jp-InputArea jp-Cell-inputArea">
-<div class="jp-InputPrompt jp-InputArea-prompt">In [4]:</div>
+<div class="jp-InputPrompt jp-InputArea-prompt">In [3]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">freva_client</span> <span class="kn">import</span> <span class="n">databrowser</span><span class="p">,</span> <span class="n">__version__</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">from</span><span class="w"> </span><span class="nn">freva_client</span><span class="w"> </span><span class="kn">import</span> <span class="n">databrowser</span><span class="p">,</span> <span class="n">__version__</span>
 <span class="nb">print</span><span class="p">(</span><span class="n">__version__</span><span class="p">)</span>
 </pre></div>
 </div>
@@ -9069,7 +9081,8 @@ <h3 id="MPI-GE-(Grand-Ensemble)">MPI-GE (Grand Ensemble)<a class="anchor-link" h
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
 <div class="highlight hl-ipython3"><pre><span></span><span class="err">$</span> <span class="n">freva</span><span class="o">-</span><span class="n">client</span> <span class="n">databrowser</span> <span class="n">metadata</span><span class="o">-</span><span class="n">search</span> <span class="o">--</span><span class="n">host</span> <span class="n">https</span><span class="p">:</span><span class="o">//</span><span class="n">www</span><span class="o">.</span><span class="n">gems</span><span class="o">.</span><span class="n">dkrz</span><span class="o">.</span><span class="n">de</span> \
-<span class="o">--</span><span class="n">facet</span> <span class="n">mpi</span><span class="o">-</span><span class="n">ge</span> <span class="o">--</span><span class="n">json</span> <span class="o">|</span> <span class="n">jq</span> <span class="o">-</span><span class="n">rc</span> <span class="s1">'.project|join(", ")'</span>
+<span class="o">--</span><span class="n">facet</span> <span class="n">mpi</span><span class="o">-</span><span class="n">ge</span> <span class="o">--</span><span class="n">json</span> <span class="o">|</span> <span class="n">jq</span> <span class="o">-</span><span class="n">r</span> <span class="s1">'to_entries[] | select(.value[] == "mpi-ge") </span><span class="se">\</span>
+<span class="s1">| .key'</span>
 </pre></div>
 </div>
 </div>
@@ -9083,7 +9096,7 @@ <h3 id="MPI-GE-(Grand-Ensemble)">MPI-GE (Grand Ensemble)<a class="anchor-link" h
 <div class="jp-OutputArea-child">
 <div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
 <div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
-<pre>mpi-ge
+<pre>project
 </pre>
 </div>
 </div>
@@ -9134,10 +9147,12 @@ <h3 id="MPI-GE-(Grand-Ensemble)">MPI-GE (Grand Ensemble)<a class="anchor-link" h
 <div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
 </div>
 <div class="jp-InputArea jp-Cell-inputArea">
-<div class="jp-InputPrompt jp-InputArea-prompt">In [13]:</div>
+<div class="jp-InputPrompt jp-InputArea-prompt">In [5]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="n">databrowser</span><span class="o">.</span><span class="n">metadata_search</span><span class="p">(</span><span class="s2">"mpi-ge"</span><span class="p">,</span> <span class="n">host</span><span class="o">=</span><span class="s2">"https://www.gems.dkrz.de"</span><span class="p">)[</span><span class="s2">"project"</span><span class="p">]</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="n">metadata</span> <span class="o">=</span> <span class="n">databrowser</span><span class="o">.</span><span class="n">metadata_search</span><span class="p">(</span><span class="s2">"mpi-ge"</span><span class="p">,</span> <span class="n">host</span><span class="o">=</span><span class="s2">"https://www.gems.dkrz.de"</span><span class="p">)</span>
+<span class="n">facets_with_mpi_ge</span> <span class="o">=</span> <span class="p">[</span><span class="n">facet</span> <span class="k">for</span> <span class="n">facet</span><span class="p">,</span> <span class="n">values</span> <span class="ow">in</span> <span class="n">metadata</span><span class="o">.</span><span class="n">items</span><span class="p">()</span> <span class="k">if</span> <span class="s2">"mpi-ge"</span> <span class="ow">in</span> <span class="n">values</span><span class="p">]</span>
+<span class="nb">print</span><span class="p">(</span><span class="n">facets_with_mpi_ge</span><span class="p">)</span>
 </pre></div>
 </div>
 </div>
@@ -9147,10 +9162,11 @@ <h3 id="MPI-GE-(Grand-Ensemble)">MPI-GE (Grand Ensemble)<a class="anchor-link" h
 <div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
 </div>
 <div class="jp-OutputArea jp-Cell-outputArea">
-<div class="jp-OutputArea-child jp-OutputArea-executeResult">
-<div class="jp-OutputPrompt jp-OutputArea-prompt">Out[13]:</div>
-<div class="jp-RenderedText jp-OutputArea-output jp-OutputArea-executeResult" data-mime-type="text/plain" tabindex="0">
-<pre>['mpi-ge']</pre>
+<div class="jp-OutputArea-child">
+<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
+<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
+<pre>['project']
+</pre>
 </div>
 </div>
 </div>
@@ -9251,7 +9267,7 @@ <h3 id="MPI-GE-(Grand-Ensemble)">MPI-GE (Grand Ensemble)<a class="anchor-link" h
 <div class="jp-InputPrompt jp-InputArea-prompt">In [15]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">freva_client</span> <span class="kn">import</span> <span class="n">databrowser</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">from</span><span class="w"> </span><span class="nn">freva_client</span><span class="w"> </span><span class="kn">import</span> <span class="n">databrowser</span>
 <span class="n">db</span> <span class="o">=</span> <span class="n">databrowser</span><span class="p">(</span><span class="n">host</span><span class="o">=</span><span class="s2">"https://www.gems.dkrz.de"</span><span class="p">,</span>
                  <span class="n">flavour</span><span class="o">=</span><span class="s2">"cmip6"</span><span class="p">,</span>
                  <span class="n">mip_era</span><span class="o">=</span><span class="s2">"mpi-ge"</span><span class="p">,</span>
@@ -9668,7 +9684,13 @@ <h3 id="MPI-GE-(Grand-Ensemble)">MPI-GE (Grand Ensemble)<a class="anchor-link" h
 <div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
 <pre>$ freva-client databrowser metadata-search file=/work/mh1007/CMOR/MPI-GE/output1/MPI-M/MPI-ESM/piControl/mon/atmos/tas/r001i1850p3/v20190123/tas_Amon_MPI-ESM_piControl_r001i1850p3_210001-219912.nc --host=www.gems.dkrz.de
 
-ensemble: r001i1850p3
+</pre>
+</div>
+</div>
+<div class="jp-OutputArea-child">
+<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
+<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
+<pre>ensemble: r001i1850p3
 experiment: picontrol
 institute: mpi-m
 model: mpi-esm
@@ -9890,7 +9912,7 @@ <h3 id="MPI-GE-(Grand-Ensemble)">MPI-GE (Grand Ensemble)<a class="anchor-link" h
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">matplotlib.pyplot</span> <span class="k">as</span> <span class="nn">plt</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span><span class="w"> </span><span class="nn">matplotlib.pyplot</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="nn">plt</span>
 
 <span class="n">colors</span> <span class="o">=</span> <span class="n">plt</span><span class="o">.</span><span class="n">rcParams</span><span class="p">[</span><span class="s2">"axes.prop_cycle"</span><span class="p">]</span><span class="o">.</span><span class="n">by_key</span><span class="p">()[</span><span class="s2">"color"</span><span class="p">]</span>
 <span class="n">plt</span><span class="o">.</span><span class="n">figure</span><span class="p">(</span><span class="n">figsize</span><span class="o">=</span><span class="p">(</span><span class="mi">12</span><span class="p">,</span> <span class="mi">5</span><span class="p">))</span>
@@ -10623,10 +10645,10 @@ <h1 style="margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;">Cu
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span><span class="o">,</span> <span class="nn">xarray</span> <span class="k">as</span> <span class="nn">xr</span><span class="o">,</span> <span class="nn">os</span>
-<span class="kn">from</span> <span class="nn">getpass</span> <span class="kn">import</span> <span class="n">getuser</span>
-<span class="kn">from</span> <span class="nn">freva_client</span> <span class="kn">import</span> <span class="n">databrowser</span><span class="p">,</span> <span class="n">authenticate</span>
-<span class="kn">from</span> <span class="nn">pathlib</span> <span class="kn">import</span> <span class="n">Path</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span><span class="w"> </span><span class="nn">numpy</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="nn">np</span><span class="o">,</span><span class="w"> </span><span class="nn">xarray</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="nn">xr</span><span class="o">,</span><span class="w"> </span><span class="nn">os</span>
+<span class="kn">from</span><span class="w"> </span><span class="nn">getpass</span><span class="w"> </span><span class="kn">import</span> <span class="n">getuser</span>
+<span class="kn">from</span><span class="w"> </span><span class="nn">freva_client</span><span class="w"> </span><span class="kn">import</span> <span class="n">databrowser</span><span class="p">,</span> <span class="n">authenticate</span>
+<span class="kn">from</span><span class="w"> </span><span class="nn">pathlib</span><span class="w"> </span><span class="kn">import</span> <span class="n">Path</span>
 <span class="n">time</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">arange</span><span class="p">(</span><span class="s2">"2025-01"</span><span class="p">,</span><span class="s2">"2026-01"</span><span class="p">,</span><span class="n">dtype</span><span class="o">=</span><span class="s2">"datetime64[M]"</span><span class="p">)</span>
 <span class="n">lat</span><span class="p">,</span> <span class="n">lon</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">linspace</span><span class="p">(</span><span class="o">-</span><span class="mi">30</span><span class="p">,</span><span class="mi">30</span><span class="p">,</span><span class="mi">121</span><span class="p">),</span> <span class="n">np</span><span class="o">.</span><span class="n">linspace</span><span class="p">(</span><span class="mi">120</span><span class="p">,</span><span class="mi">290</span><span class="p">,</span><span class="mi">171</span><span class="p">)</span>
 <span class="n">da</span> <span class="o">=</span> <span class="p">(</span><span class="n">xr</span><span class="o">.</span><span class="n">DataArray</span><span class="p">(</span><span class="mi">28</span> <span class="o">-</span> <span class="mf">0.006</span><span class="o">*</span><span class="p">(</span><span class="n">lon</span><span class="o">-</span><span class="mi">230</span><span class="p">),</span> <span class="n">dims</span><span class="o">=</span><span class="p">(</span><span class="s2">"lon"</span><span class="p">,),</span> <span class="n">coords</span><span class="o">=</span><span class="p">{</span><span class="s2">"lon"</span><span class="p">:</span><span class="n">lon</span><span class="p">})</span>
@@ -10671,7 +10693,7 @@ <h1 style="margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;">Cu
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">matplotlib.pyplot</span> <span class="k">as</span> <span class="nn">plt</span><span class="o">,</span> <span class="nn">cartopy.crs</span> <span class="k">as</span> <span class="nn">ccrs</span><span class="o">,</span> <span class="nn">cartopy.feature</span> <span class="k">as</span> <span class="nn">cfeature</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span><span class="w"> </span><span class="nn">matplotlib.pyplot</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="nn">plt</span><span class="o">,</span><span class="w"> </span><span class="nn">cartopy.crs</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="nn">ccrs</span><span class="o">,</span><span class="w"> </span><span class="nn">cartopy.feature</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="nn">cfeature</span>
 
 <span class="n">fig</span><span class="p">,</span> <span class="n">ax</span> <span class="o">=</span> <span class="n">plt</span><span class="o">.</span><span class="n">subplots</span><span class="p">(</span><span class="n">figsize</span><span class="o">=</span><span class="p">(</span><span class="mi">8</span><span class="p">,</span><span class="mi">4</span><span class="p">),</span> <span class="n">subplot_kw</span><span class="o">=</span><span class="nb">dict</span><span class="p">(</span><span class="n">projection</span><span class="o">=</span><span class="n">ccrs</span><span class="o">.</span><span class="n">PlateCarree</span><span class="p">(</span><span class="mi">180</span><span class="p">)))</span>
 <span class="n">da</span><span class="o">.</span><span class="n">mean</span><span class="p">(</span><span class="s2">"time"</span><span class="p">)</span><span class="o">.</span><span class="n">plot</span><span class="o">.</span><span class="n">pcolormesh</span><span class="p">(</span><span class="n">ax</span><span class="o">=</span><span class="n">ax</span><span class="p">,</span> <span class="n">transform</span><span class="o">=</span><span class="n">ccrs</span><span class="o">.</span><span class="n">PlateCarree</span><span class="p">(),</span> <span class="n">cmap</span><span class="o">=</span><span class="s2">"coolwarm"</span><span class="p">,</span> <span class="n">add_colorbar</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
@@ -10903,7 +10925,13 @@ <h1 style="margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;">Cu
 <div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
 <pre>$ freva-client databrowser user-data add --path dummy_sst_mo.nc --facet project=userdata --facet product=stats --facet model=IFS --facet experiment=ETCCDI --facet realm=atmos --token-file ~/.freva-access-token.json
 
-<span class="ansi-green-intense-fg ansi-bold">1</span><span class="ansi-green-intense-fg ansi-bold"> have been successfully added to the databrowser. </span><span class="ansi-green-intense-fg ansi-bold">0</span><span class="ansi-green-intense-fg ansi-bold"> files were duplicates and </span>
+</pre>
+</div>
+</div>
+<div class="jp-OutputArea-child">
+<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
+<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
+<pre><span class="ansi-green-intense-fg ansi-bold">1</span><span class="ansi-green-intense-fg ansi-bold"> have been successfully added to the databrowser. </span><span class="ansi-green-intense-fg ansi-bold">0</span><span class="ansi-green-intense-fg ansi-bold"> files were duplicates and </span>
 <span class="ansi-green-intense-fg ansi-bold">not added.</span>
 
 </pre>
@@ -10921,7 +10949,13 @@ <h1 style="margin: 0; font-size: 2.5em; font-weight: bold; text-align: left;">Cu
 <div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
 <pre>$ freva-client databrowser user-data delete --search-key project=userdata --search-key product=stats --search-key model=IFS --search-key experiment=ETCCDI --search-key realm=atmos --token-file ~/.freva-access-token.json
 
-<span class="ansi-green-intense-fg ansi-bold">User data deleted successfully</span>
+</pre>
+</div>
+</div>
+<div class="jp-OutputArea-child">
+<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
+<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
+<pre><span class="ansi-green-intense-fg ansi-bold">User data deleted successfully</span>
 
 </pre>
 </div>
@@ -11108,7 +11142,7 @@ <h2 style="margin: 0; font-size: 1.4em; font-weight: bold;">S3 Access <span styl
 </div>
 </div>
 </div>
-<h2 id="HTTP-aka-internet-language!?">HTTP aka internet language!?<a class="anchor-link" href="#HTTP-aka-internet-language!?">¶</a></h2><p>Stands for <em>Hypertext Transfer Protocol</em>. 
+<h2 id="HTTP-aka-internet-language!?">HTTP aka internet language!?<a class="anchor-link" href="#HTTP-aka-internet-language!?">¶</a></h2><p>Stands for <em>Hypertext Transfer Protocol</em>.
 There are many protocols...</p>
 </div>
 </div>
@@ -11529,7 +11563,7 @@ <h2 id="The-usual-suspects">The usual suspects<a class="anchor-link" href="#The-
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">xarray</span> <span class="k">as</span> <span class="nn">xr</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span><span class="w"> </span><span class="nn">xarray</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="nn">xr</span>
 <span class="n">ds</span> <span class="o">=</span> <span class="n">xr</span><span class="o">.</span><span class="n">open_dataset</span><span class="p">(</span><span class="n">dataset_url</span><span class="p">,</span> <span class="n">engine</span><span class="o">=</span><span class="s1">'zarr'</span><span class="p">,</span> <span class="n">storage_options</span><span class="o">=</span><span class="n">s3_opts</span><span class="p">)</span>
 </pre></div>
 </div>
@@ -11544,7 +11578,7 @@ <h2 id="The-usual-suspects">The usual suspects<a class="anchor-link" href="#The-
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">zarr</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span><span class="w"> </span><span class="nn">zarr</span>
 <span class="n">zarr</span><span class="o">.</span><span class="n">open</span><span class="p">(</span><span class="n">dataset_url</span><span class="p">,</span> <span class="n">storage_options</span><span class="o">=</span><span class="n">s3_opts</span><span class="p">)</span>
 </pre></div>
 </div>
@@ -11578,7 +11612,7 @@ <h2 id="NetCDF-on-S3-(classic,-nc4/hdf5)">NetCDF on S3 (classic, nc4/hdf5)<a cla
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">s3fs</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span><span class="w"> </span><span class="nn">s3fs</span>
 <span class="n">s3</span> <span class="o">=</span> <span class="n">s3fs</span><span class="o">.</span><span class="n">S3FileSystem</span><span class="p">(</span><span class="n">endpoint_url</span><span class="o">=</span><span class="s2">"https://s3.eu-dkrz-1.dkrz.cloud"</span><span class="p">,</span> <span class="n">anon</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
 <span class="k">with</span> <span class="n">s3</span><span class="o">.</span><span class="n">open</span><span class="p">(</span><span class="s1">'s3://freva/workshop/tas.nc'</span><span class="p">)</span> <span class="k">as</span> <span class="n">f</span><span class="p">:</span>
     <span class="n">ds</span> <span class="o">=</span> <span class="n">xr</span><span class="o">.</span><span class="n">open_dataset</span><span class="p">(</span><span class="n">f</span><span class="p">)</span>
@@ -11620,8 +11654,8 @@ <h2 id="NetCDF-on-S3-(classic,-nc4/hdf5)">NetCDF on S3 (classic, nc4/hdf5)<a cla
 </div>
 <div class="jp-InputArea jp-Cell-inputArea"><div class="jp-InputPrompt jp-InputArea-prompt">
 </div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput" data-mime-type="text/markdown">
-<pre><code>/fastdata/k20200/k202186/public/bin/ncdump  -h https://s3.eu-dkrz-1.dkrz.cloud/freva/workshop/tas.nc#mode=s3,bytes
-/fastdata/k20200/k202186/public/bin/cdo  sinfo https://s3.eu-dkrz-1.dkrz.cloud/freva/workshop/tas.nc#mode=s3,bytes
+<pre><code>/fastdata/freva/opt/bin/ncdump  -h https://s3.eu-dkrz-1.dkrz.cloud/freva/workshop/tas.nc#mode=s3,bytes
+/fastdata/freva/opt/bin/cdo  sinfo https://s3.eu-dkrz-1.dkrz.cloud/freva/workshop/tas.nc#mode=s3,bytes
 </code></pre>
 </div>
 </div>
@@ -11853,7 +11887,7 @@ <h2 style="margin: 0; font-size: 1.4em; font-weight: bold;">S3 Access<span style
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">xarray</span> <span class="k">as</span> <span class="nn">xr</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span><span class="w"> </span><span class="nn">xarray</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="nn">xr</span>
 <span class="n">xr</span><span class="o">.</span><span class="n">open_zarr</span><span class="p">(</span><span class="nb">list</span><span class="p">(</span><span class="n">db</span><span class="p">)[</span><span class="mi">0</span><span class="p">],</span> <span class="n">storage_options</span><span class="o">=</span><span class="p">{</span> <span class="s1">'anon'</span><span class="p">:</span><span class="kc">True</span> <span class="p">})</span>
 <span class="nb">print</span><span class="p">(</span><span class="n">xr</span><span class="o">.</span><span class="n">open_dataset</span><span class="p">(</span><span class="nb">list</span><span class="p">(</span><span class="n">db</span><span class="p">)[</span><span class="mi">0</span><span class="p">],</span> <span class="n">engine</span><span class="o">=</span><span class="s1">'zarr'</span><span class="p">,</span> <span class="n">storage_options</span><span class="o">=</span><span class="p">{</span> <span class="s1">'anon'</span><span class="p">:</span><span class="kc">True</span> <span class="p">}))</span>
 </pre></div>
@@ -11917,7 +11951,7 @@ <h2 style="margin: 0; font-size: 1.4em; font-weight: bold;">S3 Access<span style
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">pathlib</span> <span class="kn">import</span> <span class="n">Path</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">from</span><span class="w"> </span><span class="nn">pathlib</span><span class="w"> </span><span class="kn">import</span> <span class="n">Path</span>
 <span class="n">s3_opts</span> <span class="o">=</span> <span class="p">{</span> <span class="s1">'anon'</span><span class="p">:</span><span class="kc">True</span> <span class="p">}</span>
 <span class="n">time_series</span> <span class="o">=</span> <span class="p">{}</span>
 
@@ -12015,7 +12049,7 @@ <h2 style="margin: 0; font-size: 1.4em; font-weight: bold;">S3 Access<span style
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">matplotlib.pyplot</span> <span class="k">as</span> <span class="nn">plt</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span><span class="w"> </span><span class="nn">matplotlib.pyplot</span><span class="w"> </span><span class="k">as</span><span class="w"> </span><span class="nn">plt</span>
 
 <span class="c1"># Create a color cycle for different experiments</span>
 <span class="n">colors</span> <span class="o">=</span> <span class="n">plt</span><span class="o">.</span><span class="n">rcParams</span><span class="p">[</span><span class="s2">"axes.prop_cycle"</span><span class="p">]</span><span class="o">.</span><span class="n">by_key</span><span class="p">()[</span><span class="s2">"color"</span><span class="p">]</span>
@@ -12027,7 +12061,6 @@ <h2 style="margin: 0; font-size: 1.4em; font-weight: bold;">S3 Access<span style
     <span class="n">ts_min</span> <span class="o">=</span> <span class="n">ts</span><span class="o">.</span><span class="n">min</span><span class="p">(</span><span class="n">dim</span><span class="o">=</span><span class="s2">"ensemble"</span><span class="p">)</span><span class="o">.</span><span class="n">squeeze</span><span class="p">()</span>
     <span class="n">ts_max</span> <span class="o">=</span> <span class="n">ts</span><span class="o">.</span><span class="n">max</span><span class="p">(</span><span class="n">dim</span><span class="o">=</span><span class="s2">"ensemble"</span><span class="p">)</span><span class="o">.</span><span class="n">squeeze</span><span class="p">()</span>
     <span class="n">ts_mean</span> <span class="o">=</span> <span class="n">ts</span><span class="o">.</span><span class="n">mean</span><span class="p">(</span><span class="n">dim</span><span class="o">=</span><span class="s2">"ensemble"</span><span class="p">)</span><span class="o">.</span><span class="n">squeeze</span><span class="p">()</span>
-    <span class="n">time_str</span> <span class="o">=</span> <span class="n">ts</span><span class="o">.</span><span class="n">time</span><span class="o">.</span><span class="n">dt</span><span class="o">.</span><span class="n">strftime</span><span class="p">(</span><span class="s2">"%Y"</span><span class="p">)</span><span class="o">.</span><span class="n">values</span>
     <span class="n">time_values</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">(</span><span class="n">ts</span><span class="o">.</span><span class="n">time</span><span class="o">.</span><span class="n">values</span><span class="p">,</span> <span class="n">dtype</span><span class="o">=</span><span class="s1">'datetime64[ns]'</span><span class="p">)</span>
     <span class="c1"># Plot min–max shading</span>
     <span class="n">plt</span><span class="o">.</span><span class="n">fill_between</span><span class="p">(</span>
@@ -12118,7 +12151,7 @@ <h2 style="margin: 0; font-size: 1.4em; font-weight: bold;">S3 Access<span style
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">os</span> <span class="kn">import</span> <span class="n">environ</span> <span class="c1"># to get USER env variable</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">from</span><span class="w"> </span><span class="nn">os</span><span class="w"> </span><span class="kn">import</span> <span class="n">environ</span> <span class="c1"># to get USER env variable</span>
 <span class="n">USERNAME</span><span class="o">=</span><span class="n">environ</span><span class="p">[</span><span class="s1">'USER'</span><span class="p">]</span>
 <span class="n">s3_config</span> <span class="o">=</span> <span class="p">{</span>
     <span class="s1">'bucket'</span> <span class="p">:</span> <span class="s1">'freva'</span><span class="p">,</span>
@@ -12160,7 +12193,7 @@ <h2 style="margin: 0; font-size: 1.4em; font-weight: bold;">S3 Access<span style
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">s3fs</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span><span class="w"> </span><span class="nn">s3fs</span>
 <span class="n">s3</span> <span class="o">=</span> <span class="n">s3fs</span><span class="o">.</span><span class="n">S3FileSystem</span><span class="p">(</span>
     <span class="n">key</span> <span class="o">=</span> <span class="n">s3_config</span><span class="p">[</span><span class="s1">'access_key_id'</span><span class="p">],</span>
     <span class="n">secret</span> <span class="o">=</span> <span class="n">s3_config</span><span class="p">[</span><span class="s1">'secret_access_key'</span><span class="p">],</span>
@@ -12310,7 +12343,7 @@ <h3 id="Let's-now-write-the-data-to-S3-as-both-NetCDF-and-ZARR">Let's now write
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">write_netcdf</span><span class="p">(</span><span class="n">s3_path</span><span class="p">,</span> <span class="n">dataset</span><span class="p">:</span><span class="n">xr</span><span class="o">.</span><span class="n">Dataset</span><span class="p">):</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="k">def</span><span class="w"> </span><span class="nf">write_netcdf</span><span class="p">(</span><span class="n">s3_path</span><span class="p">,</span> <span class="n">dataset</span><span class="p">:</span><span class="n">xr</span><span class="o">.</span><span class="n">Dataset</span><span class="p">):</span>
     <span class="n">tmp_name</span> <span class="o">=</span> <span class="sa">f</span><span class="s2">"/scratch/</span><span class="si">{</span><span class="n">USERNAME</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="si">}</span><span class="s2">/</span><span class="si">{</span><span class="n">USERNAME</span><span class="si">}</span><span class="s2">/</span><span class="si">{</span><span class="n">name</span><span class="si">}</span><span class="s2">.nc"</span>
 
     <span class="n">dataset</span><span class="o">.</span><span class="n">to_netcdf</span><span class="p">(</span><span class="n">tmp_name</span><span class="p">,</span> <span class="n">engine</span><span class="o">=</span><span class="s1">'h5netcdf'</span><span class="p">)</span>
@@ -12320,12 +12353,12 @@ <h3 id="Let's-now-write-the-data-to-S3-as-both-NetCDF-and-ZARR">Let's now write
         <span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="n">tmp_name</span><span class="p">,</span> <span class="s1">'rb'</span><span class="p">)</span> <span class="k">as</span> <span class="n">tmpf</span><span class="p">:</span>
             <span class="n">s3file</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="n">tmpf</span><span class="o">.</span><span class="n">read</span><span class="p">())</span>
 
-    <span class="c1">## Check if we can open with Xarray and CDO!</span>
+    <span class="c1">## Check if we can open with Xarray!</span>
     <span class="k">with</span> <span class="n">s3</span><span class="o">.</span><span class="n">open</span><span class="p">(</span><span class="n">s3_path</span><span class="p">,</span><span class="s1">'rb'</span><span class="p">)</span> <span class="k">as</span> <span class="n">s3file</span><span class="p">:</span>
         <span class="n">xr</span><span class="o">.</span><span class="n">open_dataset</span><span class="p">(</span><span class="n">s3file</span><span class="p">,</span> <span class="n">engine</span><span class="o">=</span><span class="s1">'h5netcdf'</span><span class="p">)</span>
     
     <span class="c1">## We can now remove the local copy</span>
-    <span class="kn">import</span> <span class="nn">os</span>
+    <span class="kn">import</span><span class="w"> </span><span class="nn">os</span>
     <span class="n">os</span><span class="o">.</span><span class="n">remove</span><span class="p">(</span><span class="n">tmp_name</span><span class="p">)</span>
 </pre></div>
 </div>
@@ -12359,11 +12392,11 @@ <h2 style="margin: 0; font-size: 1.4em; font-weight: bold;">S3 Access<span style
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">write_zarr</span><span class="p">(</span><span class="n">store</span><span class="p">,</span> <span class="n">dataset</span><span class="p">:</span> <span class="n">xr</span><span class="o">.</span><span class="n">Dataset</span><span class="p">):</span>     
-    <span class="kn">import</span> <span class="nn">zarr</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="k">def</span><span class="w"> </span><span class="nf">write_zarr</span><span class="p">(</span><span class="n">store</span><span class="p">,</span> <span class="n">dataset</span><span class="p">:</span> <span class="n">xr</span><span class="o">.</span><span class="n">Dataset</span><span class="p">):</span>     
+    <span class="kn">import</span><span class="w"> </span><span class="nn">zarr</span>
     <span class="n">zarr</span><span class="o">.</span><span class="n">config</span><span class="o">.</span><span class="n">set</span><span class="p">(</span><span class="n">default_zarr_format</span><span class="o">=</span><span class="mi">2</span><span class="p">)</span>
     
-    <span class="kn">import</span> <span class="nn">numcodecs</span>
+    <span class="kn">import</span><span class="w"> </span><span class="nn">numcodecs</span>
     <span class="n">codec</span> <span class="o">=</span> <span class="n">numcodecs</span><span class="o">.</span><span class="n">Blosc</span><span class="p">(</span><span class="n">shuffle</span><span class="o">=</span><span class="mi">1</span><span class="p">,</span> <span class="n">clevel</span><span class="o">=</span><span class="mi">6</span><span class="p">)</span>
     
     <span class="n">data_encoding</span> <span class="o">=</span> <span class="p">{}</span>
@@ -12412,7 +12445,7 @@ <h2 style="margin: 0; font-size: 1.4em; font-weight: bold;">S3 Access<span style
 <div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
 <div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
 <div class="cm-editor cm-s-jupyter">
-<div class="highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">write_dataset_to_s3</span><span class="p">(</span><span class="n">name</span><span class="p">:</span><span class="nb">str</span><span class="p">,</span> <span class="n">dataset</span><span class="p">:</span><span class="n">xr</span><span class="o">.</span><span class="n">Dataset</span><span class="p">,</span> <span class="n">file_format</span><span class="o">=</span><span class="s1">'nc'</span><span class="p">):</span>
+<div class="highlight hl-ipython3"><pre><span></span><span class="k">def</span><span class="w"> </span><span class="nf">write_dataset_to_s3</span><span class="p">(</span><span class="n">name</span><span class="p">:</span><span class="nb">str</span><span class="p">,</span> <span class="n">dataset</span><span class="p">:</span><span class="n">xr</span><span class="o">.</span><span class="n">Dataset</span><span class="p">,</span> <span class="n">file_format</span><span class="o">=</span><span class="s1">'nc'</span><span class="p">):</span>
     <span class="n">_supported_types</span> <span class="o">=</span> <span class="p">(</span><span class="s1">'nc'</span><span class="p">,</span><span class="s1">'zarr'</span><span class="p">)</span>
     <span class="n">file_format</span> <span class="o">=</span> <span class="n">file_format</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s1">'.'</span><span class="p">,</span><span class="s1">''</span><span class="p">)</span>
     <span class="k">if</span> <span class="n">file_format</span> <span class="ow">not</span> <span class="ow">in</span> <span class="n">_supported_types</span><span class="p">:</span>
@@ -12922,7 +12955,10 @@ <h3 id="What-we-couldn't-cover-today">What we couldn't cover today<a class="anch
             history: true,
             transition: "fade",
             slideNumber: "",
-            plugins: [RevealNotes]
+            plugins: [RevealNotes],
+            width: 960,
+			      height: 700,
+
         });
 
         var update = function(event){
diff --git a/talks/DataSearchWorkshop2025/media/frevagpt-architecture.png b/talks/DataSearchWorkshop2025/media/frevagpt-architecture.png
new file mode 100755
index 0000000..1fbc474
Binary files /dev/null and b/talks/DataSearchWorkshop2025/media/frevagpt-architecture.png differ