Dashboard
Design decisions
General Layout

General Layout

Every page comprises a primary layout, which encompasses the following elements:

  • a navigation menu
  • a promotional banner
  • a text box with an overview of the page's subject matter
  • page-specific contents including interactive charts
  • an invitation to proceed exploring the subsequent page of the dashboard
  • a list of selected frequently asked questions (FAQ) and answers related to the content of the specific page
  • the page footer.

The general layout components are illustrated below.

Navigation menu

A comprehensive navigation menu in the top bar of each page was integrated to facilitate easy navigation across the subpages of the dashboard and to enable users to select their preferred language. The following image illustrates the aforementioned menu.

Nav Bar

The navigation menu is defined as described below.

Please refer to the respective how-to section of this documentation to find out how to add another page to the navigation menu: modifying content

Banner

The website features a banner at the top of the page, as illustrated in the accompanying image. This may be modified if necessary, in accordance with the instructions set forth on the page dedicated to modifying content.

Banner

Overview of the page

Each page contains an overview of the page section, which elucidates the purpose of the page and provides supplementary contextual information. The following image depicts an example of a page from the dashboard.

Overview of the page

The content of this overview section may be modified in the translations/[page_name].en.yml and translations/[page_name].de.yml files in the infoContent section.

    • about.de.yml
    • about.en.yml
    • data.de.yml
    • data.en.yml
    • faq.de.yml
    • faq.en.yml
    • home.de.yml
    • home.en.yml
    • my_data.de.yml
    • my_data.en.yml
    • nav.de.yml
    • nav.en.yml
    • repo.de.yml
    • repo.en.yml
  • Page's specific contents

    Each page contains a section dedicated to the specific contents of that page. These may take the form of a group of charts, a section presenting numerical data, or additional information, as illustrated in the example image below.

    Overview of the page

    Overview of the page

    A detailed account of the modifications to the specific contents of each page can be found within the corresponding pages of this documentation.

    Read On

    The purpose of the "Read On" section is to provide users with a concise and direct link to the subsequent page, as below:

    Read On

    Frequently asked questions (FAQ)

    The frequently asked questions (FAQ) section is tailored to the contents of each page.

    FAQ

    Please refer to the respective how-to section to find out how to add or modify contents in this section: modifying content

    Footer

    The footer section contains information pertaining to legal matters, as well as links to external resources and social media platforms, as below:

    footer

    Please refer to the respective how-to section to find out how to add or modify contents in the footer: modifying content