Embed StoryMap content in iframes

CHANGELOG.md

@@ -10,6 +10,7 @@ and uses [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Changed
 * Updated links in [ARIA Sentinel-1 GUNW Product Guide](docs/guides/gunw_product_guide.md)
+* Embedded StoryMaps in markdown pages rather than automatically opening them in a separate tab
 
 ## [0.13.1]
 

docs/tutorials/agol_tutorials.md

@@ -0,0 +1,5 @@
+# [ASF StoryMap Tutorials and Resources <span class="material-symbols-outlined">open_in_new</span>](https://asf-daac.maps.arcgis.com/home/index.html "Open ASF StoryMap Tutorials and Resources page in a new tab" ){target=_blank}
+
+<div style="width: 100%;">
+  <iframe srcdoc="Loading..." onload="this.removeAttribute('srcdoc')" src="https://asf-daac.maps.arcgis.com/home/index.html" style="width: 100%; height: 600px; border: none;"></iframe>
+</div>

docs/tutorials/burst_insar_storymap.md

@@ -0,0 +1,5 @@
+# [Burst-Based InSAR for Sentinel-1 On Demand <span class="material-symbols-outlined">open_in_new</span>](https://storymaps.arcgis.com/stories/191bf1b6962c402086807390b3ce63b0 "Open Burst-Based InSAR for Sentinel-1 On Demand StoryMap Tutorial in a new tab" ){target=_blank}
+
+<div style="width: 100%;">
+  <iframe srcdoc="Loading..." onload="this.removeAttribute('srcdoc')" src="https://storymaps.arcgis.com/stories/191bf1b6962c402086807390b3ce63b0" style="width: 100%; height: 600px; border: none;"></iframe>
+</div>

docs/tutorials/insar_storymap.md

@@ -0,0 +1,5 @@
+# [InSAR On Demand! <span class="material-symbols-outlined">open_in_new</span>](https://storymaps.arcgis.com/stories/68a8a3253900411185ae9eb6bb5283d3 "Open InSAR On Demand! StoryMap Tutorial in a new tab" ){target=_blank}
+
+<div style="width: 100%;">
+  <iframe srcdoc="Loading..." onload="this.removeAttribute('srcdoc')" src="https://storymaps.arcgis.com/stories/68a8a3253900411185ae9eb6bb5283d3" style="width: 100%; height: 600px; border: none;"></iframe>
+</div>

docs/tutorials/opera-rtc-storymap-eng.md

@@ -0,0 +1,5 @@
+# [OPERA Sentinel-1 RTC <span class="material-symbols-outlined">open_in_new</span>](https://storymaps.arcgis.com/stories/dc2807b444924fc3a76c117a2c909f8b "Open OPERA Sentinel-1 RTC StoryMap Tutorial in a new tab" ){target=_blank}
+
+<div style="width: 100%;">
+  <iframe srcdoc="Loading..." onload="this.removeAttribute('srcdoc')" src="https://storymaps.arcgis.com/stories/dc2807b444924fc3a76c117a2c909f8b" style="width: 100%; height: 600px; border: none;"></iframe>
+</div>

docs/tutorials/opera-rtc-storymap-esp.md

@@ -0,0 +1,5 @@
+# [OPERA Sentinel-1 RTC: Encuentra y Accede a los Datos <span class="material-symbols-outlined">open_in_new</span>](https://storymaps.arcgis.com/stories/ee1c4de3e5eb44de8f377c18d95e05fa "Abrir el tutorial de StoryMap de OPERA Sentinel-1 RTC en una nueva pestaña del navegador." ){target=_blank}
+
+<div style="width: 100%;">
+  <iframe srcdoc="Loading..." onload="this.removeAttribute('srcdoc')" src="https://storymaps.arcgis.com/stories/ee1c4de3e5eb44de8f377c18d95e05fa" style="width: 100%; height: 600px; border: none;"></iframe>
+</div>

docs/tutorials/rtc_storymap.md

@@ -0,0 +1,5 @@
+# [RTC On Demand! <span class="material-symbols-outlined">open_in_new</span>](https://storymaps.arcgis.com/stories/2ead3222d2294d1fae1d11d3f98d7c35 "Open RTC On Demand! StoryMap Tutorial in a new tab" ){target=_blank}
+
+<div style="width: 100%;">
+  <iframe srcdoc="Loading..." onload="this.removeAttribute('srcdoc')" src="https://storymaps.arcgis.com/stories/2ead3222d2294d1fae1d11d3f98d7c35" style="width: 100%; height: 600px; border: none;"></iframe>
+</div>

mkdocs.yml

@@ -86,22 +86,22 @@ nav:
     - RTC:
       - guides/rtc_product_guide.md
       - Product Guide: guides/rtc_product_guide.md
-      - StoryMap: https://storymaps.arcgis.com/stories/2ead3222d2294d1fae1d11d3f98d7c35" target="_blank
+      - StoryMap: tutorials/rtc_storymap.md
       - Theoretical Basis: guides/rtc_atbd.md
     - OPERA RTC-S1:
         - guides/opera_rtc_product_guide.md
         - Product Guide: guides/opera_rtc_product_guide.md
         - Product Specs: https://www.jpl.nasa.gov/go/opera/products/rtc-product/" target="_blank
-        - StoryMap (English): https://storymaps.arcgis.com/stories/dc2807b444924fc3a76c117a2c909f8b" target="_blank
-        - StoryMap (Spanish): https://storymaps.arcgis.com/stories/ee1c4de3e5eb44de8f377c18d95e05fa" target="_blank
+        - StoryMap (English): tutorials/opera-rtc-storymap-eng.md
+        - StoryMap (Spanish): tutorials/opera-rtc-storymap-esp.md
     - InSAR:
       - guides/insar_product_guide.md
       - Product Guide: guides/insar_product_guide.md
-      - StoryMap: https://storymaps.arcgis.com/stories/68a8a3253900411185ae9eb6bb5283d3" target="_blank
+      - StoryMap: tutorials/insar_storymap.md
     - Burst InSAR:
       - guides/burst_insar_product_guide.md
       - Product Guide: guides/burst_insar_product_guide.md
-      - StoryMap: https://storymaps.arcgis.com/stories/191bf1b6962c402086807390b3ce63b0" target="_blank
+      - StoryMap: tutorials/burst_insar_storymap.md
     - ARIA S1 GUNW:
         - guides/gunw_product_guide.md
         - Product Guide: guides/gunw_product_guide.md
@@ -115,14 +115,19 @@ nav:
     - SAR FAQ: https://asf.alaska.edu/information/sar-information/what-is-sar/#sar_faq" target="_blank
   - Tutorials:
     - tutorials.md
-    - Using HyP3 Python SDK: https://github.com/ASFHyP3/hyp3-sdk/blob/main/docs/sdk_example.ipynb" target="_blank
-    - Authenticate HyP3 in the SDK: https://github.com/ASFHyP3/hyp3-sdk/blob/main/docs/hyp3_authentication.ipynb" target="_blank
-    - Search another user's jobs: https://github.com/ASFHyP3/hyp3-sdk/blob/main/docs/search_other_user_jobs.ipynb" target="_blank
-    - Update existing job name: https://github.com/ASFHyP3/hyp3-sdk/blob/main/docs/hyp3_job_name_change.ipynb" target="_blank
-    - Process new granules for search parameters: tutorials/process-new-granules-for-search-parameters.md
-    - InSAR time series with MintPy: https://github.com/ASFHyP3/hyp3-docs/blob/main/docs/tutorials/hyp3_insar_stack_for_ts_analysis.ipynb" target="_blank
-    - InSAR burst time series with MintPy: https://github.com/ASFHyP3/hyp3-docs/blob/main/docs/tutorials/hyp3_isce2_burst_stack_for_ts_analysis.ipynb" target="_blank
-    - StoryMap Tutorials: https://asf-daac.maps.arcgis.com/home/index.html" target="_blank
+    - Jupyter Notebooks:
+      - Using HyP3 Python SDK: https://github.com/ASFHyP3/hyp3-sdk/blob/main/docs/sdk_example.ipynb" target="_blank
+      - Authenticate HyP3 in the SDK: https://github.com/ASFHyP3/hyp3-sdk/blob/main/docs/hyp3_authentication.ipynb" target="_blank
+      - Search another user's jobs: https://github.com/ASFHyP3/hyp3-sdk/blob/main/docs/search_other_user_jobs.ipynb" target="_blank
+      - Update existing job name: https://github.com/ASFHyP3/hyp3-sdk/blob/main/docs/hyp3_job_name_change.ipynb" target="_blank
+      - Process new granules for search parameters: tutorials/process-new-granules-for-search-parameters.md
+      - InSAR time series with MintPy: https://github.com/ASFHyP3/hyp3-docs/blob/main/docs/tutorials/hyp3_insar_stack_for_ts_analysis.ipynb" target="_blank
+      - InSAR burst time series with MintPy: https://github.com/ASFHyP3/hyp3-docs/blob/main/docs/tutorials/hyp3_isce2_burst_stack_for_ts_analysis.ipynb" target="_blank
+    - StoryMap Tutorials:
+      - tutorials/agol_tutorials.md
+      - RTC On Demand!: tutorials/rtc_storymap.md
+      - InSAR On Demand!: tutorials/insar_storymap.md
+      - Burst-Based InSAR: tutorials/burst_insar_storymap.md
   - Other Tools:
     - ArcGIS Toolbox: tools/arcgis_toolbox.md
     - ASF Tools for Python:

overrides/main.html

@@ -3,6 +3,7 @@
 {% block scripts %}
     {{ super() }}
     <script src="{{ 'javascripts/expert-rec-search.js' | url }}"></script>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=open_in_new" />
 {% endblock %}
 {# Uncomment this block to enable the announcement banner:
 {% block announce %}