Content updates (#679)

# Changes - Add direct links to custom interfaces instead of dataset overview pages in cards in methane landing page and data toolkit page - Add a flag to be able to hide the "external link" tag in cards - Minor text edits - Add slash to the end of goes viewer url
US-GHG-Center · Nov 27, 2024 · 830d2d1 · 830d2d1
2 parents 17c2bc1 + 393a270
commit 830d2d1
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 37 deletions.
diff --git a/common/constants.js b/common/constants.js
@@ -124,7 +124,7 @@ export const dataEngagements = [
   },
   {
     "title": "Documentation",
-    "desc": "Access technical documentation for US GHG Center data services, including a collection of code notebooks, and instructions for accessing data via API.",
+    "desc": "Access technical documentation for US GHG Center data services, including a collection of code notebooks and instructions for accessing data via API.",
     "img": {
       "src": new URL('./media/documentation.png', import.meta.url).href,
       "alt": "icon of an open laptop surrounded by icons of documents, and a chart."
@@ -141,25 +141,27 @@ export const customInterfaces = [
   {
     "title": "GOES Large Plume Visualization",
     "desc": "NOAA’s GOES is the Western Hemisphere’s most advanced weather-monitoring satellite system, capable of detecting very large methane plumes. A new tool using GOES-16 data allows users to visualize large methane emission events, select the region and plume of interest, and animate to see how the plume changes over five-minute intervals.",
+    "hideExternalLinkFlag": true,
     "img": {
       "src": new URL('./media/GOES_Methane_Plume_viewer_card.png', import.meta.url).href,
       "alt": "map showing colorful methane gas plume from GOES over a green surface satellite image on June 15, 2020 in Indiana"
     },
     "link": {
-      "url": "/data-catalog/goes-ch4plume-v1",
+      "url": "https://staging.earth.gov/ghgcenter/custom-interfaces/goes-plume-viewer/",
       "text": "See more"
     },
     "footer": null
   },
   {
     "title": "EMIT Methane Plume Viewer",
     "desc": "NASA’s EMIT instrument measures mineral dust, carbon dioxide and methane from the International Space Station. This updated interactive plume viewer offers a global map of large, point source methane plumes. New functionalities include EMIT overpasses over time, geographic plume quantifications, and a point-and-click plume measurement tool.",
+    "hideExternalLinkFlag": true,
     "img": {
       "src": new URL('./media/EMIT_Plume_Viewer_card.png', import.meta.url).href,
       "alt": "view of colored shape overlaid on satellite landscape image with boxes of information containing plume details"
     },
     "link": {
-      "url": "/data-catalog/emit-ch4plume-v1",
+      "url": "https://staging.earth.gov/ghgcenter/custom-interfaces/emit-ch4plume-v1",
       "text": "See more"
     },
     "footer": null
@@ -179,11 +181,11 @@ export const customInterfaces = [
       "links": [
         {
           "title": "Carbon Dioxide",
-          "url": "/data-catalog/noaa-gggrn-co2-concentrations"
+          "url": "https://earth.gov/ghgcenter/custom-interfaces/noaa-gggrn-ghg-concentrations/index.html?ghg=co2&frequency=all"
         },
         {
           "title": "Methane",
-          "url": "/data-catalog/noaa-gggrn-ch4-concentrations"
+          "url": "https://earth.gov/ghgcenter/custom-interfaces/noaa-gggrn-ghg-concentrations/index.html?ghg=ch4&frequency=all"
         }
       ]
     }
@@ -203,15 +205,15 @@ export const customInterfaces = [
       "links": [
         {
           "title": "Indianapolis Flux Experiment (INFLUX)",
-          "url": "/data-catalog/influx-testbed-ghg-concentrations"
+          "url": "https://earth.gov/ghgcenter/custom-interfaces/nist-interface/?agency=nist&region=in&zoom-level=8"
         },
         {
           "title": "Los Angeles Megacity Carbon Project",
-          "url": "/data-catalog/lam-testbed-ghg-concentrations"
+          "url": "https://earth.gov/ghgcenter/custom-interfaces/nist-interface/?agency=nist&region=lam&zoom-level=7"
         },
         {
           "title": "Northeast Corridor (NEC) Urban Test Bed",
-          "url": "/data-catalog/nec-testbed-ghg-concentrations"
+          "url": "https://earth.gov/ghgcenter/custom-interfaces/nist-interface/?agency=nist&region=nec&zoom-level=5"
         }
       ]
     }

diff --git a/common/keypoints.tsx b/common/keypoints.tsx
@@ -22,6 +22,7 @@ import "./styles.scss"
 type Data = {
   title: string;
   desc: string;
+  hideExternalLinkFlag?: boolean;
   img: {
     src: string;
     alt: string;
@@ -62,7 +63,7 @@ export default function Keypoints({
           }}
         >
           {
-            !!datum.link.url.startsWith("http") &&
+            ( !!datum.link.url.startsWith("http") && !datum.hideExternalLinkFlag ) &&
             <div style={{cursor: "pointer"}}>
               <ExternalLinkFlag />
             </div>

diff --git a/datasets/goes-ch4plume-v1.data.mdx b/datasets/goes-ch4plume-v1.data.mdx
@@ -108,7 +108,7 @@ layers:
   <Figure>
     <Embed
       height="800"
-      src="https://staging.earth.gov/ghgcenter/custom-interfaces/goes-plume-viewer"
+      src="https://staging.earth.gov/ghgcenter/custom-interfaces/goes-plume-viewer/"
     />
   </Figure>
 </Block>

diff --git a/e2e/tests/about.spec.ts b/e2e/tests/about.spec.ts
@@ -19,7 +19,7 @@ test('about page should have no javascript errors', async ({
   expect(pageErrorCalled, 'no javascript exceptions thrown on page').toBe(false)
 });
 
-test('partner links should have url and image', async ({
+test.skip('partner links should have url and image', async ({
   page,
   aboutPage,
   footerComponent

diff --git a/stories/methane/component.tsx b/stories/methane/component.tsx
@@ -29,14 +29,12 @@ export default function Urban() {
                 <Prose>
                     <h2>About Methane</h2>
 
-                    Methane is a greenhouse gas emitted by a complex mix of natural sources and human activities. Although it is short-lived in the atmosphere, the structure of methane molecules makes the chemical compound particularly powerful at trapping heat: compared with carbon dioxide, <a target="_blank" href="https://www.unep.org/explore-topics/energy/facts-about-methane#:~:text=Methane%20(CH4)%2C%20the%20primary,%C2%B0C%20target%20within%20reach.">methane can trap 80 times more heat over 20 years</a>. These attributes make methane an attractive focus for efforts to research and reduce emissions, which can help to limit rising temperatures, improve air quality, and support operational efficiency within some industrial sectors.
-
-                    To meet the growing need for information, innovative new observations and coordination across public and private data providers are enhancing trust and transparency in methane data. Explore below to learn how researchers and data providers are working to understand emissions around the world and support local scale views of methane sources.
+                    Methane is a greenhouse gas emitted by a complex mix of natural sources and human activities. Although it is shorter-lived than carbon dioxide in the atmosphere, the structure of methane molecules makes the chemical compound particularly powerful at trapping heat: compared with carbon dioxide, <a target="_blank" href="https://www.unep.org/explore-topics/energy/facts-about-methane#:~:text=Methane%20(CH4)%2C%20the%20primary,%C2%B0C%20target%20within%20reach.">methane can trap 80 times more heat over 20 years</a>. These attributes make methane an attractive focus for efforts to research and reduce emissions, which can help to limit rising temperatures, improve air quality, and support operational efficiency within some industrial sectors.
 
                     <br/>
                     <br/>
-                    <br/>
-                    Explore below to see how new data are providing new views of methane on local scales and how researchers are working to scale up to understand emissions around the world.
+                        
+                    To meet the growing need for information, innovative new observations and coordination across public and private data providers are enhancing trust and transparency in methane data. Explore below to learn how researchers and data providers are working to understand emissions around the world and support local scale views of methane sources.
                 </Prose>
                 <Figure style={{ textAlign: "center" }}>
                     <video

diff --git a/stories/methane/content.js b/stories/methane/content.js
@@ -2,25 +2,27 @@ export const tools = [
     {
         "title": "EMIT Methane Plume Viewer",
         "desc": "NASA’s EMIT instrument measures mineral dust, carbon dioxide and methane from the International Space Station. This updated interactive plume viewer offers a global map of large, point source methane plumes. New functionalities include EMIT overpasses over time, geographic plume quantifications, and a point-and-click plume measurement tool.",
+        "hideExternalLinkFlag": true,
         "img": {
           "src": new URL('../../common/media/EMIT_Plume_Viewer_card.png', import.meta.url).href,
           "alt": "view of colored shape overlaid on satellite landscape image with boxes of information containing plume details"
         },
         "link": {
-          "url": "/data-catalog/emit-ch4plume-v1",
+          "url": "https://staging.earth.gov/ghgcenter/custom-interfaces/emit-ch4plume-v1",
           "text": "See more"
         },
         "footer": null
     },
     {
       "title": "GOES Large Plume Visualization",
       "desc": "NOAA’s GOES is the Western Hemisphere’s most advanced weather-monitoring satellite system, capable of detecting very large methane plumes. A new tool using GOES-16 data allows users to visualize large methane emission events, select the region and plume of interest, and animate to see how the plume changes over five-minute intervals.",
+      "hideExternalLinkFlag": true,
       "img": {
         "src": new URL('../../common/media/GOES_Methane_Plume_viewer_card.png', import.meta.url).href,
         "alt": "map showing colorful methane gas plume from GOES over a green surface satellite image on June 15, 2020 in Indiana"
       },
       "link": {
-        "url": "/data-catalog/goes-ch4plume-v1",
+        "url": "https://staging.earth.gov/ghgcenter/custom-interfaces/goes-plume-viewer/",
         "text": "See more"
       },
       "footer": null
@@ -41,26 +43,16 @@ export const tools = [
     {
       "title": "NOAA Methane Concentration Viewer",
       "desc": "Get a bird’s-eye view of NOAA’s atmospheric methane measurements  from ground stations around the globe, and explore how methane concentrations have changed over time. These data include tower, ground site, aircraft and flask measurements as part of NOAA’s Global Greenhouse Gas Reference Network.",
+      "hideExternalLinkFlag": true,
       "img": {
         "src": new URL('../../common/media/NOAA_Methane_Concentration_Viewer_card.png', import.meta.url).href,
         "alt": "map showing Mauna Loa location of station with a time series of data below the map"
       },
       "link": {
-        "url": "/data-catalog/noaa-gggrn-co2-concentrations",
+        "url": "https://earth.gov/ghgcenter/custom-interfaces/noaa-gggrn-ghg-concentrations/index.html?ghg=ch4&frequency=all",
         "text": "See more"
       },
-      "footer": {
-        "links": [
-          {
-            "title": "Carbon Dioxide",
-            "url": "/data-catalog/noaa-gggrn-co2-concentrations"
-          },
-          {
-            "title": "Methane",
-            "url": "/data-catalog/noaa-gggrn-ch4-concentrations"
-          }
-        ]
-      }
+      "footer": null
     },
     {
       "title": "NIST Tower Data Viewer",
@@ -70,22 +62,22 @@ export const tools = [
         "alt": "map showing Northwest Baltimore, MD location of station with a time series of data below the map"
       },
       "link": {
-        "url": "/data-catalog/noaa-gggrn-ch4-concentrations",
+        "url": "/data-catalog/influx-testbed-ghg-concentrations",
         "text": "See more"
       },
       "footer": {
         "links": [
           {
             "title": "Indianapolis Flux Experiment (INFLUX)",
-            "url": "/data-catalog/influx-testbed-ghg-concentrations"
+            "url": "https://earth.gov/ghgcenter/custom-interfaces/nist-interface/?agency=nist&region=in&zoom-level=8&ghg=ch4"
           },
           {
             "title": "Los Angeles Megacity Carbon Project",
-            "url": "/data-catalog/lam-testbed-ghg-concentrations"
+            "url": "https://earth.gov/ghgcenter/custom-interfaces/nist-interface/?agency=nist&region=lam&zoom-level=7&ghg=ch4"
           },
           {
             "title": "Northeast Corridor (NEC) Urban Test Bed",
-            "url": "/data-catalog/nec-testbed-ghg-concentrations"
+            "url": "https://earth.gov/ghgcenter/custom-interfaces/nist-interface/?agency=nist&region=nec&zoom-level=5&ghg=ch4"
           }
         ]
       }
@@ -180,7 +172,7 @@ export const trainings = [
 export const datasets = [
     {
         "title": "U.S. Gridded Anthropogenic Methane Emissions Inventory",
-        "desc": "Spatially disaggregated 0.1°x 0.1° maps of annual U.S. anthropogenic methane emissions from over 25 emission sources, consistent with the U.S. Inventory of Greenhouse Gas Emissions and Sinks.",
+        "desc": "Spatially disaggregated 0.1°x 0.1° maps of annual U.S. anthropogenic methane emissions from over 25 emission sources, consistent with the U.S. Inventory of Greenhouse Gas Emissions and Sinks",
         "img": {
           "src": new URL('../../datasets/media/epa-annual--cover.jpg', import.meta.url).href,
           "alt": "Total Gridded Methane Emissions from the U.S. Inventory of Greenhouse Gas Emissions and Sinks"
@@ -232,7 +224,7 @@ export const datasets = [
     },
     {
         "title": "GOSAT-based Top-down Total and Natural Methane Emissions ",
-        "desc": "Total and natural methane emissions derived using the GEOS-Chem global chemistry transport model with inclusion of GOSAT data.  Methane emission values for both before and after adding GOSAT to the model are mapped to a 1° resolution grid.  Version 1.0 contains data only for 2019",
+        "desc": "Total and wetland yearly methane emissions derived using the GEOS-Chem global chemistry transport model with inclusion of GOSAT data for 2010 to 2022 on a 4 x 5 degree (lat/lon) grid",
         "img": {
           "src": new URL('../../datasets/media/oco2-mip-ch4budget-yeargrid-v1--cover.jpg', import.meta.url).href,
           "alt": "Dried/Burned trees"