Merge pull request #11 from NASA-Openscapes/update_quarto_book

updated links & theme
NASA-Openscapes · Nov 16, 2023 · 1dc4f42 · 1dc4f42
2 parents 47ede91 + 5e39723
commit 1dc4f42
Show file tree

Hide file tree

Showing 8 changed files with 177 additions and 228 deletions.
diff --git a/_quarto.yml b/_quarto.yml
@@ -34,12 +34,10 @@ website:
           href: slides.md
         - section: "Tutorials"
           contents: 
-            - text: "Cloud Set Up"
-              href: 
             - text: "Search & Discovery"
               href: tutorials/Earthdata_Search_Discovery_earthaccess.ipynb
             - text: "Access, Subset & Plot"
-              href: 
+              href: tutorials/Earthdata_Subset_and_Plot.ipynb
  #       - section: "Additional Resources"
   #        contents:
 
@@ -48,7 +46,7 @@ format:
   html:
     theme:
       light: sandstone
-      dark: [sandstone, theme-dark.scss]
+      dark: [superhero, theme-dark.scss]
     code-background: true
     code-copy: true
     css: styles.css

diff --git a/_site/index.html b/_site/index.html
@@ -2,7 +2,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head>
 
 <meta charset="utf-8">
-<meta name="generator" content="quarto-1.2.269">
+<meta name="generator" content="quarto-1.1.251">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
@@ -42,7 +42,7 @@
 <script src="site_libs/bootstrap/bootstrap.min.js"></script>
 <link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
 <link href="site_libs/bootstrap/bootstrap.min.css" rel="stylesheet" class="quarto-color-scheme" id="quarto-bootstrap" data-mode="light">
-<link href="site_libs/bootstrap/bootstrap-dark.min.css" rel="prefetch" class="quarto-color-scheme quarto-color-alternate" id="quarto-bootstrap" data-mode="light">
+<link href="site_libs/bootstrap/bootstrap-dark.min.css" rel="prefetch" class="quarto-color-scheme quarto-color-alternate" id="quarto-bootstrap" data-mode="dark">
 <script id="quarto-search-options" type="application/json">{
   "location": "navbar",
   "copy-button": false,
@@ -84,9 +84,7 @@
           <div class="collapse navbar-collapse" id="navbarCollapse">
             <ul class="navbar-nav navbar-nav-scroll ms-auto">
   <li class="nav-item dropdown ">
-    <a class="nav-link dropdown-toggle" href="#" id="nav-menu-menu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- <span class="menu-text">Menu</span>
-    </a>
+    <a class="nav-link dropdown-toggle" href="#" id="nav-menu-menu" role="button" data-bs-toggle="dropdown" aria-expanded="false">Menu</a>
     <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="nav-menu-menu">    
         <li>
     <a class="dropdown-item" href="./index.html">
@@ -109,13 +107,17 @@
         <li>
     <a class="dropdown-item" href="./tutorials/Earthdata_Search_Discovery_earthaccess.html">
  <span class="dropdown-text">Search &amp; Discovery</span></a>
+  </li>  
+        <li>
+    <a class="dropdown-item" href="./tutorials/Earthdata_Subset_and_Plot.html">
+ <span class="dropdown-text">Access, Subset &amp; Plot</span></a>
   </li>  
     </ul>
   </li>
   <li class="nav-item compact">
     <a class="nav-link" href="https://github.com/NASA-Openscapes/2023-Cloud-Workshop-AGU"><i class="bi bi-github" role="img">
 </i> 
- <span class="menu-text"></span></a>
+ </a>
   </li>  
 </ul>
               <div class="quarto-toggle-container">
@@ -139,7 +141,7 @@ <h1 class="quarto-secondary-nav-title">Enabling Analysis in the Cloud Using NASA
 <!-- sidebar -->
   <nav id="quarto-sidebar" class="sidebar collapse sidebar-navigation docked overflow-auto">
     <div class="pt-lg-2 mt-2 text-left sidebar-header sidebar-header-stacked">
-      <a href="./index.html" class="sidebar-logo-link">
+      <a href="./" class="sidebar-logo-link">
       <img src="./nasa-openscapes.png" alt="" class="sidebar-logo py-0 d-lg-inline d-none">
       </a>
       </div>
@@ -174,16 +176,15 @@ <h1 class="quarto-secondary-nav-title">Enabling Analysis in the Cloud Using NASA
       </div>
       <ul id="quarto-sidebar-section-1" class="collapse list-unstyled sidebar-section depth1 ">  
           <li class="sidebar-item">
-  Cloud Set Up
-  </li>
-          <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="./tutorials/Earthdata_Search_Discovery_earthaccess.html" class="sidebar-item-text sidebar-link">Search &amp; Discovery</a>
   </div>
 </li>
           <li class="sidebar-item">
-  Access, Subset &amp; Plot
-  </li>
+  <div class="sidebar-item-container"> 
+  <a href="./tutorials/Earthdata_Subset_and_Plot.html" class="sidebar-item-text sidebar-link">Access, Subset &amp; Plot</a>
+  </div>
+</li>
       </ul>
   </li>
     </ul>
@@ -212,7 +213,7 @@ <h2 id="toc-title">On this page</h2>
 <header id="title-block-header" class="quarto-title-block default">
 <div class="quarto-title">
 <h1 class="title d-none d-lg-block">Enabling Analysis in the Cloud Using NASA Earth Science Data</h1>
-<p class="subtitle lead">A Hybrid workshop, remotely and online at AGU Fall 2023 Meeting</p>
+<p class="subtitle lead">A Hybrid workshop, remotely and in person at AGU Fall 2023 Meeting</p>
 </div>
 
 
@@ -226,7 +227,6 @@ <h1 class="title d-none d-lg-block">Enabling Analysis in the Cloud Using NASA Ea
           </div>
   </div>
 
-
 
   </div>
 
@@ -398,9 +398,7 @@ <h2 class="anchored" data-anchor-id="acknowledgements">Acknowledgements</h2>
   // Switch to dark mode if need be
   if (hasAlternateSentinel()) {
     toggleColorMode(true);
-  } else {
-    toggleColorMode(false);
-  }
+  } 
   const icon = "";
   const anchorJS = new window.AnchorJS();
   anchorJS.options = {
@@ -422,24 +420,7 @@ <h2 class="anchored" data-anchor-id="acknowledgements">Acknowledgements</h2>
     button.classList.add('code-copy-button-checked');
     var currentTitle = button.getAttribute("title");
     button.setAttribute("title", "Copied!");
-    let tooltip;
-    if (window.bootstrap) {
-      button.setAttribute("data-bs-toggle", "tooltip");
-      button.setAttribute("data-bs-placement", "left");
-      button.setAttribute("data-bs-title", "Copied!");
-      tooltip = new bootstrap.Tooltip(button, 
-        { trigger: "manual", 
-          customClass: "code-copy-button-tooltip",
-          offset: [0, -8]});
-      tooltip.show();    
-    }
     setTimeout(function() {
-      if (tooltip) {
-        tooltip.hide();
-        button.removeAttribute("data-bs-title");
-        button.removeAttribute("data-bs-toggle");
-        button.removeAttribute("data-bs-placement");
-      }
       button.setAttribute("title", currentTitle);
       button.classList.remove('code-copy-button-checked');
     }, 1000);
@@ -475,42 +456,24 @@ <h2 class="anchored" data-anchor-id="acknowledgements">Acknowledgements</h2>
       return note.innerHTML;
     });
   }
