The base properties used by Veda are set through the .env
file.
This includes values like the application title, and contact email. These values are then used throughout the app.
The .env
file contains a list of all available variables and comments explaining what they are used for.
The veda.config.js
file is an additional configuration file for veda.
It is through this file that you specify how the Veda content can be found.
This is done by providing a glob path for each one of the content types. (Datasets, Stories).
The default configuration is:
datasets: './datasets/*.data.mdx'
stories: './stories/*.stories.mdx'
To adapt the Veda dashboard to the individual needs of your instance, some content/component overrides are provided. These overrides allow you to alter certain parts of the application, or inject code without having to fork the UI part of veda.
See PAGE_OVERRIDES for a full list of elements to customize.
The strings
object allows you to customize the nomenclature used in some parts of the application so that it better reflects your use case. Since these values will need to be used in different contexts, a one (singular) and other (plural) form of each term is required.
The default values are:
strings: {
stories: {
one: 'Story',
other: 'Stories'
}
}
However if the value you want to use is the same for both forms, you can simply provide a string instead of an object:
strings: {
sheep: 'Sheep'
}
Banner
object allows you to display a site-wide banner that sits atop your application. To create a banner, you need to provide four attributes (one optional) as outlined below.
expires: Date,
url: string,
text: string,
type?: BannerType
Option | Type | Description | Example |
---|---|---|---|
expires | Date | The date and time when the banner expires. (ISO 8601 format) | '2024-08-03T12:00:00-04:00' |
url | string | The URL that will be triggered when the user clicks on the banner. | 'stories/emit-and-aviris-3' |
text | string | The text content to display in the banner. This can be an HTML string. | 'Read the new data insight on using EMIT and AVIRIS-3 for monitoring large methane emission events.' |
type | enum('info', 'warning') | The type of information delivered by the banner, which determines its background color. | 'info' |
cookieConsentForm
object allows you to display a site-wide Cookie Consent form that sits atop your application. To create a Cookie Consent form, you need to provide two attributes as outlined below.
title: string,
copy: string,
Option | Type | Description | Example |
---|---|---|---|
title | string | The text content to display in the title of the cookie consent form. This can be an HTML string. | 'Cookie Consent' |
copy | string | The content of the Cookie Consent form, typically is a string that follows MDX documentation format. Allowing flexibility to link to different data management policy. | 'To learn more about it, see our [Privacy Policy ](https://www.nasa.gov/privacy/#cookies)\' |
There is currently not a lot of customization that can be done to meta images.
The following meta files must exist and be placed in the static/meta
folder:
apple-touch-icon.png
favicon.ico
icon.svg
meta-image.png
site.webmanifest