Update copy from Word Doc (#2001)

* add tsc compile

* fix TS warning around headingLevel

* Temporary fix around availableFor type error

- correlated to fix needed in ticket 2000

* Add copy update from CEJST pages - STATUS doc

- Add a period in Get the Data box
- Update unselected side panel text
- Update text under explore the map
- Content and styling for territories note
- persistent FAB - “Help improve the tool”
- Water needs to be “Water and Wastewater”
- Styling on demographics ( show )  => (show)
- Update age in demographics to be Elderly over 65
- Wildfire description is not correct
- Lead paint description needs to be updated
- remove bullet from How you can help
- Footer - remove RFI
- Footer - remove Eng cal
- add sign up link

* Update side panel non-selected copy

* Add back PEC button to each main page

* Remove console logs from J40Header

* Fix DOM warning on About page

- can't have <li> in <p>

* Fix nested DOM warning on Explore page

- Modify ExploreDataBox styling

* Update side panel non-selected with icons

- update height on mobile
- update snapshots

client/package.json

@@ -29,7 +29,8 @@
     "intl:compile-en": "formatjs compile src/intl/en.json --ast --out-file compiled-lang/en.json",
     "test:intl-extraction": "node src/intl/testIntlExtraction",
     "prepare": "cd .. && husky install client/.husky",
-    "gc": "node .generate_component $1"
+    "gc": "node .generate_component $1",
+    "compile": "tsc"
   },
   "devDependencies": {
     "@formatjs/cli": "^4.8.2",

client/src/components/AreaDetail/AreaDetail.tsx

@@ -738,8 +738,10 @@ const AreaDetail = ({properties, hash}: IAreaDetailProps) => {
     is required, however, the title prop is already defining the category styling, so this
     is placed here to satisfy the requirement of the AccordionItems API, however it's not
     being used.
+
+    Casting 'h4' as const because it needs to be a heading type as specified HeadingLevel.
     */
-    headingLevel: 'h4',
+    headingLevel: 'h4' as const,
 
     title: <Category name={category.titleText} isDisadvantaged={category.isDisadvagtaged} />,
     content: (

client/src/components/ExploreDataBox/ExploreDataBox.module.scss

@@ -1,6 +1,11 @@
 @use '../../styles/design-system.scss' as *;
 
-.fileDownIcon{
+.summaryBoxContainer{
-    margin-bottom: -4px;
+
-    @include u-padding-left(1);
+    @include u-margin-top(2.5);
+
+    .fileDownIcon{
+        margin-bottom: -4px;
+        @include u-padding-left(1);
+    }
 }

client/src/components/ExploreDataBox/ExploreDataBox.module.scss.d.ts

@@ -1,5 +1,6 @@
 declare namespace ExploreDataBoxNamespace {
     export interface IExploreDataBoxScss {
+      summaryBoxContainer: string;
       fileDownIcon: string;
     }
   }

client/src/components/ExploreDataBox/ExploreDataBox.tsx

@@ -16,7 +16,7 @@ const ExploreDataBox = ({}: IExploreDataBoxProps) => {
   const intl = useIntl();
 
   return (
-    <SummaryBox>
+    <SummaryBox className={styles.summaryBoxContainer}>
 
       <SummaryBoxHeading headingLevel='h2'>
         {intl.formatMessage(EXPLORE_COPY.EXPLORE_DATA_BOX.TITLE)}
@@ -26,7 +26,7 @@ const ExploreDataBox = ({}: IExploreDataBoxProps) => {
       </SummaryBoxHeading>
 
       <SummaryBoxContent>
-        <p>{EXPLORE_COPY.EXPLORE_DATA_BOX_BODY}</p>
+        {EXPLORE_COPY.EXPLORE_DATA_BOX_BODY}
       </SummaryBoxContent>
 
     </SummaryBox>

client/src/components/ExploreDataBox/__snapshots__/ExploreDataBox.test.tsx.snap

@@ -24,18 +24,16 @@ exports[`rendering of ExploreDataBox Component checks if component renders 1`] =
       <div
         class="usa-summary-box__text"
       >
-        <p>
+        
-          
     Download the data with documentation and shapefiles, from the 
-          <a
+        <a
-            class="usa-link"
+          class="usa-link"
-            href="/en/downloads"
+          href="/en/downloads"
-          >
+        >
-            downloads
+          downloads
-          </a>
+        </a>
-           page
+         page.
   
-        </p>
       </div>
     </div>
   </div>

client/src/components/HowYouCanHelp/HowYouCanHelp.tsx

@@ -16,9 +16,9 @@ const HowYouCanHelp = () => {
         <li className={styles.howYouCanHelpList}>
           {ABOUT_COPY.HOW_YOU_CAN_HELP_LIST_ITEMS.LIST_ITEM_2}
         </li>
-        <li className={styles.howYouCanHelpList}>
+        {/* <li className={styles.howYouCanHelpList}>
           {ABOUT_COPY.HOW_YOU_CAN_HELP_LIST_ITEMS.LIST_ITEM_3}
-        </li>
+        </li> */}
         <li className={styles.howYouCanHelpList}>
           {ABOUT_COPY.HOW_YOU_CAN_HELP_LIST_ITEMS.LIST_ITEM_4}
         </li>

client/src/components/HowYouCanHelp/tests/__snapshots__/howYouCanHelp.test.tsx.snap

@@ -27,9 +27,6 @@ exports[`rendering of the HowYouCanHelp checks if various text fields are visibl
         </a>
         .
       </li>
-      <li>
-        Have feedback about a specific census tract? You can either click here or click the “Send Feedback” button on the side-panel of a census tract on the map.
-      </li>
       <li>
         Any other questions? Email: 
         <a

client/src/components/J40Footer/J40Footer.tsx

@@ -13,7 +13,6 @@ import SurveyButton from '../SurveyButton';
 
 // @ts-ignore
 import whitehouseIcon from '../../images/eop-seal.svg';
-import {PAGES_ENDPOINTS} from '../../data/constants';
 import * as COMMON_COPY from '../../data/copy/common';
 
 const J40Footer = () => {
@@ -33,27 +32,19 @@ const J40Footer = () => {
           COMMON_COPY.FOOTER_CEQ_ADDRESS.PHONE,
         ]}
       />,
+      <LinkTypeWrapper
+        linkText={intl.formatMessage(COMMON_COPY.FOOTER.SIGN_UP)}
+        internal={false}
+        url={COMMON_COPY.FOOTER.SIGN_UP_LINK}
+        openUrlNewTab={true}
+        key={'signup'}
+        dataCy={hyphenizeString(COMMON_COPY.FOOTER.SIGN_UP.defaultMessage)}
+      />,
     ],
     [
       intl.formatMessage(COMMON_COPY.FOOTER.MORE_INFO),
       <LinkTypeWrapper
-        linkText={intl.formatMessage(COMMON_COPY.FOOTER.ENG_CAL)}
-        internal={true}
-        url={PAGES_ENDPOINTS.PUBLIC_ENG}
-        openUrlNewTab={false}
         className={'footer-link-first-child'}
-        key={'publiceng'}
-        dataCy={hyphenizeString(COMMON_COPY.FOOTER.ENG_CAL.defaultMessage)}
-      />,
-      <LinkTypeWrapper
-        linkText={intl.formatMessage(COMMON_COPY.FOOTER.RFI)}
-        internal={false}
-        url={intl.formatMessage(COMMON_COPY.FOOTER.RFI_LINK)}
-        openUrlNewTab={true}
-        key={'rfilink'}
-        dataCy={hyphenizeString(COMMON_COPY.FOOTER.RFI.defaultMessage)}
-      />,
-      <LinkTypeWrapper
         linkText={intl.formatMessage(COMMON_COPY.FOOTER.WHITEHOUSE)}
         internal={false}
         url={intl.formatMessage(COMMON_COPY.FOOTER.WHITEHOUSE_LINK)}

client/src/components/J40Footer/__snapshots__/J40Footer.spec.tsx.snap

@@ -60,6 +60,19 @@ exports[`J40Footer renders correctly 1`] = `
                     </div>
                   </address>
                 </li>
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="sign-up-for-updates"
+                    href="https://www.surveymonkey.com/r/whceqej"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Sign up for updates
+                  </a>
+                </li>
               </ul>
             </section>
           </div>
@@ -79,30 +92,7 @@ exports[`J40Footer renders correctly 1`] = `
                   class="usa-footer__secondary-link"
                 >
                   <a
-                    class="usa-link footer-link-first-child"
+                    class="usa-link usa-link--external footer-link-first-child"
-                    href="/en/public-engagement"
-                  >
-                    Engagement calendar
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
-                    data-cy="request-for-information"
-                    href="https://www.federalregister.gov/d/2022-03920"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Request for Information
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
                     data-cy="whitehouse-gov"
                     href="https://www.whitehouse.gov/"
                     rel="noreferrer"
@@ -230,7 +220,7 @@ exports[`J40Footer renders correctly 1`] = `
           data-testid="button"
           type="button"
         >
-          Help us improve the site & data
+          Help improve the tool
           <img
             alt="launch icon"
             src="test-file-stub"

client/src/components/J40Header/J40Header.tsx

@@ -48,7 +48,6 @@ const J40Header = ({location}:IJ40Header) => {
    */
   const [mobileNavOpen, setMobileNavOpen] = useState(false);
   const toggleMobileNav = (): void => {
-    console.log('mobile opened!');
     setMobileNavOpen((prevOpen) => !prevOpen);
   };
 
@@ -84,8 +83,6 @@ const J40Header = ({location}:IJ40Header) => {
    * @param {number} index
    */
   const onToggle = (index: number): void => {
-    console.log('🚀 ~ file: J40Header.tsx ~ line 57 ~ J40Header ~ isOpen before toggle', isOpen);
-
     // The setIsOpen is used to toggle the currently selected nav link
     setIsOpen((prevIsOpen) => {
       const newIsOpen = [...isOpen];

client/src/components/J40Map.module.scss

@@ -67,6 +67,10 @@
   border: 1px solid $sidePanelBorderColor;
   overflow-y: auto;
   height: 90vh;
+
+  @include at-media-max("mobile-lg") {
+    height: 100%;
+  }
 }
 
 // This will control the height of the map when the device 

client/src/components/SidePanelInfo/SidePanelInfo.tsx

@@ -9,13 +9,23 @@ import searchIcon from '/node_modules/uswds/dist/img/usa-icons/search.svg';
 // @ts-ignore
 import locateIcon from '/node_modules/uswds/dist/img/usa-icons/my_location.svg';
 // @ts-ignore
+import peopleIcon from '/node_modules/uswds/dist/img/usa-icons/people.svg';
+// @ts-ignore
+import fileUpIcon from '/node_modules/uswds/dist/img/usa-icons/file_upload.svg';
+// @ts-ignore
+import checkIcon from '/node_modules/uswds/dist/img/usa-icons/check.svg';
+// @ts-ignore
 import puzzleIcon from '../../images/sidePanelIcons/puzzle.svg';
 // @ts-ignore
-import bellCurveIcon from '../../images/sidePanelIcons/bellCurve.svg';
+import bellCurveIcon from '../../images/sidePanelIcons/bell-curve.svg';
 // @ts-ignore
-import pieChartIcon from '../../images/sidePanelIcons/pieChart.svg';
+import censusDotIcon from '../../images/sidePanelIcons/census-tract.svg';
 // @ts-ignore
-import notAvailIcon from '/node_modules/uswds/dist/img/usa-icons/do_not_disturb.svg';
+import tribalDotIcon from '../../images/sidePanelIcons/tribal-tract.svg';
+// @ts-ignore
+import pieChartIcon from '../../images/sidePanelIcons/pie-chart.svg';
+// @ts-ignore
+import selectArrowIcon from '../../images/sidePanelIcons/select-arrow.svg';
 
 import * as styles from './SidePanelInfo.module.scss';
 import * as constants from '../../data/constants';
@@ -59,7 +69,7 @@ const SidePanelInfo = () => {
         {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA1_PART4)}
         {
           windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
-          <img tabIndex={0} className={styles.sidePanelInfoIcon} src={notAvailIcon}
+          <img tabIndex={0} className={styles.sidePanelInfoIcon} src={selectArrowIcon}
             alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.MOUSE)}
           />
         }
@@ -81,43 +91,70 @@ const SidePanelInfo = () => {
           />
         }
         {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA2_PART2)}
+        {
+          windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
+          <img tabIndex={0} className={styles.sidePanelInfoIcon} src={peopleIcon}
+            alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.PEOPLE)}
+          />
+        }
+        {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA2_PART3)}
       </p>
 
       {/* Paragraph 3 */}
-      <p tabIndex={0}>
+      {
-        {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA3_PART1)}
+        windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
-        {
+        <p tabIndex={0}>
-          windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
+          {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA3_PART1)}
-          <img tabIndex={0} className={styles.sidePanelInfoIcon} src={notAvailIcon}
+          <img tabIndex={0} className={styles.sidePanelInfoIcon} src={censusDotIcon}
             alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.DAC_CIRCLE)}
           />
-        }
+          {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA3_PART2)}
-        {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA3_PART2)}
+        </p>
-      </p>
+      }
 
       {/* Paragraph 4 */}
-      <p tabIndex={0}>
+      {
-        {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA4_PART1)}
+        windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
-        {
+        <p tabIndex={0}>
-          windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
+          {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA4_PART1)}
           <img tabIndex={0} className={styles.sidePanelInfoIcon} src={bellCurveIcon}
             alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.BELL_CURVE)}
           />
