diff --git a/app/scripts/components/development/index.tsx b/app/scripts/components/development/index.tsx index e44352bea..837365c60 100644 --- a/app/scripts/components/development/index.tsx +++ b/app/scripts/components/development/index.tsx @@ -1,5 +1,6 @@ import React from 'react'; import styled from 'styled-components'; +import { getOverride } from 'veda'; import { Button } from '@devseed-ui/button'; import { CollecticonSpeechBalloon, @@ -12,12 +13,15 @@ import { PageMainContent } from '$styles/page'; import PageHero from '$components/common/page-hero'; import { FoldProse } from '$components/common/fold'; import { variableGlsp } from '$styles/variable-utils'; +import { ContentOverride } from '$components/common/page-overrides'; const ContributeCta = styled.div` display: flex; gap: ${variableGlsp()}; `; +const developmentContent = getOverride('developmentContent'); + function Development() { const { show: showFeedbackModal } = useFeedbackModal(); @@ -25,51 +29,58 @@ function Development() { - -

- NASA started development of the VEDA Dashboard in December 2021. This - early version reflects the next iteration on work completed for the{' '} - COVID dashboard and - will continue to evolve as more functionality is developed. -

-

- This dashboard is built by the{' '} - - NASA Earth Science Data Systems program - {' '} - with help from various science teams and data providers. We are - grateful for the many third-party open source projects that we have - used. -

-

- We welcome your feedback to help improve the Dashboard. To do so you - can use the feedback option on this website. -

- - - - -
+ + + +

+ NASA started development of the VEDA Dashboard in December 2021. + This early version reflects the next iteration on work completed for + the{' '} + COVID dashboard{' '} + and will continue to evolve as more functionality is developed. +

+

+ This dashboard is built by the{' '} + + NASA Earth Science Data Systems program + {' '} + with help from various science teams and data providers. We are + grateful for the many third-party open source projects that we have + used. +

+

+ We welcome your feedback to help improve the Dashboard. To do so you + can use the feedback option on this website. +

+ + + + +
+
); } diff --git a/docs/content/PAGE_OVERRIDES.md b/docs/content/PAGE_OVERRIDES.md index 880d741ec..66ae18646 100644 --- a/docs/content/PAGE_OVERRIDES.md +++ b/docs/content/PAGE_OVERRIDES.md @@ -95,6 +95,32 @@ import FeaturedStories from "$veda-ui-scripts/components/home/featured-stories"; > 🧑‍🏫 You can import and use the `FeaturedStories` component to include a section listing the stories with the `featured` flag. It is important that this component is not inside a `Block`. +### developmentContent +`Content Override` + +The `developmentContent` allows you to specify new content for the development page (locally at http://localhost:9000/development). +Besides the new content, this page also uses frontmatter variables to modify the page title and description. + +Example: +```js +// veda.config.js pageOverrides +developmentContent: './overrides/development.mdx' +``` +```jsx +--- +title: The development page +description: A brief description +--- + + + +

+ This is my new development page. +

+
+
+``` + ## Component Override reference ### headerBrand diff --git a/parcel-resolver-veda/index.d.ts b/parcel-resolver-veda/index.d.ts index e3551c921..204765a88 100644 --- a/parcel-resolver-veda/index.d.ts +++ b/parcel-resolver-veda/index.d.ts @@ -237,6 +237,7 @@ declare module 'veda' { export const storyTaxonomies: Taxonomy[]; export type PageOverrides = + | 'developmentContent' | 'aboutContent' | 'homeContent' | 'sandbox-override'