Add notebook

.github/workflows/deploy-with-password.yml

@@ -18,6 +18,18 @@ jobs:
       - name: Setup Quarto
         uses: quarto-dev/quarto-actions/setup@v2
 
+      - name: Setup Python
+        uses: actions/setup-python@v5
+        with:
+          python-version: '3.12'
+          cache: 'pip'
+
+      - name: Install Python dependencies
+        run: |
+          python -m pip install --upgrade pip
+          pip install jupyter nbformat nbclient
+          pip install -r requirements.txt
+
       - name: Render Quarto site
         run: quarto render
 

.github/workflows/preview.yml

@@ -22,8 +22,10 @@ jobs:
           python-version: '3.9'
           cache: 'pip'
 
-      - run: pip install jupyter
-      - run: pip install -r requirements.txt
+      - run: |
+          python -m pip install --upgrade pip
+          pip install jupyter nbformat nbclient
+          pip install -r requirements.txt
       - run: quarto render --to html
 
       - name: Verify auth script is present in rendered HTML

.github/workflows/quarto-publish.yml

@@ -24,9 +24,11 @@ jobs:
           python-version: '3.9'
           cache: 'pip'
 
-      - run: pip install jupyter
+      - run: |
+          python -m pip install --upgrade pip
+          pip install jupyter nbformat nbclient
+          pip install -r requirements.txt
       - run: quarto install tinytex
-      - run: pip install -r requirements.txt
       - run: quarto render --to html
 
       - name: Verify auth script is present in rendered HTML

Presentations/aws-cost-management.qmd

@@ -0,0 +1,104 @@
+---
+title: "AWS Cost Management"
+subtitle: "Managing and Optimizing AWS Costs"
+format:
+  html:
+    toc: false
+    page-layout: full
+---
+
+## AWS Cost Management
+
+This page provides guidance for managing and optimizing costs in Amazon Web Services (AWS).
+
+::: {.callout-note}
+## About This Presentation
+
+This presentation covers AWS cost management strategies, monitoring tools, and optimization best practices.
+
+**Controls:**
+<ul>
+<li>Click the "︙" menu for additional options such as Full Screen mode</li>
+<li>Advance slides using your mouse cursor</li>
+</ul>
+:::
+
+---
+
+### Tutorial Video Recording
+
+Watch the complete walkthrough of this tutorial with live demonstrations and explanations:
+
+::: {.callout-warning}
+## Large Video File Notice
+
+Due to the video file size, it cannot be embedded directly. Please use the button below to watch the video in a new tab.
+
+<div style="text-align: center; margin: 1.5rem 0;">
+<a href="https://drive.google.com/file/d/1fNSrA1-0WH11U9WvEfT_8jTYsfM1VTPr/view"
+   target="_blank"
+   style="display: inline-block; padding: 12px 24px; background-color: #0066cc; color: white; text-decoration: none; border-radius: 6px; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.2);">
+   ▶ Watch Tutorial Video
+</a>
+</div>
+
+
+:::
+
+::: {.callout-note collapse="true"}
+## Video Details
+
+This recorded tutorial includes:
+- AWS Cost Explorer walkthrough
+- Setting up budgets and alerts
+- Cost optimization strategies
+- Tagging and cost allocation
+- Best practices for cost management
+
+:::
+
+---
+
+### Presentation
+
+<div style="text-align: center; margin: 2rem 0;">
+<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vSWi_k461DA4LINasclBYp4SRaKuy_ycKfMwDemRqXiwRUmmq38OBHSFpU68p8pMA/pubembed?start=false&loop=false&delayms=3000"
+        frameborder="0"
+        width="1280"
+        height="749"
+        allowfullscreen="true"
+        mozallowfullscreen="true"
+        webkitallowfullscreen="true"
+        style="border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); max-width: 100%;">
+</iframe>
+</div>
+
+::: {.callout-tip collapse="true"}
+## Alternative Viewing Options
+
+If the embedded presentation doesn't load properly, you can:
+
+1. **Open in new tab**: [View presentation in Google Slides →](https://docs.google.com/presentation/d/e/2PACX-1vRmsfUNSNQStvXH2VMhYd31ZFO6s4HqPD263eSs4MoGp4pLhUvingBvRSMG6GwzQQ/pub?start=false&loop=false&delayms=3000)
+
+2. **Fullscreen mode**: Click the fullscreen button in the embedded player above
+
+3. **Download**: Open the link above and look for download options if available
+:::
+
+---
+
+## Related Resources
+
+### AWS Cost Management Documentation
+- [AWS Cost Management](https://aws.amazon.com/aws-cost-management/)
+- [AWS Cost Explorer](https://aws.amazon.com/aws-cost-management/aws-cost-explorer/)
+- [AWS Budgets](https://aws.amazon.com/aws-cost-management/aws-budgets/)
+
+### AWS Optimization Tools
+- [AWS Trusted Advisor](https://aws.amazon.com/premiumsupport/technology/trusted-advisor/)
+- [AWS Compute Optimizer](https://aws.amazon.com/compute-optimizer/)
+- [AWS Well-Architected Tool](https://aws.amazon.com/well-architected-tool/)
+
+---
+
+

_quarto.yml

@@ -64,6 +64,15 @@ website:
          contents:
           - data_workflow2/NRT_data_download.qmd
           - data_workflow2/NRT_directory_structure.qmd
+      - section: contentcuration.qmd
+        text: Content Curation
+        contents:
+          - section: datasetingestion.qmd
+            text: Dataset Ingestion
+            contents:
+              - text: Boilerplate Ingest Example
+                href: DataIngestion/stac-collection.ipynb
+
       - section: Documentation
         contents:
           - text: "Quarto Guide for Beginners"
@@ -80,6 +89,8 @@ website:
                 href: Presentations/disasters-powerpoint-template.qmd
               - text: "AWS and Grafana Monitoring Tutorial"
                 href: Presentations/aws-grafana-tutorial.qmd
+              - text: "AWS Cost Management"
+                href: Presentations/aws-cost-management.qmd
               - text: "JupyterHub and Data Conversions Tutorial"
                 href: Presentations/jupyterhub-data-conversions-tutorial.qmd
               - text: "STAC Database and Apache Airflow Tutorial"
@@ -114,16 +125,21 @@ format:
 
               // Get the base path for the current page
               function getBasePath() {
-                  const path = window.location.pathname;
-                  // Extract base directory from current path
-                  const parts = path.split('/').filter(p => p);
-                  // Find the index.html or last segment
-                  const fileIndex = parts.findIndex(p => p.endsWith('.html'));
-                  if (fileIndex > 0) {
-                      return '/' + parts.slice(0, fileIndex).join('/') + '/';
+                  let path = window.location.pathname;
+
+                  // If path ends with / or is a directory, it's already the base
+                  if (path.endsWith('/')) {
+                      return path;
                   }
-                  // Default: go to root of disasters-docs
-                  return '/disasters-docs/';
+
+                  // If path ends with .html, get the directory
+                  if (path.endsWith('.html')) {
+                      const lastSlash = path.lastIndexOf('/');
+                      return path.substring(0, lastSlash + 1);
+                  }
+
+                  // Otherwise, assume it's a directory and add trailing slash
+                  return path + '/';
               }
 
               function getLoginPage() {