Modifying and adding contents
Prerequisite
We have used the Plotly Dash (opens in a new tab) framework for building this dashboard. Before modifying any contents of this dashboard, thus, please review the respective documentation:
- Quickstart Installation part (opens in a new tab)
- A Minimal Dash App (opens in a new tab)
- Dash in 20 Minutes (opens in a new tab)
Requirements for adopting the HMC FAIR Data Dashboard
If you intend to modify the HMC FAIR Data Dashboard or adopt it for your own organization, we ask you to replace or remove the following HMC-specific contents:
- HMC Logo
- HMC FAIR Data Dashboard Logo
- Helmholtz logo and slogan
- Banner image
- Any official links to Helmholtz, HMC, HZB etc...
- Links of imprint, data protection declaration, contact and e-mail addresses
- please respect the software licenses and refer to the original developing team:
Sedeqi, M. R., Preuß, G., Gilein, A., Glodowski, T., Ehlers, P., Serve, V., Schmidt, A., Mannix, O., & Kubin, M. (2024). HMC FAIR Data Dashboard (2.0.0). Zenodo. https://doi.org/10.5281/zenodo.14192862Replacing the HMC Logo
To modify the HMC Logo you need to put the new logo in assests/images/logos and change the following:
...
dbc.NavbarBrand(
html.Img(
src="/assets/images/logos/HMC_Logo_RGB_Blue.svg",
height="45px",
id="logo",
),
className="ms-2",
)
...Replacing the HMC FAIR Data Dashboard Logo
To modify the HMC FAIR Data Dashboard Logo you need to put the new logo in assests/images/logos and change the following:
...
html.Img(
src="/assets/images/logos/Dashboard_Logo_inverted.svg",
style={"marginRight": "10%", "height": "50%"},
),
...Replacing the banner image
To modify the banner image you need to put the new image in assests/images and change the following:
...
style={"backgroundImage": 'url("/assets/images/Banner.png")'},
...Replacing the Helmholtz logo and slogan
To modify the Helmholtz logo and slogan you need to put the new logo in assests/images/logos and change the following:
...
html.Img(
src="/assets/images/logos/helmholtz_logo.svg"
),
......
slogan: Better science through better metadata.
......
slogan: Bessere Wissenschaft durch bessere Metadaten.
...Exchanging the texts and links included in the dashboard
To modify the texts and links presented in the HMC FAIR Data Dashboard you can change it in the translations directory.
The dashboard currently supports two languages and for each one we have a separate yaml file in translations directory.
Updating the frequently asked questions (FAQ)
To modify the FAQ, the files translations/faq.en.yml and translations/faq.de.yml need to be updated. Content may also be altered in the following list of files.
- bottom_info_box.py
- bottom_info_box.py
- bottom_info_box.py
- bottom_info_box.py
Updating the footer
To update the footer contents, you may modify the following files.
- linkedin.svg
- mastodon.svg
- mattermost.svg
- x.svg
- helmholtz_logo.svg
- footer.py
- nav.de.yml
- nav.en.yml