Deployed 59bc60d with MkDocs version: 1.6.0

assets/js/hide_notebook_sidebar.js

@@ -1,39 +1,33 @@
 document.addEventListener("DOMContentLoaded", async () => {
-    // Check if the URL contains 'notebook'
-    if (window.location.pathname.includes('notebook')) {
-        // Target the sidebar and hide it
-        const sidebar = document.querySelector('.md-sidebar--secondary');
-        if (sidebar) {
-            sidebar.style.display = 'none';
+    // Increase width of notebook and galley pages
+    if (window.location.pathname.includes('notebook') || window.location.pathname.includes('gallery')) {
+
+        // hide primary sidebar
+        const sidebar_primary = document.querySelector('.md-sidebar--primary');
+
+        if (sidebar_primary) {
+            sidebar_primary.style.width = '8.1rem';
+        }
+
+        // hide secondary sidebar
+        const sidebar_secondary = document.querySelector('.md-sidebar--secondary');
+
+        if (sidebar_secondary) {
+            sidebar_secondary.style.display = 'none';
         }
 
+        // remove max width constraint
+        const md_grid = document.querySelector('.md-main__inner');
+
+        if (md_grid) {
+            md_grid.style.marginLeft = 'unset';
+            md_grid.style.marginRight = 'unset';
+            md_grid.style.maxWidth = 'none';
+        }
+
+
         // You can also add additional logic specific to notebook pages here
         console.log("Notebook page detected. Sidebar hidden.");
     }
 
-    // // Example of existing logic for a specific page
-    // const landscape_el = document.getElementById('landscape-skin-cancer');
-    // if (window.location.pathname.endsWith('gallery_xenium_skin_cancer/')) {
-    //     const token = '';
-    //     const ini_x = 21500;
-    //     const ini_y = 14200;
-    //     const ini_z = 0;
-    //     const ini_zoom = -6;
-    //     const base_url = 'https://raw.githubusercontent.com/broadinstitute/celldega_Xenium_Prime_Human_Skin_FFPE_outs/main/Xenium_Prime_Human_Skin_FFPE_outs';
-
-    //     const landscape = await celldega.landscape_ist(
-    //         landscape_el,
-    //         {},
-    //         token,
-    //         ini_x,
-    //         ini_y,
-    //         ini_z,
-    //         ini_zoom,
-    //         base_url,
-    //         '',
-    //         0.25,
-    //         '100%',
-    //         '100%',
-    //     );
-    // }
 });

examples/short_notebooks/Mouse-Brain_Alpha-Shape-Neighborhood/index.html

@@ -1711,9 +1711,9 @@ <h3 id="calculate-alpha-shape-neighborhoods">Calculate Alpha Shape Neighborhoods
 <div class="jp-OutputArea jp-Cell-outputArea">
 <div class="jp-OutputArea-child jp-OutputArea-executeResult">
 <div class="jp-OutputPrompt jp-OutputArea-prompt">Out[7]:</div>
-<div class="jupyter-widgets jp-OutputArea-output jp-OutputArea-executeResult" id="85aeba85-8e84-49ba-b222-982a704de34c" tabindex="0">
+<div class="jupyter-widgets jp-OutputArea-output jp-OutputArea-executeResult" id="4abdfc70-145f-48c0-9630-949e3e59344d" tabindex="0">
 <script type="text/javascript">
-var element = document.getElementById('85aeba85-8e84-49ba-b222-982a704de34c');
+var element = document.getElementById('4abdfc70-145f-48c0-9630-949e3e59344d');
 </script>
 <script type="application/vnd.jupyter.widget-view+json">
 {"model_id": "ecd6754ccc014f31aa417ec9b4b799b1", "version_major": 2, "version_minor": 0}

gallery/gallery_xenium_mouse_brain/gallery_xenium_mouse_brain.md

@@ -1,5 +1,5 @@
 # Xenium Prime Mouse Brain Coronal FF
 
-<div id="landscape-container" style="position: relative; display: flex; width: 100%; height: 500px; overflow: hidden; border: 1px solid #ccc;">
-    <div id="landscape-mouse-brain" style="height; 500px;"></div>
+<div id="landscape-container" style="position: relative; display: flex; width: 100%; height: 800px; overflow: hidden; border: 1px solid #ccc;">
+    <div id="landscape-mouse-brain" style="height; 800px;"></div>
 </div>

gallery/gallery_xenium_mouse_brain/index.html

@@ -946,8 +946,8 @@
 
 
 <h1 id="xenium-prime-mouse-brain-coronal-ff">Xenium Prime Mouse Brain Coronal FF</h1>
-<div id="landscape-container" style="position: relative; display: flex; width: 100%; height: 500px; overflow: hidden; border: 1px solid #ccc;">
-    <div id="landscape-mouse-brain" style="height; 500px;"></div>
+<div id="landscape-container" style="position: relative; display: flex; width: 100%; height: 800px; overflow: hidden; border: 1px solid #ccc;">
+    <div id="landscape-mouse-brain" style="height; 800px;"></div>
 </div>