v1.0.1 (#263)

# Changelog

## 🎉 Features
🦗 

## 🚀 Improvements

- Add data source citation in Air-Sea CO₂ Flux, ECCO-Darwin Model v5 dataset overview
- Update cover image in U.S. Gridded Anthropogenic Greenhouse Gas Emissions data insight
- Update website meta image to a clearer version

## 🐛 Fixes

- Fix user notebook URL for OCO-2 MIP Top-down CO₂ Budgets dataset
- Fix broken external link to gas flaring photo

overrides/common/styles.ts

@@ -0,0 +1,30 @@
+import { NavLink } from "$veda-ui/react-router-dom";
+import styled, { css } from "$veda-ui/styled-components";
+
+const MouseEventStyle = css`
+  &:hover {
+    cursor: pointer;
+  }
+  &:focus {
+    outline: 3px solid #1565EF;
+  }
+  &:active {
+    color: black;
+  }
+`
+
+export const AccessibilityLink = styled(NavLink)`
+  text-decoration: underline;
+  ${MouseEventStyle}
+`;
+
+export const AccessibilityMenuItem = styled(NavLink)`
+  text-decoration: none;
+  ${MouseEventStyle}
+  &:hover {
+    text-decoration: underline;
+  }
+  &:active {
+    text-decoration: underline;
+  }
+`;

overrides/components/page-footer/component.tsx

@@ -25,6 +25,7 @@ import {
 import { useFeedbackModal } from "$veda-ui-scripts/components/common/layout-root";
 import { useMediaQuery } from "$veda-ui-scripts/utils/use-media-query";
 import Partners from "../../home/partners";
+import { AccessibilityMenuItem } from "../../common/styles";
 
 const FooterInner = styled.div`
   display: flex;
@@ -58,15 +59,10 @@ const FooterMenu = styled.ul`
   }
 `;
 
-const FooterMenuLink = styled(NavLink)`
+const FooterMenuLink = styled(AccessibilityMenuItem)`
   font-weight: ${themeVal("type.base.regular")};
-  text-decoration: none;
   font-size: 0.875rem;
   text-transform: ${themeVal("button.type.case")};
-
-  &:hover {
-    text-decoration: underline;
-  }
 `;
 
 const FooterContacts = styled.div`

overrides/home/arrow-link.tsx

@@ -1,21 +1,16 @@
 import React from "$veda-ui/react";
-import { NavLink } from "$veda-ui/react-router-dom";
 import styled from "$veda-ui/styled-components";
 import { glsp, themeVal } from "$veda-ui/@devseed-ui/theme-provider";
 import { CollecticonArrowRight } from "$veda-ui/@devseed-ui/collecticons";
+import { AccessibilityLink } from "../common/styles";
 
-const ArrowLinkCmp = styled(NavLink)`
+const ArrowLinkCmp = styled(AccessibilityLink)`
   display: flex;
   align-items: center;
   gap: ${glsp(0.5)};
   color: ${themeVal("color.link")};
-  text-decoration: none;
   pointer-events: all;
-
-  &:hover,
-  &:focus {
-    text-decoration: underline;
-  }
+  width: fit-content;
 `;
 
 export function ArrowLink(props) {

stories/us-methane-sources.stories.mdx

@@ -53,8 +53,8 @@ taxonomy:
                 src={new URL('./gas-flaring.png', import.meta.url).href}
                 alt="colorful gas flare from chimney against blue sky"
                 align="left"
-                attrAuthor="Leslie Von Pless"
-                attrUrl="https://www.nasa.gov/sites/default/files/thumbnails/image/1-permian-methane-von-pless-gas-flaring-photo-hi-rez-1041.jpg"
+                attrAuthor="Leslie Von Pless/Environmental Defense Fund (EDF)"
+                attrUrl="https://www.nasa.gov/wp-content/uploads/2021/06/1-permian-methane-von-pless-gas-flaring-photo-hi-rez-1041.jpg"
             />
             <Caption> Gas flaring during oil and gas production is a known source of methane emissions </Caption>
         </Figure>

veda.config.js

@@ -56,7 +56,7 @@ module.exports = {
     button: {
       type: {
         case: "uppercase",
-        weight: 400,
+        weight: 500,
       },
     },
   },