-        }
+          {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA4_PART2)}
-        {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA4_PART2)}
+        </p>
-        {
+      }
-          windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
-          <img tabIndex={0} className={styles.sidePanelInfoIcon} src={pieChartIcon}
-            alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.PIE_CHART)}
-          />
-        }
-        {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA4_PART3)}
-      </p>
 
       {/* Paragraph 5 */}
-      <p tabIndex={0}>
+      {
-        {EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE_PARA5}
+        windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
-      </p>
+       <p tabIndex={0}>
+         {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA5_PART1)}
+         <img tabIndex={0} className={styles.sidePanelInfoIcon} src={fileUpIcon}
+           alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.FILE_UP)}
+         />
+         {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA5_PART2)}
+         <img tabIndex={0} className={styles.sidePanelInfoIcon} src={pieChartIcon}
+           alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.PIE_CHART)}
+         />
+         {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA5_PART3)}
+         <img tabIndex={0} className={styles.sidePanelInfoIcon} src={checkIcon}
+           alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.CHECK)}
+         />
+         {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA5_PART4)}
+       </p>
+      }
+
+      {/* Paragraph 6 */}
+      {
+        windowWidth > constants.USWDS_BREAKPOINTS.MOBILE_LG &&
+        <p tabIndex={0}>
+          {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA6_PART1)}
+          <img tabIndex={0} className={styles.sidePanelInfoIcon} src={tribalDotIcon}
+            alt={intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.DAC_CIRCLE)}
+          />
+          {intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.PARA6_PART2)}
+        </p>
+      }
     </aside>
   );
 };

client/src/components/SidePanelInfo/__snapshots__/SidePanelInfo.test.tsx.snap

@@ -54,7 +54,7 @@ exports[`rendering of the component expects the render to match snapshot 1`] = `
         tabindex="0"
       />
       
-      to see information about any census tract
+      to see information about any census tract.
     
     </p>
     <p
@@ -78,14 +78,24 @@ exports[`rendering of the component expects the render to match snapshot 1`] = `
         tabindex="0"
       />
       
-    . Census tracts are a small unit of geography. They make it possible to display data consistenly across the nation.
+    . Census tracts are a small unit of geography. They generally have populations 
+    
+      <img
+        alt="
+      a people icon informing the user of communities
+    "
+        src="test-file-stub"
+        tabindex="0"
+      />
+      
+      of between 1,200 - 8,000 people.
     
     </p>
     <p
       tabindex="0"
     >
       
-      Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted in a blueish gray color
+      Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted 
     
       <img
         alt="
@@ -95,14 +105,14 @@ exports[`rendering of the component expects the render to match snapshot 1`] = `
         tabindex="0"
       />
       
-      on the map. This color is an opacity. This is so information about the map can be seen.
+    on the map.
     
     </p>
     <p
       tabindex="0"
     >
       
-      The tool uses percentiles
+      The tool ranks most of the burdens using percentiles
     
       <img
         alt="
@@ -112,7 +122,24 @@ exports[`rendering of the component expects the render to match snapshot 1`] = `
         tabindex="0"
       />
       
-      , percentages 
+    . Percentiles show how much burden each tract experiences when compared to other tracts.
+    
+    </p>
+    <p
+      tabindex="0"
+    >
+      
+      Thresholds
+    
+      <img
+        alt="
+      An icon shows a up arrow with a lower limit implying that it's above a threshold
+    "
+        src="test-file-stub"
+        tabindex="0"
+      />
+      
+    , or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages 
     
       <img
         alt="
@@ -122,19 +149,35 @@ exports[`rendering of the component expects the render to match snapshot 1`] = `
         tabindex="0"
       />
       
-      , or a simple yes/no to indicate how much burden the communities are experiencing in each tract. 
+      or a simple yes/no
+    
+      <img
+        alt="
+      An icon that depicts a check mark conveying yes and/or no
+    "
+        src="test-file-stub"
+        tabindex="0"
+      />
+      
+      .
     
     </p>
     <p
       tabindex="0"
     >
       
-    The tool also uses thresholds. If the tract meets or exceeds the threshold of any climate, environmental, or other burden 
+      Federally Recognized Tribal lands are also highlighted
-      <strong>
+    
-        AND
+      <img
-      </strong>
+        alt="
-       it meets the threshold for the associated socioeconomic burden, then communites in the tract are considered disadvantaged.
+      a blue circle icon informing the user of what a disadvantaged community is depicted as
-  
+    "
+        src="test-file-stub"
+        tabindex="0"
+      />
+      
+      highlighted on the map. These communities are also considered disadvantaged.
+    
     </p>
   </aside>
 </DocumentFragment>

client/src/components/SurveyButton/__snapshots__/SurveyButton.test.tsx.snap

@@ -16,7 +16,7 @@ exports[`rendering of the SurveyButton checks if component renders 1`] = `
         data-testid="button"
         type="button"
       >
-        Help us improve the site & data
+        Help improve the tool
         <img
           alt="launch icon"
           src="test-file-stub"

client/src/components/TractDemographics/TractDemographics.tsx

@@ -39,7 +39,7 @@ const J40AccordionItem = ({id, title, children}:IJ40AccordionItem) => {
       <h6 className={styles.demographicHeading}>
         {title}
         <span>
-          {'( '}
+          {'('}
           <a
             className={styles.showHideText ? `usa-link ${styles.showHideText}` : `usa-link`}
             id={`${id}-header`}
@@ -169,7 +169,7 @@ const getDemographicsData = (properties:constants.J40Properties):IDemographicsDa
         displayStat(properties[constants.DEMO_AGE_MID]),
       ],
       [
-        EXPLORE_COPY.SIDE_PANEL_DEMOGRAPHICS.DEMO_AGE_OVER_64,
+        EXPLORE_COPY.SIDE_PANEL_DEMOGRAPHICS.DEMO_AGE_OVER_65,
         displayStat(properties[constants.DEMO_AGE_OVER_64]),
       ],
     ],

