Adding Pages to Home Page Cards

How the Home Page cards work

On this page, we provide all the necessary resources and information for you to be able to add pages to the Homepage Cards. The cards are dynamically generated by Javascript. Javascript reads a .json file which is generated daily by a Python script. This script searches all .md files in the building blocks and tutorials and checks whether it contains the parameter “category”.

How to add a new page to a category

1. Add the “category” parameter in the .md and set the value to “reproducible” or “learn”, depending on which category you want to add your page to.

2. Go to Fontawesome.com, search for an icon that suits your building-block or tutorial and click on it.

3. The pop-up will now show you your icon and display the code for your icon, which should be someting like this:

4. For the last step, you need to copy the value of the class (“fa-solid fa-database” in this case).

5. Add the parameter icon top the top of your .md file, below the category. The final head of the .md file will look like this:

Congratulations, you have now successfully added your page to a category!