Release v3.1.6 (#727)

_The PR name should be the version to be deployed (ex: v1.0.1)_

- [x] Bump the version in the package.json or equivalent.

---

- # Changelog
- ## 🎉 Features
	- 🦗
- ## 🚀 Improvements
	- #695
	- #726

- ## 📊 Dataset Updates
	- 🦗

- ## 📝 Stories Updates
	- 🦗
- ## 🐛 Fixes
	- 🦗

custom-pages/news-and-events/index.mdx

@@ -97,9 +97,6 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel nunc mauris
     Investigate US GHG Center demonstrations and presentations and explore opportunities to get involved.
 
      **Presentations**
-      - [Stakeholder Meeting Nov. 28, 2023](https://www.youtube.com/playlist?list=PLiuUQ9asub3RDzYAZ3N7_6wIIgmvDpZq_)
-        - [Part 1](https://www.youtube.com/watch?v=MPWow413i-o&list=PLiuUQ9asub3RDzYAZ3N7_6wIIgmvDpZq_&index=1&pp=iAQB) (Introductions and Science)
-        - [Part 2](https://www.youtube.com/watch?v=CrnBY4iYVeA&list=PLiuUQ9asub3RDzYAZ3N7_6wIIgmvDpZq_&index=2&t=136s&pp=iAQB) (Website overview; Focus area details; National Strategy)
       - [COP28 State Department Announcement](https://www.youtube.com/watch?v=cw8ku_qfAao)
       - [US GHG Center Hyperwall Presentation at AGU](https://youtu.be/8_aFRPqiXGw)
       - [Carbon Monitoring System NASA Webinar Series](https://cce-datasharing.gsfc.nasa.gov/programs/meetings/10/h/1/)

overrides/home/carousel/carousel-item.tsx

@@ -47,22 +47,23 @@ export function ItemPanel({ item, linkComponent: LinkComponent }) {
 export default function CarouselItem({ item, itemIdx, onTitleClick, shouldProgress, progressDone, progressPercentage, selected, linkComponent: LinkComponent }) {
   return <Card 
     gridLayout={{ tablet: { col: 4 } }} 
-    containerProps={{className:`hover:bg-base-lightest padding-x-1 radius-0 border-0 animation--transition ${(selected || shouldProgress)? 'opacity-100':'opacity-50'}`}}>
+    role='tab'
+    aria-selected={selected.toString()}
+    aria-label={`Slide ${itemIdx+1}`}
+    aria-controls={`carousel-item-${itemIdx + 1}`} 
+    containerProps={{className:`padding-x-1 radius-0 border-0 animation--transition ${(selected || shouldProgress)? 'opacity-100':'opacity-83'} `}}>
     <ProgressBar shouldProgress={shouldProgress} progressDone={progressDone} progressPercentage={progressPercentage}selected={selected} />
     <CardBody className="padding-left-0 position-relative">
-      <h3 className="tablet:margin-top-1 carousel--title text-bold veda-color--base">
+      <h2 className="tablet:margin-top-1 carousel--title text-bold veda-color--base">
         {item.title}
-      </h3>
+      </h2>
       <p className="margin-top-2 flex-align-self-stretch">{item.description}</p>
       <Button
         unstyled={true}
         className="position-absolute top-0 left-0 width-full height-full blocklink"
         onClick={() => { onTitleClick(item); } }
         type="button"
-        role="tab"
-        aria-label={`Slide ${itemIdx+1}`}
-        aria-selected={selected.toString()}
-        aria-controls={`carousel-item-${itemIdx+1}`} 
+        aria-label={`Open details for ${item.title}`}
         children={undefined} />
     </CardBody>
     <CardFooter className="padding-left-0 padding-top-1">
@@ -71,6 +72,8 @@ export default function CarouselItem({ item, itemIdx, onTitleClick, shouldProgre
         <span className="padding-left-1">Read more</span>
         </LinkComponent>
       </CardFooter>
-  </Card>
+      </Card>
+
+
 }
 

overrides/home/component.tsx

@@ -1,5 +1,5 @@
 import React from "$veda-ui/react";
-import { NavLink } from "$veda-ui/react-router-dom";
+import { Link } from "$veda-ui/react-router-dom";
 import styled from "$veda-ui/styled-components";
 import { glsp, themeVal, media } from "$veda-ui/@devseed-ui/theme-provider";
 import { Button } from "$veda-ui/@devseed-ui/button";
@@ -17,6 +17,7 @@ import {
   Grid,
 } from '$veda-ui/@trussworks/react-uswds';
 
+import './index.scss';
 
 import Partners from "./partners";
 import Banner from './banner';
@@ -112,14 +113,13 @@ export default function HomeComponent() {
             </Grid>
           </Grid>
           <Buttons className="margin-top-4">
-            <Button
-              forwardedAs={NavLink}
+            <Link
+
               to="/about"
-              size="xlarge"
-              variation="primary-outline"
+              className="link"
             >
-                Learn More <CollecticonArrowRight />
-            </Button>
+                Learn More <div className="arrow"> <CollecticonArrowRight /></div>
+            </Link>
           </Buttons>
         </Grid>
       </GridContainer>

overrides/home/index.scss

@@ -0,0 +1,36 @@
+/* Base style for the link */
+.link {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: rgb(18, 41, 97);
+  border: 1px solid rgb(18, 41, 97);
+  padding: 0px 20px;
+  border-radius: 5px;
+  text-transform: uppercase;
+  font-size: 16px;
+  font-weight: 500;
+  font-family: 'Inter', sans-serif;
+  height: 3rem;
+  background-color: transparent;
+  transition: background-color 0.24s ease-in-out;
+  opacity: 1;
+  text-decoration: none;
+
+  /* Hover effect */
+  &:hover {
+    background-color: rgba(8, 42, 100, 0.08);
+  }
+
+  /* Active effect */
+  &:active, 
+  &.active {
+    background-color: rgba(8, 42, 100, 0.08);
+  }
+}
+
+/* Optional styles for the arrow */
+.arrow {
+  display: flex;
+  margin: 0px 4px;
+}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "veda-config",
   "description": "Configuration for Veda",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "source": "./.veda/ui/app/index.html",
   "license": "Apache-2.0",
   "scripts": {