client/src/components/TractDemographics/__snapshots__/TractDemographics.test.tsx.snap

@@ -9,7 +9,7 @@ exports[`rendering of TractDemographics component does it render a tract in Alas
     <h6>
       Race / Ethnicity
       <span>
-        ( 
+        (
         <a
           aria-controls="race-panel"
           aria-expanded="false"
@@ -99,7 +99,7 @@ exports[`rendering of TractDemographics component does it render a tract in Alas
     <h6>
       Age
       <span>
-        ( 
+        (
         <a
           aria-controls="age-panel"
           aria-expanded="false"
@@ -139,7 +139,7 @@ exports[`rendering of TractDemographics component does it render a tract in Alas
       </div>
       <div>
         <span>
-          Elderly over 64
+          Elderly over 65
         </span>
         <span>
           12%
@@ -159,7 +159,7 @@ exports[`rendering of TractDemographics component does it render a tract in Amer
     <h6>
       Race / Ethnicity
       <span>
-        ( 
+        (
         <a
           aria-controls="race-panel"
           aria-expanded="false"
@@ -249,7 +249,7 @@ exports[`rendering of TractDemographics component does it render a tract in Amer
     <h6>
       Age
       <span>
-        ( 
+        (
         <a
           aria-controls="age-panel"
           aria-expanded="false"
@@ -289,7 +289,7 @@ exports[`rendering of TractDemographics component does it render a tract in Amer
       </div>
       <div>
         <span>
-          Elderly over 64
+          Elderly over 65
         </span>
         <span>
           --
@@ -309,7 +309,7 @@ exports[`rendering of TractDemographics component does it render a tract in NYC
     <h6>
       Race / Ethnicity
       <span>
-        ( 
+        (
         <a
           aria-controls="race-panel"
           aria-expanded="false"
@@ -399,7 +399,7 @@ exports[`rendering of TractDemographics component does it render a tract in NYC
     <h6>
       Age
       <span>
-        ( 
+        (
         <a
           aria-controls="age-panel"
           aria-expanded="false"
@@ -439,7 +439,7 @@ exports[`rendering of TractDemographics component does it render a tract in NYC
       </div>
       <div>
         <span>
-          Elderly over 64
+          Elderly over 65
         </span>
         <span>
           6%

client/src/components/__snapshots__/mapInfoPanel.test.tsx.snap

@@ -59,7 +59,7 @@ exports[`simulate app starting up, no click on map should match the snapshot of
           tabindex="0"
         />
         
-      to see information about any census tract
+      to see information about any census tract.
     
       </p>
       <p
@@ -83,14 +83,24 @@ exports[`simulate app starting up, no click on map should match the snapshot of
           tabindex="0"
         />
         
-    . Census tracts are a small unit of geography. They make it possible to display data consistenly across the nation.
+    . Census tracts are a small unit of geography. They generally have populations 
+    
+        <img
+          alt="
+      a people icon informing the user of communities
+    "
+          src="test-file-stub"
+          tabindex="0"
+        />
+        
+      of between 1,200 - 8,000 people.
     
       </p>
       <p
         tabindex="0"
       >
         
-      Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted in a blueish gray color
+      Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted 
     
         <img
           alt="
@@ -100,14 +110,14 @@ exports[`simulate app starting up, no click on map should match the snapshot of
           tabindex="0"
         />
         
-      on the map. This color is an opacity. This is so information about the map can be seen.
+    on the map.
     
       </p>
       <p
         tabindex="0"
       >
         
-      The tool uses percentiles
+      The tool ranks most of the burdens using percentiles
     
         <img
           alt="
@@ -117,7 +127,24 @@ exports[`simulate app starting up, no click on map should match the snapshot of
           tabindex="0"
         />
         
-      , percentages 
+    . Percentiles show how much burden each tract experiences when compared to other tracts.
+    
+      </p>
+      <p
+        tabindex="0"
+      >
+        
+      Thresholds
+    
+        <img
+          alt="
+      An icon shows a up arrow with a lower limit implying that it's above a threshold
+    "
+          src="test-file-stub"
+          tabindex="0"
+        />
+        
+    , or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages 
     
         <img
           alt="
@@ -127,19 +154,35 @@ exports[`simulate app starting up, no click on map should match the snapshot of
           tabindex="0"
         />
         
-      , or a simple yes/no to indicate how much burden the communities are experiencing in each tract. 
+      or a simple yes/no
+    
+        <img
+          alt="
+      An icon that depicts a check mark conveying yes and/or no
+    "
+          src="test-file-stub"
+          tabindex="0"
+        />
+        
+      .
     
       </p>
       <p
         tabindex="0"
       >
         
-    The tool also uses thresholds. If the tract meets or exceeds the threshold of any climate, environmental, or other burden 
+      Federally Recognized Tribal lands are also highlighted
-        <strong>
+    
-          AND
+        <img
-        </strong>
+          alt="
-         it meets the threshold for the associated socioeconomic burden, then communites in the tract are considered disadvantaged.
+      a blue circle icon informing the user of what a disadvantaged community is depicted as
-  
+    "
+          src="test-file-stub"
+          tabindex="0"
+        />
+        
+      highlighted on the map. These communities are also considered disadvantaged.
+    
       </p>
     </aside>
   </div>

client/src/data/copy/common.tsx

@@ -161,26 +161,21 @@ export const FOOTER = defineMessages({
     defaultMessage: 'Council on Environmental Quality',
     description: 'Navigate to the about page. This is Footer under logo',
   },
+  SIGN_UP: {
+    id: 'common.pages.footer.sign.up',
+    defaultMessage: 'Sign up for updates',
+    description: 'Navigate to the about page. This is Footer under Sign-up for updates',
+  },
+  SIGN_UP_LINK: {
+    id: 'common.pages.footer.sign.up.link',
+    defaultMessage: 'https://www.surveymonkey.com/r/whceqej',
+    description: 'Navigate to the about page. This is Footer link under Sign-up for updates',
+  },
   MORE_INFO: {
     id: 'common.pages.footer.moreinfoheader',
     defaultMessage: 'More information',
     description: 'Navigate to the about page. This is Footer column header',
   },
-  ENG_CAL: {
-    id: 'common.pages.footer.eng.cal.text',
-    defaultMessage: 'Engagement calendar',
-    description: 'Navigate to the about page. This is Footer eng.cal.gov link text',
-  },
-  RFI: {
-    id: 'common.pages.footer.rfi.text',
-    defaultMessage: 'Request for Information',
-    description: 'Navigate to the about page. This is Footer rfi link text',
-  },
-  RFI_LINK: {
-    id: 'common.pages.footer.rfi.link',
-    defaultMessage: 'https://www.federalregister.gov/d/2022-03920',
-    description: 'Navigate to the about page. This is Footer rfi link',
-  },
   WHITEHOUSE: {
     id: 'common.pages.footer.whitehouse.text',
     defaultMessage: 'Whitehouse.gov',
@@ -248,6 +243,14 @@ export const FOOTER_CEQ_ADDRESS = {
   STREET: '730 Jackson Pl NW',
   CITY_STATE: 'Washington, D.C. 20506',
   PHONE: '(202) 395-5750',
+  // SIGN_UP: <FormattedMessage
+  //   id={'common.pages.footer.sign.up.updates'}
+  //   defaultMessage={`<link1>Sign-up</link1> for updates`}
+  //   description={`Alert title that appears at the top of pages.`}
+  //   values={{
+  //     link1: linkFn('https://www.surveymonkey.com/r/whceqej', false, true),
+  //   }}
+  // />,
 }
 ;
 

client/src/data/copy/contact.tsx

@@ -28,7 +28,7 @@ export const PAGE_INTRO = defineMessages({
   },
   SURVEY_TEXT: {
     id: 'contact.page.fab.survey.text',
-    defaultMessage: `Help us improve the site & data`,
+    defaultMessage: `Help improve the tool`,
     description: 'Navigate to the contact page, this is the text for floating action button',
   },
   SURVEY_URL: {

client/src/data/copy/explore.tsx

@@ -33,7 +33,7 @@ export const PAGE_INTRO = defineMessages({
 export const PAGE_DESCRIPTION1 = <FormattedMessage
   id={'explore.map.page.description.1'}
   defaultMessage={`
-    Overburdened and underserved census tracts are highlighted as being disadvantaged on the map. The map also highlights areas within Federally-recognized Tribal reservations. These areas are also considered disadvantaged.
+    Census tracts that are overburdened and underserved census tracts are highlighted as being disadvantaged on the map. These include Federally-Recognized Tribal lands, including Alaska Native Villages. 
   `}
   description={'On the explore the map page, the first description of the page'}
   // values={{
@@ -44,7 +44,7 @@ export const PAGE_DESCRIPTION1 = <FormattedMessage
 export const PAGE_DESCRIPTION2 = <FormattedMessage
   id={'explore.map.page.description.2'}
   defaultMessage={`
-    Zooming and selecting shows information about each census tract or tribal area. Change the selection to see information about tribal land areas.
+    Zooming-in and selecting shows information about each census tract. 
   `}
   description={'On the explore the map page, the fifth description of the page'}
   // values={{
@@ -81,7 +81,7 @@ export const EXPLORE_DATA_BOX = defineMessages({
 export const EXPLORE_DATA_BOX_BODY = <FormattedMessage
   id={'explore.map.page.explore.data.box.body'}
   defaultMessage={ `
-    Download the data with documentation and shapefiles, from the <link1>downloads</link1> page
+    Download the data with documentation and shapefiles, from the <link1>downloads</link1> page.
   `}
   description={`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Things to know, this is the fifth paragraph of this side pane`}
   values={{
@@ -276,7 +276,7 @@ export const SIDE_PANEL_INITIAL_STATE = defineMessages({
   PARA1_PART5: {
     id: 'explore.map.page.side.panel.info.para.1.part.5',
     defaultMessage: `
-      to see information about any census tract
+      to see information about any census tract.
     `,
     description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show to see information about any census tract',
   },
@@ -297,58 +297,89 @@ export const SIDE_PANEL_INITIAL_STATE = defineMessages({
   PARA2_PART2: {
     id: 'explore.map.page.side.panel.info.para.2.part.2',
     defaultMessage: `
-    . Census tracts are a small unit of geography. They make it possible to display data consistenly across the nation.
+    . Census tracts are a small unit of geography. They generally have populations 
     `,
-    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Census tracts are a small unit of geography. They make it possible to display data consistenly across the nation.',
+    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Census tracts are a small unit of geography. They generally have populations of between 1,200 - 8,000 people.',
+  },
+  PARA2_PART3: {
+    id: 'explore.map.page.side.panel.info.para.2.part.2',
+    defaultMessage: `
+      of between 1,200 - 8,000 people.
+    `,
+    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Census tracts are a small unit of geography. They generally have populations of between 1,200 - 8,000 people.',
   },
   PARA3_PART1: {
     id: 'explore.map.page.side.panel.info.para.3.part.1',
     defaultMessage: `
-      Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted in a blueish gray color
+      Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted 
     `,
-    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted in a blueish gray color',
+    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted on the map.',
   },
   PARA3_PART2: {
     id: 'explore.map.page.side.panel.info.para.3.part.2',
     defaultMessage: `
-      on the map. This color is an opacity. This is so information about the map can be seen.
+    on the map.
     `,
     description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show on the map. This color is an opacity. This is so information about the map can be seen.',
   },
   PARA4_PART1: {
     id: 'explore.map.page.side.panel.info.para.4.part.1',
     defaultMessage: `
-      The tool uses percentiles
+      The tool ranks most of the burdens using percentiles
     `,
-    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show The tool uses percentiles',
+    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show The tool ranks most of the burdens using percentiles',
   },
   PARA4_PART2: {
     id: 'explore.map.page.side.panel.info.para.4.part.2',
     defaultMessage: `
-      , percentages 
+    . Percentiles show how much burden each tract experiences when compared to other tracts.
     `,
     description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show percentages',
   },
-  PARA4_PART3: {
+  PARA5_PART1: {
-    id: 'explore.map.page.side.panel.info.para.4.part.3',
+    id: 'explore.map.page.side.panel.info.para.1',
     defaultMessage: `
-      , or a simple yes/no to indicate how much burden the communities are experiencing in each tract. 
+      Thresholds
     `,
-    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show or a simple yes/no to indicate how much burden the communities are experiencing in each tract.',
+    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no.',
+  },
+  PARA5_PART2: {
+    id: 'explore.map.page.side.panel.info.para.2',
+    defaultMessage: `
+    , or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages 
+    `,
+    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no.',
+  },
+  PARA5_PART3: {
+    id: 'explore.map.page.side.panel.info.para.3',
+    defaultMessage: `
+      or a simple yes/no
+    `,
+    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no.',
+  },
+  PARA5_PART4: {
+    id: 'explore.map.page.side.panel.info.para.4',
+    defaultMessage: `
+      .
+    `,
+    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no.',
+  },
+  PARA6_PART1: {
+    id: 'explore.map.page.side.panel.info.para.6',
+    defaultMessage: `
+      Federally Recognized Tribal lands are also highlighted
+    `,
+    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Federally Recognized Tribal lands are also highlighted on the map. These communities are also considered disadvantaged.',
+  },
+  PARA6_PART2: {
+    id: 'explore.map.page.side.panel.info.para.6',
+    defaultMessage: `
+      highlighted on the map. These communities are also considered disadvantaged.
+    `,
+    description: '`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Federally Recognized Tribal lands are also highlighted on the map. These communities are also considered disadvantaged.',
   },
 });
 
-export const SIDE_PANEL_INITIAL_STATE_PARA5 = <FormattedMessage
-  id={'explore.map.page.side.panel.info.para5'}
-  defaultMessage={ `
-    The tool also uses thresholds. If the tract meets or exceeds the threshold of any climate, environmental, or other burden <bold>AND</bold> it meets the threshold for the associated socioeconomic burden, then communites in the tract are considered disadvantaged.
-  `}
-  description={`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Things to know, this is the fifth paragraph of this side pane`}
-  values={{
-    bold: COMMON_COPY.boldFn,
-  }}
-/>;
-
 export const SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT = defineMessages({
   PLUS: {
     id: 'explore.map.page.side.panel.info.alt.text.icon.plus',
@@ -385,6 +416,13 @@ export const SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT = defineMessages({
     `,
     description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show a tract icon informing the user of census tracts`,
   },
+  PEOPLE: {
+    id: 'explore.map.page.side.panel.info.alt.text.icon.people',
+    defaultMessage: `
+      a people icon informing the user of communities
+    `,
+    description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show a tract icon informing the user of people`,
+  },
   DAC_CIRCLE: {
     id: 'explore.map.page.side.panel.info.alt.text.icon.dac.circle',
     defaultMessage: `
@@ -399,6 +437,13 @@ export const SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT = defineMessages({
     `,
     description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that a bell curve or gaussian distribution`,
   },
+  FILE_UP: {
+    id: 'explore.map.page.side.panel.info.alt.text.icon.file.up',
+    defaultMessage: `
+      An icon shows a up arrow with a lower limit implying that it's above a threshold
+    `,
+    description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that a bell curve or gaussian distribution`,
+  },
   PIE_CHART: {
     id: 'explore.map.page.side.panel.info.alt.text.icon.pie',
     defaultMessage: `
@@ -406,6 +451,13 @@ export const SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT = defineMessages({
     `,
     description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that depicts a part of pie chart being removed`,
   },
+  CHECK: {
+    id: 'explore.map.page.side.panel.info.alt.text.icon.check',
+    defaultMessage: `
+      An icon that depicts a check mark conveying yes and/or no
+    `,
+    description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that depicts a check mark conveying yes and/or no`,
+  },
   UP_ARROW: {
     id: 'explore.map.page.side.panel.info.alt.text.icon.up.arrow',
     defaultMessage: `
@@ -531,10 +583,10 @@ export const SIDE_PANEL_DEMOGRAPHICS = {
     defaultMessage={'Ages 10 - 64'}
     description={`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show the demographics: Ages 10 - 64`}
   />,
-  DEMO_AGE_OVER_64: <FormattedMessage
+  DEMO_AGE_OVER_65: <FormattedMessage
-    id={'explore.map.page.side.panel.demo.age.over.64'}
+    id={'explore.map.page.side.panel.demo.age.over.65'}
-    defaultMessage={'Elderly over 64'}
+    defaultMessage={'Elderly over 65'}
-    description={`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show the demographics: Elderly over 64`}
+    description={`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show the demographics: Elderly over 65`}
   />,
 };
 
@@ -773,8 +825,8 @@ export const SIDE_PANEL_CATEGORY = defineMessages({
   },
   CLEAN_WATER: {
     id: 'explore.map.page.side.panel.indicator.title.clean.water',
-    defaultMessage: 'Water',
+    defaultMessage: 'Water and wastewater',
-    description: `Navigate to the explore the tool page. When the map is in view, click on the map. The side panel will show Water title
+    description: `Navigate to the explore the tool page. When the map is in view, click on the map. The side panel will show Water and wastewater title
 `,
   },
   WORK_DEV: {
@@ -1068,7 +1120,7 @@ export const SIDE_PANEL_INDICATOR_DESCRIPTION = defineMessages({
   WILDFIRE: {
     id: 'explore.map.page.side.panel.indicator.description.wildfire',
     defaultMessage: `
-      Projected risk to properties from wildfire from fire fuels, weather, humans, and fire movement
+      Projected risk to properties from wildfire from fire fuels, weather, humans, and fire movement in 30 years
     `,
     description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of wildfire risk`,
   },
@@ -1150,9 +1202,9 @@ export const SIDE_PANEL_INDICATOR_DESCRIPTION = defineMessages({
   LEAD_PAINT: {
     id: 'explore.map.page.side.panel.indicator.description.leadPaint',
     defaultMessage: `
-      Share of homes that are not very expensive and are likely to have lead paint
+      Share of homes that are likely to have lead paint
     `,
-    description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Share of homes that are not very expensive and are likely to have lead paint   
+    description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Share of homes that are likely to have lead paint   
     `,
   },
 
@@ -1344,35 +1396,33 @@ export const NOTE_ON_TERRITORIES = {
     defaultMessage={`U.S. territories note`}
     description={`Navigate to the explore the map page. Under the map, you will see territories intro text`}
   />,
+  PARA_0: <FormattedMessage
+    id={'explore.map.page.under.map.note.on.territories.para.0'}
+    defaultMessage={`
+      Not all the data used in CEJST are available or used for all U.S. territories.
+    `}
+    description={`Navigate to the explore the map page. Under the map, you will see territories paragraph 0`}
+  />,
   PARA_1: <FormattedMessage
     id={'explore.map.page.under.map.note.on.territories.para.1'}
     defaultMessage={`
-      Puerto Rico: The <link1>U.S. Census Bureau's American Community Survey data</link1> from 2015 - 2019
+      <bold>Puerto Rico:</bold> The data used for Puerto Rico are from all relevant and available fields 
-      are used for all fields in the workforce development category except for linguistic isolation. Linguistic isolation was removed based on feedback during the beta period. Proximity to National Priorities List (NPL) sites, proximity to Risk Management Plan (RMP) facilities, traffic proximity and volume, diesel particulate matter exposure, energy cost and housing cost were added for Puerto Rico in the 1.0 version.
+      in the energy, housing, legacy pollution, transportation, and workforce development categories. The following data are used: projected flood risk, energy cost, lack of plumbing, lead paint, housing cost, proximity to hazardous waste facilities, proximity to Superfund or National Priorities List (NPL) sites, proximity to Risk Management Plan (RMP) facilities, diesel particulate matter exposure, traffic proximity and volume, leaking underground storage tanks, wastewater discharge, poverty, unemployment, and high school education. Linguistic isolation was removed for Puerto Rico based on feedback received during the beta period.
     `}
     description={`Navigate to the explore the map page. Under the map, you will see territories paragraph 1`}
     values={{
-      link1: COMMON_COPY.linkFn(EXPLORE_PAGE_LINKS.CENSUS_15_19, false, true),
+      bold: COMMON_COPY.boldFn,
     }}
   />,
+
   PARA_2: <FormattedMessage
     id={'explore.map.page.under.map.note.on.territories.para.2'}
     defaultMessage={`
-    American Samoa and the Northern Mariana Islands: The <link1>Decennial Census data</link1> from 2010 are used. The CEJST uses the following data for these territories: unemployment, poverty, low median income, and high school education. These burdens are in the workforce Development category.
+    <bold>American Samoa, Guam, the Northern Mariana Islands, and the U.S. Virgin Islands:</bold> For these U.S. territories, the tool uses the following data: unemployment, poverty, low median income, and high school education. These burdens are in the workforce development category.
   `}
     description={`Navigate to the explore the map page. Under the map, you will see territories paragraph 2`}
     values={{
-      link1: COMMON_COPY.linkFn(EXPLORE_PAGE_LINKS.DECENNIAL, false, true),
+      bold: COMMON_COPY.boldFn,
-    }}
-  />,
-  PARA_3: <FormattedMessage
-    id={'explore.map.page.under.map.note.on.territories.para.3'}
-    defaultMessage={`
-    Guam and the U.S. Virgin Islands: Some <link1>Decennial Census data</link1> from 2010 are used. They show burdens in the workforce development category. The data includes: Unemployment, poverty, low median income, and high school education.
-    `}
-    description={`Navigate to the explore the map page. Under the map, you will see territories paragraph 3`}
-    values={{
-      link1: COMMON_COPY.linkFn(EXPLORE_PAGE_LINKS.DECENNIAL, false, true),
     }}
   />,
 };

client/src/data/copy/methodology.tsx

@@ -571,10 +571,14 @@ export interface IIndicators {
   note?: JSX.Element,
   usedIn: JSX.Element,
   responsibleParty: string,
-  sources: [{
+  sources: {
     source: JSX.Element,
-    availableFor: JSX.Element,
+    availableFor: { // Todo remove this and replace with MessageDescriptor when ticket #2000 is fixed
-  }]
+      id: string,
+      description: string,
+      defaultMessage: string,
+    },
+  }[]
 };
 
 export const INDICATORS = [

client/src/images/sidePanelIcons/census-tract.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 58 (84663) - https://sketch.com -->
+    <title>Oval</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.3">
+        <g id="Group-7" transform="translate(-147.000000, -702.000000)" fill="#18437F" stroke="#18437F" stroke-width="2">
+            <g id="Group-Copy-9">
+                <circle id="Oval" cx="155" cy="710" r="7"></circle>
+            </g>
+        </g>
+    </g>
+</svg>

client/src/images/sidePanelIcons/select-arrow.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="18px" viewBox="0 0 14 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 58 (84663) - https://sketch.com -->
+    <title>Group 10</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="0.0133467716 0.01940625 1.67268861 0.01940625 1.67268861 3.35104901 0.0133467716 3.35104901"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-7" transform="translate(-193.000000, -75.000000)">
+            <g id="Group-10" transform="translate(193.000000, 75.000000)">
+                <path d="M10.4877241,18 C10.551549,18 10.6153738,17.9841589 10.6791987,17.9683177 C10.9185602,17.8733794 11.0461735,17.5885643 10.9344982,17.3512365 L9.45055157,13.8227126 L12.7056204,13.8227126 C13.0247448,13.8227126 13.3278947,13.6328359 13.4396065,13.3322159 C13.5672562,13.0315597 13.4874934,12.6992936 13.2481318,12.4619658 L6.40282245,5.84774663 C6.17943537,5.62622382 5.82839854,5.56293158 5.54118659,5.68951605 C5.23803665,5.81610052 5.0625,6.10091556 5.0625,6.41737673 L5.0625,15.9430386 C5.0625,16.2753047 5.25397464,16.5601198 5.57309903,16.6867043 C5.66883634,16.7183504 5.76457366,16.7499965 5.86031098,16.7499965 C6.08369805,16.7499965 6.29111067,16.6550581 6.43473489,16.4968276 L8.5888063,14.2183072 L10.0567785,17.7310261 C10.1365778,17.8892567 10.312078,18 10.4875782,18 L10.4877241,18 Z" id="Fill-1" fill="#000000"></path>
+                <g id="Group-5" transform="translate(3.375000, 0.000000)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="Clip-4"></g>
+                    <path d="M0.856931604,3.04902486 C0.926596698,3.25037429 1.07980896,3.35104901 1.24696698,3.35104901 C1.30268632,3.35104901 1.35840566,3.33425071 1.414125,3.31749077 C1.6230566,3.21681605 1.73449528,2.9147919 1.63700236,2.66312429 L0.815158019,0.330845881 C0.731579009,0.0791399148 0.480841981,-0.0550546875 0.271910377,0.0623799716 C0.0629787736,0.163054687 -0.0484599057,0.465078835 0.0490330189,0.716746449 L0.856931604,3.04902486 Z" id="Fill-3" fill="#000000" mask="url(#mask-2)"></path>
+                </g>
+                <path d="M0.354115669,4.32589173 L2.72266691,5.04650508 C2.77233827,5.0625 2.82204748,5.0625 2.87171883,5.0625 C3.08706232,5.0625 3.28586132,4.93439421 3.35211503,4.72624061 C3.43491324,4.47002904 3.28586132,4.19778594 3.02084647,4.11773813 L0.652295228,3.39712478 C0.387280384,3.31707696 0.105683182,3.46117767 0.0228849725,3.71738924 C-0.0599132368,3.97360082 0.0891386836,4.24584391 0.354153528,4.32589173 L0.354115669,4.32589173 Z" id="Fill-6" fill="#000000"></path>
+                <path d="M7.02249055,3.33119782 C7.09154126,3.3604104 7.17787437,3.375 7.26416803,3.375 C7.45407722,3.375 7.626704,3.28739565 7.7302406,3.14133276 L8.93862805,1.19867958 C9.07672947,0.97956855 8.9731534,0.716621956 8.71423297,0.61442801 C8.45527307,0.497577695 8.14454487,0.585215431 8.02372586,0.804293078 L6.81533841,2.74694625 C6.67723699,2.9660239 6.76353065,3.22897049 7.02249055,3.33119782 Z" id="Fill-8" fill="#000000"></path>
+            </g>
+        </g>
+    </g>
+</svg>

client/src/images/sidePanelIcons/tribal-tract.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 58 (84663) - https://sketch.com -->
+    <title>Oval</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.6">
+        <g id="Group-7" transform="translate(-147.000000, -655.000000)" fill="#18437F" stroke="#18437F" stroke-width="2">
+            <g id="Group-Copy-9">
+                <circle id="Oval" cx="155" cy="663" r="7"></circle>
+            </g>
+        </g>
+    </g>
+</svg>

client/src/intl/en.json

@@ -139,10 +139,6 @@
     "defaultMessage": "Want to contribute?",
     "description": "Navigate to the about page. This is third Footer column header"
   },
-  "common.pages.footer.eng.cal.text": {
-    "defaultMessage": "Engagement calendar",
-    "description": "Navigate to the about page. This is Footer eng.cal.gov link text"
-  },
   "common.pages.footer.findcontact": {
     "defaultMessage": "Find a contact at USA.gov",
     "description": "Navigate to the about page. This is Footer find contact link text"
@@ -179,13 +175,13 @@
     "defaultMessage": "Privacy Policy",
     "description": "Navigate to the about page. This is Footer privacy policy link text"
   },
-  "common.pages.footer.rfi.link": {
+  "common.pages.footer.sign.up": {
-    "defaultMessage": "https://www.federalregister.gov/d/2022-03920",
+    "defaultMessage": "Sign up for updates",
-    "description": "Navigate to the about page. This is Footer rfi link"
+    "description": "Navigate to the about page. This is Footer under Sign-up for updates"
   },
-  "common.pages.footer.rfi.text": {
+  "common.pages.footer.sign.up.link": {
-    "defaultMessage": "Request for Information",
+    "defaultMessage": "https://www.surveymonkey.com/r/whceqej",
-    "description": "Navigate to the about page. This is Footer rfi link text"
+    "description": "Navigate to the about page. This is Footer link under Sign-up for updates"
   },
   "common.pages.footer.whitehouse.link": {
     "defaultMessage": "https://www.whitehouse.gov/",
@@ -260,7 +256,7 @@
     "description": "The footer sticky link that links to the CEJST survey"
   },
   "contact.page.fab.survey.text": {
-    "defaultMessage": "Help us improve the site & data",
+    "defaultMessage": "Help improve the tool",
     "description": "Navigate to the contact page, this is the text for floating action button"
   },
   "contact.page.general": {
@@ -328,15 +324,15 @@
     "description": "Navigate to the Downloads page, this will be the page title text"
   },
   "explore.map.page.description.1": {
-    "defaultMessage": "Overburdened and underserved census tracts are highlighted as being disadvantaged on the map. The map also highlights areas within Federally-recognized Tribal reservations. These areas are also considered disadvantaged.",
+    "defaultMessage": "Census tracts that are overburdened and underserved census tracts are highlighted as being disadvantaged on the map. These include Federally-Recognized Tribal lands, including Alaska Native Villages.",
     "description": "On the explore the map page, the first description of the page"
   },
   "explore.map.page.description.2": {
-    "defaultMessage": "Zooming and selecting shows information about each census tract or tribal area. Change the selection to see information about tribal land areas.",
+    "defaultMessage": "Zooming-in and selecting shows information about each census tract.",
     "description": "On the explore the map page, the fifth description of the page"
   },
   "explore.map.page.explore.data.box.body": {
-    "defaultMessage": "Download the data with documentation and shapefiles, from the <link1>downloads</link1> page",
+    "defaultMessage": "Download the data with documentation and shapefiles, from the <link1>downloads</link1> page.",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Things to know, this is the fifth paragraph of this side pane"
   },
   "explore.map.page.explore.data.box.title": {
@@ -479,9 +475,9 @@
     "defaultMessage": "YES",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show the communities the score currently is focused on"
   },
-  "explore.map.page.side.panel.demo.age.over.64": {
+  "explore.map.page.side.panel.demo.age.over.65": {
-    "defaultMessage": "Elderly over 64",
+    "defaultMessage": "Elderly over 65",
-    "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show the demographics: Elderly over 64"
+    "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show the demographics: Elderly over 65"
   },
   "explore.map.page.side.panel.demo.age.title": {
     "defaultMessage": "Age",
@@ -664,8 +660,8 @@
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Share of homes without indoor kitchens or plumbing"
   },
   "explore.map.page.side.panel.indicator.description.leadPaint": {
-    "defaultMessage": "Share of homes that are not very expensive and are likely to have lead paint",
+    "defaultMessage": "Share of homes that are likely to have lead paint",
-    "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Share of homes that are not very expensive and are likely to have lead paint   \n    "
+    "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Share of homes that are likely to have lead paint   \n    "
   },
   "explore.map.page.side.panel.indicator.description.leaky.tanks": {
     "defaultMessage": "Formula that counts leaking underground storage tanks and number of all underground storage tanks within 1500 feet",
@@ -720,7 +716,7 @@
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Modeled toxic concentrations at parts of streams within 500 meters"
   },
   "explore.map.page.side.panel.indicator.description.wildfire": {
-    "defaultMessage": "Projected risk to properties from wildfire from fire fuels, weather, humans, and fire movement",
+    "defaultMessage": "Projected risk to properties from wildfire from fire fuels, weather, humans, and fire movement in 30 years",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of wildfire risk"
   },
   "explore.map.page.side.panel.indicator.diabetes": {
@@ -856,8 +852,8 @@
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Transportation title\n"
   },
   "explore.map.page.side.panel.indicator.title.clean.water": {
-    "defaultMessage": "Water",
+    "defaultMessage": "Water and wastewater",
-    "description": "Navigate to the explore the tool page. When the map is in view, click on the map. The side panel will show Water title\n"
+    "description": "Navigate to the explore the tool page. When the map is in view, click on the map. The side panel will show Water and wastewater title\n"
   },
   "explore.map.page.side.panel.indicator.title.climate": {
     "defaultMessage": "Climate change",
@@ -935,10 +931,18 @@
     "defaultMessage": "An icon that a bell curve or gaussian distribution",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that a bell curve or gaussian distribution"
   },
+  "explore.map.page.side.panel.info.alt.text.icon.check": {
+    "defaultMessage": "An icon that depicts a check mark conveying yes and/or no",
+    "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that depicts a check mark conveying yes and/or no"
+  },
   "explore.map.page.side.panel.info.alt.text.icon.dac.circle": {
     "defaultMessage": "a blue circle icon informing the user of what a disadvantaged community is depicted as",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show a blue circle icon informing the user of what a disadvantaged community is depicted as"
   },
+  "explore.map.page.side.panel.info.alt.text.icon.file.up": {
+    "defaultMessage": "An icon shows a up arrow with a lower limit implying that it's above a threshold",
+    "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that a bell curve or gaussian distribution"
+  },
   "explore.map.page.side.panel.info.alt.text.icon.locate": {
     "defaultMessage": "a gps icon informing the user can locate",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show a gps icon informing the user can locate"
@@ -947,6 +951,10 @@
     "defaultMessage": "a mouse arrow icon informing the user can use the mouse",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show a mouse arrow icon informing the user can use the mouse"
   },
+  "explore.map.page.side.panel.info.alt.text.icon.people": {
+    "defaultMessage": "a people icon informing the user of communities",
+    "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show a tract icon informing the user of people"
+  },
   "explore.map.page.side.panel.info.alt.text.icon.pie": {
     "defaultMessage": "An icon that depicts a part of pie chart being removed",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show An icon that depicts a part of pie chart being removed"
@@ -975,6 +983,10 @@
     "defaultMessage": "Things to know:",
     "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Things to know:"
   },
+  "explore.map.page.side.panel.info.para.1": {
+    "defaultMessage": "Thresholds",
+    "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no."
+  },
   "explore.map.page.side.panel.info.para.1.part.1": {
     "defaultMessage": "Zoom in",
     "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Zoom in"
@@ -988,40 +1000,48 @@
     "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show and select"
   },
   "explore.map.page.side.panel.info.para.1.part.5": {
-    "defaultMessage": "to see information about any census tract",
+    "defaultMessage": "to see information about any census tract.",
     "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show to see information about any census tract"
   },
+  "explore.map.page.side.panel.info.para.2": {
+    "defaultMessage": ", or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages",
+    "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no."
+  },
   "explore.map.page.side.panel.info.para.2.part.1": {
     "defaultMessage": "The tool uses census tracts",
     "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show The tool uses census tracts"
   },
   "explore.map.page.side.panel.info.para.2.part.2": {
-    "defaultMessage": ". Census tracts are a small unit of geography. They make it possible to display data consistenly across the nation.",
+    "defaultMessage": "of between 1,200 - 8,000 people.",
-    "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Census tracts are a small unit of geography. They make it possible to display data consistenly across the nation."
+    "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Census tracts are a small unit of geography. They generally have populations of between 1,200 - 8,000 people."
+  },
+  "explore.map.page.side.panel.info.para.3": {
+    "defaultMessage": "or a simple yes/no",
+    "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no."
   },
   "explore.map.page.side.panel.info.para.3.part.1": {
-    "defaultMessage": "Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted in a blueish gray color",
+    "defaultMessage": "Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted",
-    "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted in a blueish gray color"
+    "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Communities that are disadvantaged live in tracts that experience burdens. These tracts are highlighted on the map."
   },
   "explore.map.page.side.panel.info.para.3.part.2": {
-    "defaultMessage": "on the map. This color is an opacity. This is so information about the map can be seen.",
+    "defaultMessage": "on the map.",
     "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show on the map. This color is an opacity. This is so information about the map can be seen."
   },
+  "explore.map.page.side.panel.info.para.4": {
+    "defaultMessage": ".",
+    "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Thresholds, or cutoffs, are used to determine if communities in a tract are disadvantaged. Certain burdens use percentages or a simple yes/no."
+  },
   "explore.map.page.side.panel.info.para.4.part.1": {
-    "defaultMessage": "The tool uses percentiles",
+    "defaultMessage": "The tool ranks most of the burdens using percentiles",
-    "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show The tool uses percentiles"
+    "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show The tool ranks most of the burdens using percentiles"
   },
   "explore.map.page.side.panel.info.para.4.part.2": {
-    "defaultMessage": ", percentages",
+    "defaultMessage": ". Percentiles show how much burden each tract experiences when compared to other tracts.",
     "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show percentages"
   },
-  "explore.map.page.side.panel.info.para.4.part.3": {
+  "explore.map.page.side.panel.info.para.6": {
-    "defaultMessage": ", or a simple yes/no to indicate how much burden the communities are experiencing in each tract.",
+    "defaultMessage": "highlighted on the map. These communities are also considered disadvantaged.",
-    "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show or a simple yes/no to indicate how much burden the communities are experiencing in each tract."
+    "description": "`Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Federally Recognized Tribal lands are also highlighted on the map. These communities are also considered disadvantaged."
-  },
-  "explore.map.page.side.panel.info.para5": {
-    "defaultMessage": "The tool also uses thresholds. If the tract meets or exceeds the threshold of any climate, environmental, or other burden <bold>AND</bold> it meets the threshold for the associated socioeconomic burden, then communites in the tract are considered disadvantaged.",
-    "description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Things to know, this is the fifth paragraph of this side pane"
   },
   "explore.map.page.side.panel.is.community.of.focus": {
     "defaultMessage": "Identified as disadvantaged?",
@@ -1099,18 +1119,18 @@
     "defaultMessage": "U.S. territories note",
     "description": "Navigate to the explore the map page. Under the map, you will see territories intro text"
   },
+  "explore.map.page.under.map.note.on.territories.para.0": {
+    "defaultMessage": "Not all the data used in CEJST are available or used for all U.S. territories.",
+    "description": "Navigate to the explore the map page. Under the map, you will see territories paragraph 0"
+  },
   "explore.map.page.under.map.note.on.territories.para.1": {
-    "defaultMessage": "Puerto Rico: The <link1>U.S. Census Bureau's American Community Survey data</link1> from 2015 - 2019 are used for all fields in the workforce development category except for linguistic isolation. Linguistic isolation was removed based on feedback during the beta period. Proximity to National Priorities List (NPL) sites, proximity to Risk Management Plan (RMP) facilities, traffic proximity and volume, diesel particulate matter exposure, energy cost and housing cost were added for Puerto Rico in the 1.0 version.",
+    "defaultMessage": "<bold>Puerto Rico:</bold> The data used for Puerto Rico are from all relevant and available fields in the energy, housing, legacy pollution, transportation, and workforce development categories. The following data are used: projected flood risk, energy cost, lack of plumbing, lead paint, housing cost, proximity to hazardous waste facilities, proximity to Superfund or National Priorities List (NPL) sites, proximity to Risk Management Plan (RMP) facilities, diesel particulate matter exposure, traffic proximity and volume, leaking underground storage tanks, wastewater discharge, poverty, unemployment, and high school education. Linguistic isolation was removed for Puerto Rico based on feedback received during the beta period.",
     "description": "Navigate to the explore the map page. Under the map, you will see territories paragraph 1"
   },
   "explore.map.page.under.map.note.on.territories.para.2": {
-    "defaultMessage": "American Samoa and the Northern Mariana Islands: The <link1>Decennial Census data</link1> from 2010 are used. The CEJST uses the following data for these territories: unemployment, poverty, low median income, and high school education. These burdens are in the workforce Development category.",
+    "defaultMessage": "<bold>American Samoa, Guam, the Northern Mariana Islands, and the U.S. Virgin Islands:</bold> For these U.S. territories, the tool uses the following data: unemployment, poverty, low median income, and high school education. These burdens are in the workforce development category.",
     "description": "Navigate to the explore the map page. Under the map, you will see territories paragraph 2"
   },
-  "explore.map.page.under.map.note.on.territories.para.3": {
-    "defaultMessage": "Guam and the U.S. Virgin Islands: Some <link1>Decennial Census data</link1> from 2010 are used. They show burdens in the workforce development category. The data includes: Unemployment, poverty, low median income, and high school education.",
-    "description": "Navigate to the explore the map page. Under the map, you will see territories paragraph 3"
-  },
   "explore.map.page.under.map.note.on.tribal.nations.intro": {
     "defaultMessage": "A note on Tribal Nations",
     "description": "Navigate to the explore the map page. Under the map, you will see tribal nations intro text"

client/src/pages/about.tsx

@@ -8,6 +8,7 @@ import {Grid} from '@trussworks/react-uswds';
 import HowYouCanHelp from '../components/HowYouCanHelp';
 import J40MainGridContainer from '../components/J40MainGridContainer';
 import Layout from '../components/layout';
+import PublicEngageButton from '../components/PublicEngageButton';
 import SubPageNav from '../components/SubPageNav';
 
 import * as ABOUT_COPY from '../data/copy/about';
@@ -43,6 +44,7 @@ const AboutPage = ({location}: IAboutPageProps) => {
 
         <section className={'page-heading'}>
           <h1 data-cy={'about-page-heading'}>{intl.formatMessage(ABOUT_COPY.PAGE.TITLE)}</h1>
+          <PublicEngageButton />
         </section>
 
         <Grid row gap className={'j40-mb5-mt3'}>
@@ -56,13 +58,13 @@ const AboutPage = ({location}: IAboutPageProps) => {
               <p>
                 {ABOUT_COPY.CONTENT.PARA2}
               </p>
-              <p>
+              <div className={'j40-p-tag'}>
                 {ABOUT_COPY.CONTENT.PARA3}
                 <ul>
                   <li> {ABOUT_COPY.CONTENT.LI1}</li>
                   <li> {ABOUT_COPY.CONTENT.LI2}</li>
                 </ul>
-              </p>
+              </div>
               <p>
                 {ABOUT_COPY.CONTENT.PARA4}
               </p>

client/src/pages/contact.tsx

@@ -5,6 +5,7 @@ import {useIntl, FormattedMessage} from 'gatsby-plugin-intl';
 import J40MainGridContainer from '../components/J40MainGridContainer';
 import Layout from '../components/layout';
 import LinkTypeWrapper from '../components/LinkTypeWrapper';
+import PublicEngageButton from '../components/PublicEngageButton';
 import RequestForInfo from '../components/RequestForInfo';
 
 import * as CONTACT_COPY from '../data/copy/contact';
@@ -23,6 +24,7 @@ const ContactPage = ({location}: IContactPageProps) => {
 
         <section className={'page-heading'}>
           <h1>{intl.formatMessage(CONTACT_COPY.PAGE_INTRO.PAGE_HEADING)}</h1>
+          <PublicEngageButton />
         </section>
 
         <Grid row gap={6}>

client/src/pages/index.tsx

@@ -6,6 +6,7 @@ import ExploreDataBox from '../components/ExploreDataBox';
 import J40Map from '../components/J40Map';
 import J40MainGridContainer from '../components/J40MainGridContainer';
 import Layout from '../components/layout';
+import PublicEngageButton from '../components/PublicEngageButton';
 
 import * as EXPLORE_COPY from '../data/copy/explore';
 
@@ -25,6 +26,7 @@ const ExporeToolPage = ({location}: IMapPageProps) => {
 
       <section className={'page-heading'}>
         <h1>{intl.formatMessage(EXPLORE_COPY.PAGE_INTRO.PAGE_HEADING)}</h1>
+        <PublicEngageButton />
       </section>
 
       <Grid row gap className={'j40-mb5-mt3'}>
@@ -32,21 +34,15 @@ const ExporeToolPage = ({location}: IMapPageProps) => {
         {/* Gradually increase width of the Grid as the width decreases from desktop to mobile*/}
         {/* desktop = 7 columns, tablet = 10 columns and mobile = 12 columns (full width) */}
         <Grid desktop={{col: 8}} tablet={{col: 10}} col={12}>
-          <section>
+          <p>
-            <p>
+            {EXPLORE_COPY.PAGE_DESCRIPTION1}
-              {EXPLORE_COPY.PAGE_DESCRIPTION1}
+          </p>
-            </p>
+          <p>
-            <p>
+            {EXPLORE_COPY.PAGE_DESCRIPTION2}
-              {EXPLORE_COPY.PAGE_DESCRIPTION2}
+          </p>
-            </p>
-          </section>
         </Grid>
         <Grid desktop={{col: 4}} tablet={{col: 10}} col={12}>
-          <section>
+          <ExploreDataBox />
-            <p>
-              <ExploreDataBox />
-            </p>
-          </section>
         </Grid>
       </Grid>
     </J40MainGridContainer>
@@ -60,9 +56,9 @@ const ExporeToolPage = ({location}: IMapPageProps) => {
     <J40MainGridContainer>
       <Grid desktop={{col: 7}} tablet={{col: 10}} col={12}>
         <h2>{EXPLORE_COPY.NOTE_ON_TERRITORIES.INTRO}</h2>
+        <p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_0}</p>
         <p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_1}</p>
         <p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_2}</p>
-        <p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_3}</p>
       </Grid>
 
       <Grid desktop={{col: 7}} tablet={{col: 10}} col={12}>

client/src/pages/methodology.tsx

@@ -9,6 +9,7 @@ import J40MainGridContainer from '../components/J40MainGridContainer';
 import MethodologyFormula from '../components/MethodologyFormula';
 import Layout from '../components/layout';
 import SubPageNav from '../components/SubPageNav';
+import PublicEngageButton from '../components/PublicEngageButton';
 
 import * as CONSTANTS from '../data/constants';
 import * as METHODOLOGY_COPY from '../data/copy/methodology';
@@ -29,6 +30,7 @@ const IndexPage = ({location}: MethodPageProps) => {
 
         <section className={'page-heading'}>
           <h1>{intl.formatMessage(METHODOLOGY_COPY.PAGE.HEADING)}</h1>
+          <PublicEngageButton />
         </section>
 
         <Grid row gap className={'j40-mb5-mt3'}>

client/src/pages/tests/__snapshots__/about.test.tsx.snap

@@ -379,6 +379,27 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
         >
           About
         </h1>
+        <div>
+          <a
+            href="/en/public-engagement"
+          >
+            <button
+              class="usa-button"
+              data-testid="button"
+              type="button"
+            >
+              <div>
+                <img
+                  alt="an icon that represents a calendar"
+                  src="test-file-stub"
+                />
+                <div>
+                  Public engagement
+                </div>
+              </div>
+            </button>
+          </a>
+        </div>
       </section>
       <div
         class="grid-row grid-gap j40-mb5-mt3"
@@ -419,24 +440,25 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
               . The Justice40 Initiative seeks to deliver 40% of the overall benefits of investments in climate, clean energy, and related areas to disadvantaged communities.
     
             </p>
-            <p>
+            <div
+              class="j40-p-tag"
+            >
               
       Federal agencies should also use the following:
     
-            </p>
+              <ul>
-            <ul>
+                <li>
-              <li>
+                   
-                 
       Addendum to the Justice40 Initiative Interim Guidance on Using CEJST
     
-              </li>
+                </li>
-              <li>
+                <li>
-                 
+                   
       Instructions to Federal Agencies on Using the CEJST
     
-              </li>
+                </li>
-            </ul>
+              </ul>
-            <p />
+            </div>
             <p>
               
       CEQ will update the tool each year based on public feedback, research, and the availability of new data. The current version of the tool is version 1.0.
@@ -752,9 +774,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
               </a>
               .
             </li>
-            <li>
-              Have feedback about a specific census tract? You can either click here or click the “Send Feedback” button on the side-panel of a census tract on the map.
-            </li>
             <li>
               Any other questions? Email: 
               <a
@@ -827,6 +846,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                     </div>
                   </address>
                 </li>
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="sign-up-for-updates"
+                    href="https://www.surveymonkey.com/r/whceqej"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Sign up for updates
+                  </a>
+                </li>
               </ul>
             </section>
           </div>
@@ -846,30 +878,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   class="usa-footer__secondary-link"
                 >
                   <a
-                    class="usa-link footer-link-first-child"
+                    class="usa-link usa-link--external footer-link-first-child"
-                    href="/en/public-engagement"
-                  >
-                    Engagement calendar
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
-                    data-cy="request-for-information"
-                    href="https://www.federalregister.gov/d/2022-03920"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Request for Information
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
                     data-cy="whitehouse-gov"
                     href="https://www.whitehouse.gov/"
                     rel="noreferrer"
@@ -997,7 +1006,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
           data-testid="button"
           type="button"
         >
-          Help us improve the site & data
+          Help improve the tool
           <img
             alt="launch icon"
             src="test-file-stub"

client/src/pages/tests/__snapshots__/contact.test.tsx.snap

@@ -377,6 +377,27 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
         <h1>
           Contact
         </h1>
+        <div>
+          <a
+            href="/en/public-engagement"
+          >
+            <button
+              class="usa-button"
+              data-testid="button"
+              type="button"
+            >
+              <div>
+                <img
+                  alt="an icon that represents a calendar"
+                  src="test-file-stub"
+                />
+                <div>
+                  Public engagement
+                </div>
+              </div>
+            </button>
+          </a>
+        </div>
       </section>
       <div
         class="grid-row grid-gap-6"
@@ -527,6 +548,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                     </div>
                   </address>
                 </li>
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="sign-up-for-updates"
+                    href="https://www.surveymonkey.com/r/whceqej"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Sign up for updates
+                  </a>
+                </li>
               </ul>
             </section>
           </div>
@@ -546,30 +580,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   class="usa-footer__secondary-link"
                 >
                   <a
-                    class="usa-link footer-link-first-child"
+                    class="usa-link usa-link--external footer-link-first-child"
-                    href="/en/public-engagement"
-                  >
-                    Engagement calendar
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
-                    data-cy="request-for-information"
-                    href="https://www.federalregister.gov/d/2022-03920"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Request for Information
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
                     data-cy="whitehouse-gov"
                     href="https://www.whitehouse.gov/"
                     rel="noreferrer"
@@ -697,7 +708,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
           data-testid="button"
           type="button"
         >
-          Help us improve the site & data
+          Help improve the tool
           <img
             alt="launch icon"
             src="test-file-stub"

client/src/pages/tests/__snapshots__/downloads.test.tsx.snap

@@ -527,6 +527,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                     </div>
                   </address>
                 </li>
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="sign-up-for-updates"
+                    href="https://www.surveymonkey.com/r/whceqej"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Sign up for updates
+                  </a>
+                </li>
               </ul>
             </section>
           </div>
@@ -546,30 +559,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   class="usa-footer__secondary-link"
                 >
                   <a
-                    class="usa-link footer-link-first-child"
+                    class="usa-link usa-link--external footer-link-first-child"
-                    href="/en/public-engagement"
-                  >
-                    Engagement calendar
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
-                    data-cy="request-for-information"
-                    href="https://www.federalregister.gov/d/2022-03920"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Request for Information
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
                     data-cy="whitehouse-gov"
                     href="https://www.whitehouse.gov/"
                     rel="noreferrer"
@@ -697,7 +687,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
           data-testid="button"
           type="button"
         >
-          Help us improve the site & data
+          Help improve the tool
           <img
             alt="launch icon"
             src="test-file-stub"

client/src/pages/tests/__snapshots__/freqAskedQuestions.test.tsx.snap

@@ -440,6 +440,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                     </div>
                   </address>
                 </li>
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="sign-up-for-updates"
+                    href="https://www.surveymonkey.com/r/whceqej"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Sign up for updates
+                  </a>
+                </li>
               </ul>
             </section>
           </div>
@@ -459,30 +472,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   class="usa-footer__secondary-link"
                 >
                   <a
-                    class="usa-link footer-link-first-child"
+                    class="usa-link usa-link--external footer-link-first-child"
-                    href="/en/public-engagement"
-                  >
-                    Engagement calendar
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
-                    data-cy="request-for-information"
-                    href="https://www.federalregister.gov/d/2022-03920"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Request for Information
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
                     data-cy="whitehouse-gov"
                     href="https://www.whitehouse.gov/"
                     rel="noreferrer"
@@ -610,7 +600,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
           data-testid="button"
           type="button"
         >
-          Help us improve the site & data
+          Help improve the tool
           <img
             alt="launch icon"
             src="test-file-stub"

client/src/pages/tests/__snapshots__/methodology.test.tsx.snap

@@ -377,6 +377,27 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
         <h1>
           Methodology
         </h1>
+        <div>
+          <a
+            href="/en/public-engagement"
+          >
+            <button
+              class="usa-button"
+              data-testid="button"
+              type="button"
+            >
+              <div>
+                <img
+                  alt="an icon that represents a calendar"
+                  src="test-file-stub"
+                />
+                <div>
+                  Public engagement
+                </div>
+              </div>
+            </button>
+          </a>
+        </div>
       </section>
       <div
         class="grid-row grid-gap j40-mb5-mt3"
@@ -2407,6 +2428,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                     </div>
                   </address>
                 </li>
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="sign-up-for-updates"
+                    href="https://www.surveymonkey.com/r/whceqej"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Sign up for updates
+                  </a>
+                </li>
               </ul>
             </section>
           </div>
@@ -2426,30 +2460,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   class="usa-footer__secondary-link"
                 >
                   <a
-                    class="usa-link footer-link-first-child"
+                    class="usa-link usa-link--external footer-link-first-child"
-                    href="/en/public-engagement"
-                  >
-                    Engagement calendar
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
-                    data-cy="request-for-information"
-                    href="https://www.federalregister.gov/d/2022-03920"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Request for Information
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
                     data-cy="whitehouse-gov"
                     href="https://www.whitehouse.gov/"
                     rel="noreferrer"
@@ -2577,7 +2588,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
           data-testid="button"
           type="button"
         >
-          Help us improve the site & data
+          Help improve the tool
           <img
             alt="launch icon"
             src="test-file-stub"

client/src/pages/tests/__snapshots__/publicEng.test.tsx.snap

@@ -1038,6 +1038,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                     </div>
                   </address>
                 </li>
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="sign-up-for-updates"
+                    href="https://www.surveymonkey.com/r/whceqej"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Sign up for updates
+                  </a>
+                </li>
               </ul>
             </section>
           </div>
@@ -1057,30 +1070,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   class="usa-footer__secondary-link"
                 >
                   <a
-                    class="usa-link footer-link-first-child"
+                    class="usa-link usa-link--external footer-link-first-child"
-                    href="/en/public-engagement"
-                  >
-                    Engagement calendar
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
-                    data-cy="request-for-information"
-                    href="https://www.federalregister.gov/d/2022-03920"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Request for Information
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
                     data-cy="whitehouse-gov"
                     href="https://www.whitehouse.gov/"
                     rel="noreferrer"
@@ -1208,7 +1198,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
           data-testid="button"
           type="button"
         >
-          Help us improve the site & data
+          Help improve the tool
           <img
             alt="launch icon"
             src="test-file-stub"

client/src/pages/tests/__snapshots__/techSupportDoc.test.tsx.snap

@@ -440,6 +440,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                     </div>
                   </address>
                 </li>
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="sign-up-for-updates"
+                    href="https://www.surveymonkey.com/r/whceqej"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Sign up for updates
+                  </a>
+                </li>
               </ul>
             </section>
           </div>
@@ -459,30 +472,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   class="usa-footer__secondary-link"
                 >
                   <a
-                    class="usa-link footer-link-first-child"
+                    class="usa-link usa-link--external footer-link-first-child"
-                    href="/en/public-engagement"
-                  >
-                    Engagement calendar
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
-                    data-cy="request-for-information"
-                    href="https://www.federalregister.gov/d/2022-03920"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Request for Information
-                  </a>
-                </li>
-                <li
-                  class="usa-footer__secondary-link"
-                >
-                  <a
-                    class="usa-link usa-link--external"
                     data-cy="whitehouse-gov"
                     href="https://www.whitehouse.gov/"
                     rel="noreferrer"
@@ -610,7 +600,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
           data-testid="button"
           type="button"
         >
-          Help us improve the site & data
+          Help improve the tool
           <img
             alt="launch icon"
             src="test-file-stub"

client/src/styles/global.scss

@@ -171,6 +171,12 @@ li.usa-nav__primary-item a:hover::after{
     @include u-margin-bottom(5);
     @include u-margin-top(3);
   }
+
+  .j40-p-tag {
+    margin-top: 1.25rem;
+    font-size: 1.06rem;
+    line-height: 1.4;
+  }
 }
 
 // all external links