-  const findCites = (el) => {
-    const parentEl = el.parentElement;
-    if (parentEl) {
-      const cites = parentEl.dataset.cites;
-      if (cites) {
-        return {
-          el,
-          cites: cites.split(' ')
-        };
-      } else {
-        return findCites(el.parentElement)
-      }
-    } else {
-      return undefined;
-    }
-  };
   var bibliorefs = window.document.querySelectorAll('a[role="doc-biblioref"]');
   for (var i=0; i<bibliorefs.length; i++) {
     const ref = bibliorefs[i];
-    const citeInfo = findCites(ref);
-    if (citeInfo) {
-      tippyHover(citeInfo.el, function() {
-        var popup = window.document.createElement('div');
-        citeInfo.cites.forEach(function(cite) {
-          var citeDiv = window.document.createElement('div');
-          citeDiv.classList.add('hanging-indent');
-          citeDiv.classList.add('csl-entry');
-          var biblioDiv = window.document.getElementById('ref-' + cite);
-          if (biblioDiv) {
-            citeDiv.innerHTML = biblioDiv.innerHTML;
-          }
-          popup.appendChild(citeDiv);
-        });
-        return popup.innerHTML;
+    const cites = ref.parentNode.getAttribute('data-cites').split(' ');
+    tippyHover(ref, function() {
+      var popup = window.document.createElement('div');
+      cites.forEach(function(cite) {
+        var citeDiv = window.document.createElement('div');
+        citeDiv.classList.add('hanging-indent');
+        citeDiv.classList.add('csl-entry');
+        var biblioDiv = window.document.getElementById('ref-' + cite);
+        if (biblioDiv) {
+          citeDiv.innerHTML = biblioDiv.innerHTML;
+        }
+        popup.appendChild(citeDiv);
       });
-    }
+      return popup.innerHTML;
+    });
   }
 });
 </script>

