Release v2.0.0 #370

.env

@@ -34,3 +34,5 @@ HUB_NAME='Hub'
 
 CUSTOM_SCRIPT_SRC=https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=NASA&subagency=HQ
 CUSTOM_SCRIPT_ID=_fed_an_ua_tag
+
+FEATURE_NEW_EXPLORATION = 'TRUE'

.env.local-sample

@@ -1,7 +1,6 @@
 # Get your public token from Mapbox dashboard
 # Then copy this file, name it as .env.local
 MAPBOX_TOKEN='YOUR_MAPBOX_TOKEN'
-
 # Google Tag Manager tracking code
 # Not required unless you are actively developing
 GOOGLE_TAG_MANAGER_ID=''

constants.tsx

@@ -0,0 +1,2 @@
+const SUBSCRIPTION_PATH = '/public/subscription/index.html';
+export const SUBSCRIPTION_URL = (process.env.PUBLIC_URL || '') + SUBSCRIPTION_PATH;

custom-pages/learn/component.tsx

@@ -23,14 +23,16 @@ export const continuumFoldSpanCols = {
   largeUp: 4
 };
 
-const FoldSection = styled.div`
-  grid-column: 1 / -1;
-  display: flex;
-  flex-flow: column nowrap;
-  margin-bottom: ${glsp(2)};
-`;
+
+const StyledContinuumCardsDragScrollWrapper = styled(ContinuumCardsDragScrollWrapper)`
+  // @NOTE: There is a bug that wrapper's height doesn't respect the child's padding 
+  // when there is only one item in the list
+  ${(props) => props.itemsN === 1 ? `padding-bottom: 1rem` : ``};
+`
 
 const StyledCard = styled(Card)`
+  box-shadow: 0 0 2px 0 rgba(44,62,80,0.08),0 6px 6px 0 rgba(44,62,80,0.08);
+  
   h3:first-child {
     margin-bottom: 0;
     &:before {
@@ -71,8 +73,8 @@ function getEventTemporalState(startDate, endDate) {
 
 export function EventsComponent ({items}) {
   const { isScrolling, scrollProps } = useReactIndianaScrollControl();
-  
-  return (<ContinuumCardsDragScrollWrapper>
+
+  return (<StyledContinuumCardsDragScrollWrapper itemsN={items.length}>
     <ContinuumScrollIndicator />
     <ContinuumDragScroll hideScrollbars={false} {...scrollProps}>
       <StyledContinuum
@@ -113,6 +115,6 @@ export function EventsComponent ({items}) {
         }}
       />
     </ContinuumDragScroll>
-  </ContinuumCardsDragScrollWrapper>
+  </StyledContinuumCardsDragScrollWrapper>
   )
 };

custom-pages/learn/index.mdx

@@ -8,9 +8,12 @@ description: "
 ---
 
 import { EventsComponent } from './component'
-import { NEWS_ITEMS, EVENT_ITEMS } from './learn-page-content'
+import { NEWS_ITEMS, EVENT_ITEMS, NEWSLETTER_ITEMS } from './learn-page-content'
 import AnchorScroll from './AnchorScroll'
 
+import { SUBSCRIPTION_URL } from "../../constants";
+
+
 <AnchorScroll />
 <Block >
   <Prose>
@@ -19,7 +22,7 @@ import AnchorScroll from './AnchorScroll'
 
     The US GHG Center website is always evolving with new data and information. This page highlights US GHG Center news, trainings, and workshop opportunities.  
 
-    If you would like to stay informed, please [subscribe to our email newsletter](https://docs.google.com/forms/d/e/1FAIpQLSfDxq_jR3z_006WkUnNKriGFlAdXhiZxC0ppkxV9fDXSM_FxQ/viewform).
+    If you would like to stay informed, please <a href={SUBSCRIPTION_URL}>subscribe to our email newsletter</a>.
   </Prose>
 </Block>
 
@@ -47,6 +50,13 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel nunc mauris
 </Block>
 
 
+<Block>
+  <Prose>
+    ## Newsletters 
+    <EventsComponent items={NEWSLETTER_ITEMS} />
+  </Prose>
+</Block>
+
 {/* <Block>
   <Prose>
     ## Learn More

custom-pages/learn/learn-page-content.js

@@ -1,3 +1,16 @@
+export const NEWSLETTER_ITEMS = [
+  {
+    name: 'The inaugural US GHG Center Newsletter',
+    asLink : {
+      url: 'https://myemail-api.constantcontact.com/US-GHG-Center-Newsletter.html?soid=1141171816352&aid=TCM2bjPR30g'
+    },
+    media: {
+      src: new URL('./media/news/newsletter.jpg', import.meta.url).href,
+      alt: 'March 2024'
+    },
+    description: 'Volume 1.1, March 2024'
+  }
+]
 export const NEWS_ITEMS = [
   {
     name: 'US GHG Center announced at COP28',
@@ -36,17 +49,17 @@ export const NEWS_ITEMS = [
 
 export const EVENT_ITEMS = [
   {
-    name: 'Policy Speaker Series: Implementing the U.S. Greenhouse Gas Center',
+    name: 'Policy Speaker Series: An Overview of the Global Greenhouse Gas Watch (G3W)',
     asLink : {
-      url: 'https://carbon.nasa.gov/pdfs/Feb%202024%20PSS%20Talk%20Announcement%20.pdf'
+      url: 'https://carbon.nasa.gov/docs/May%202024%20PSS%20Talk%20Announcement.pdf'
     },
     media: {
-      src: new URL('./media/events/GHGC_CMS_Joint_Policy_Speaker_Series_v1.png', import.meta.url).href,
+      src: new URL('./media/events/GHGC_CMS_Joint_Policy_Speaker_Series_G3W_Webinar.png', import.meta.url).href,
       alt: 'CMS speaker series screenshot'
     },
-    description: 'The US GHG Center is joining with NASA’s Carbon Monitoring System (CMS) Initiative to present a webinar on Tuesday, February 20, 2024 from 12-1PM ET. Dr. Argyro Kavvada, Dr. Lesley Ott, and Dr. Erin McDuffie will discuss development and implementation for the multi-agency US GHG Center and links to the national GHG strategy. Participants can attend on-site at GSFC in Building 33, conference room H114 or virtually through WebEx. Attendees must register.',
-    startDate: '2024-06-11',
-    endDate: '2024-06-21'
+    description: "The US GHG Center is joining with NASA's Carbon Monitoring System (CMS) Initiative to present a webinar on Wednesday, May 8, 2024 from 12-1PM ET. Gianpaolo Balsamo, director of the World Meteorological Organization (WMO) and G3W leader, will discuss how G3W fills critical information gaps on greenhouse gases via an integrated operational framework. Participants can register for the event virtually through WebEx. Attendees must register.",
+    startDate: '2024-05-08',
+    endDate: '2024-05-08'
   },
   {
     name: 'US GHG Center Summer School',
@@ -61,6 +74,19 @@ export const EVENT_ITEMS = [
     startDate: '2024-06-11',
     endDate: '2024-06-21'
   },
+  {
+    name: 'Policy Speaker Series: Implementing the U.S. Greenhouse Gas Center',
+    asLink : {
+      url: 'https://carbon.nasa.gov/pdfs/Feb%202024%20PSS%20Talk%20Announcement%20.pdf'
+    },
+    media: {
+      src: new URL('./media/events/GHGC_CMS_Joint_Policy_Speaker_Series_v1.png', import.meta.url).href,
+      alt: 'CMS speaker series screenshot'
+    },
+    description: 'The US GHG Center is joining with NASA’s Carbon Monitoring System (CMS) Initiative to present a webinar on Tuesday, February 20, 2024 from 12-1PM ET. Dr. Argyro Kavvada, Dr. Lesley Ott, and Dr. Erin McDuffie will discuss development and implementation for the multi-agency US GHG Center and links to the national GHG strategy. Participants can attend on-site at GSFC in Building 33, conference room H114 or virtually through WebEx. Attendees must register.',
+    startDate: '2024-02-21',
+    endDate: '2024-02-21'
+  },
   {
     name: 'American Meteorological Society (AMS) Annual Meeting',
     asLink : {