diff --git a/_site/prerequisites.html b/_site/prerequisites.html
@@ -2,7 +2,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head>
 
 <meta charset="utf-8">
-<meta name="generator" content="quarto-1.2.269">
+<meta name="generator" content="quarto-1.1.251">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
@@ -41,7 +41,7 @@
 <link href="site_libs/quarto-html/quarto-syntax-highlighting-dark.css" rel="prefetch" class="quarto-color-scheme quarto-color-alternate" id="quarto-text-highlighting-styles">
 <script src="site_libs/bootstrap/bootstrap.min.js"></script>
 <link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
-<link href="site_libs/bootstrap/bootstrap.min.css" rel="stylesheet" class="quarto-color-scheme" id="quarto-bootstrap" data-mode="light">
+<link href="site_libs/bootstrap/bootstrap.min.css" rel="stylesheet" class="quarto-color-scheme" id="quarto-bootstrap" data-mode="dark">
 <link href="site_libs/bootstrap/bootstrap-dark.min.css" rel="prefetch" class="quarto-color-scheme quarto-color-alternate" id="quarto-bootstrap" data-mode="light">
 <script id="quarto-search-options" type="application/json">{
   "location": "navbar",
@@ -84,9 +84,7 @@
           <div class="collapse navbar-collapse" id="navbarCollapse">
             <ul class="navbar-nav navbar-nav-scroll ms-auto">
   <li class="nav-item dropdown ">
-    <a class="nav-link dropdown-toggle" href="#" id="nav-menu-menu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- <span class="menu-text">Menu</span>
-    </a>
+    <a class="nav-link dropdown-toggle" href="#" id="nav-menu-menu" role="button" data-bs-toggle="dropdown" aria-expanded="false">Menu</a>
     <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="nav-menu-menu">    
         <li>
     <a class="dropdown-item" href="./index.html">
@@ -109,13 +107,17 @@
         <li>
     <a class="dropdown-item" href="./tutorials/Earthdata_Search_Discovery_earthaccess.html">
  <span class="dropdown-text">Search &amp; Discovery</span></a>
+  </li>  
+        <li>
+    <a class="dropdown-item" href="./tutorials/Earthdata_Subset_and_Plot.html">
+ <span class="dropdown-text">Access, Subset &amp; Plot</span></a>
   </li>  
     </ul>
   </li>
   <li class="nav-item compact">
     <a class="nav-link" href="https://github.com/NASA-Openscapes/2023-Cloud-Workshop-AGU"><i class="bi bi-github" role="img">
 </i> 
- <span class="menu-text"></span></a>
+ </a>
   </li>  
 </ul>
               <div class="quarto-toggle-container">
@@ -139,7 +141,7 @@ <h1 class="quarto-secondary-nav-title">Prerequisites</h1>
 <!-- sidebar -->
   <nav id="quarto-sidebar" class="sidebar collapse sidebar-navigation docked overflow-auto">
     <div class="pt-lg-2 mt-2 text-left sidebar-header sidebar-header-stacked">
-      <a href="./index.html" class="sidebar-logo-link">
+      <a href="./" class="sidebar-logo-link">
       <img src="./nasa-openscapes.png" alt="" class="sidebar-logo py-0 d-lg-inline d-none">
       </a>
       </div>
@@ -174,16 +176,15 @@ <h1 class="quarto-secondary-nav-title">Prerequisites</h1>
       </div>
       <ul id="quarto-sidebar-section-1" class="collapse list-unstyled sidebar-section depth1 ">  
           <li class="sidebar-item">
-  Cloud Set Up
-  </li>
-          <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="./tutorials/Earthdata_Search_Discovery_earthaccess.html" class="sidebar-item-text sidebar-link">Search &amp; Discovery</a>
   </div>
 </li>
           <li class="sidebar-item">
-  Access, Subset &amp; Plot
-  </li>
+  <div class="sidebar-item-container"> 
+  <a href="./tutorials/Earthdata_Subset_and_Plot.html" class="sidebar-item-text sidebar-link">Access, Subset &amp; Plot</a>
+  </div>
+</li>
       </ul>
   </li>
     </ul>
@@ -217,7 +218,6 @@ <h1 class="title d-none d-lg-block">Prerequisites</h1>
 <div class="quarto-title-meta">
 
 
-
 
   </div>
 
@@ -232,7 +232,7 @@ <h3 class="anchored" data-anchor-id="earthdata-login-account">1. Earthdata Login
 </section>
 <section id="github-account" class="level3">
 <h3 class="anchored" data-anchor-id="github-account">2. GitHub Account</h3>
-<p>A GitHub account is required to gain access to the provided 2i2c cloud computing platform. Please visit https://github.com/join to register and create a free GitHub account. Make sure you have sent your username to the workshop leaders once you have done so for access to our cloud computing environment.</p>
+<p>A GitHub account is required to gain access to the provided 2i2c cloud computing platform. Please visit https://github.com/join to register and create a free GitHub account. Make sure you have sent your username to the workshop leaders via this <a href="https://docs.google.com/forms/d/e/1FAIpQLSfir0YIPhY5AJ6lpO1qOo-Wm1gjl7nXPasPjTKD3OCIhQo82A/viewform?usp=sf_link">Google Form</a> once you have done so for access to our cloud computing environment.</p>
 </section>
 <section id="laptop-or-tablet" class="level3">
 <h3 class="anchored" data-anchor-id="laptop-or-tablet">3. Laptop or tablet</h3>
@@ -375,9 +375,7 @@ <h3 class="anchored" data-anchor-id="laptop-or-tablet">3. Laptop or tablet</h3>
   // Switch to dark mode if need be
   if (hasAlternateSentinel()) {
     toggleColorMode(true);
-  } else {
-    toggleColorMode(false);
-  }
+  } 
   const icon = "";
   const anchorJS = new window.AnchorJS();
   anchorJS.options = {
@@ -399,24 +397,7 @@ <h3 class="anchored" data-anchor-id="laptop-or-tablet">3. Laptop or tablet</h3>
     button.classList.add('code-copy-button-checked');
     var currentTitle = button.getAttribute("title");
     button.setAttribute("title", "Copied!");
-    let tooltip;
-    if (window.bootstrap) {
-      button.setAttribute("data-bs-toggle", "tooltip");
-      button.setAttribute("data-bs-placement", "left");
-      button.setAttribute("data-bs-title", "Copied!");
-      tooltip = new bootstrap.Tooltip(button, 
-        { trigger: "manual", 
-          customClass: "code-copy-button-tooltip",
-          offset: [0, -8]});
-      tooltip.show();    
-    }
     setTimeout(function() {
-      if (tooltip) {
-        tooltip.hide();
-        button.removeAttribute("data-bs-title");
-        button.removeAttribute("data-bs-toggle");
-        button.removeAttribute("data-bs-placement");
-      }
       button.setAttribute("title", currentTitle);
       button.classList.remove('code-copy-button-checked');
     }, 1000);
@@ -452,42 +433,24 @@ <h3 class="anchored" data-anchor-id="laptop-or-tablet">3. Laptop or tablet</h3>
       return note.innerHTML;
     });
   }
-  const findCites = (el) => {
-    const parentEl = el.parentElement;
-    if (parentEl) {
-      const cites = parentEl.dataset.cites;
-      if (cites) {
-        return {
-          el,
-          cites: cites.split(' ')
-        };
-      } else {
-        return findCites(el.parentElement)
-      }
-    } else {
-      return undefined;
-    }
-  };
   var bibliorefs = window.document.querySelectorAll('a[role="doc-biblioref"]');
   for (var i=0; i<bibliorefs.length; i++) {
     const ref = bibliorefs[i];
-    const citeInfo = findCites(ref);
-    if (citeInfo) {
-      tippyHover(citeInfo.el, function() {
-        var popup = window.document.createElement('div');
-        citeInfo.cites.forEach(function(cite) {
-          var citeDiv = window.document.createElement('div');
-          citeDiv.classList.add('hanging-indent');
-          citeDiv.classList.add('csl-entry');
-          var biblioDiv = window.document.getElementById('ref-' + cite);
-          if (biblioDiv) {
-            citeDiv.innerHTML = biblioDiv.innerHTML;
-          }
-          popup.appendChild(citeDiv);
-        });
-        return popup.innerHTML;
+    const cites = ref.parentNode.getAttribute('data-cites').split(' ');
+    tippyHover(ref, function() {
+      var popup = window.document.createElement('div');
+      cites.forEach(function(cite) {
+        var citeDiv = window.document.createElement('div');
+        citeDiv.classList.add('hanging-indent');
+        citeDiv.classList.add('csl-entry');
+        var biblioDiv = window.document.getElementById('ref-' + cite);
+        if (biblioDiv) {
+          citeDiv.innerHTML = biblioDiv.innerHTML;
+        }
+        popup.appendChild(citeDiv);
       });
-    }
+      return popup.innerHTML;
+    });
   }
 });
 </script>