New page design

[bedroesb]

This is a big pull request including following new features:

• Collapsable items for "More information" including Training, rdmkit links, FAIRCookbook links, etc
• New website configuration setting:

  theme_variables:
    headings:
      resource-table-all-collapse: true

  This setting allows you to also collapse the resource table under the "More information" section
• New scss variables setting the Section navigation tiles and More information buttons. Set them in the _sass/_custom_variables.scss file

  /*-----Section navigation tiles-----*/
  $nav-card-bg: $light;
  $nav-card-color: $dark;
  $nav-card-bg-hover: $primary;
  $nav-card-color-hover: $white;
  
  /*-----More information tiles-----*/
  $info-card-bg: $light;
  $info-card-color: $dark;
  $info-card-bg-hover: $primary;
  $info-card-color-hover: $white;

• Improved descriptions when linking to RDMkit, FAIRsharing, FAIRCookbook and DSW
• New simpler design for section navigation tiles and related pages tiles, giving a coherent way of navigating the website.
• Set Icons for pages so they are visualized in section navigation tiles and related pages tiles by using the new page attribute: type_img for example" :

  ---
  type_img: /assets/img/section-icons/dna-light.svg
  ---

• Use the col parameter in the section navigation tiles and section navigation tiles simple to specify the number of columns

  {% include section-navigation-tiles.html type="example_pages" col=3 %}
  

  or

  {% include section-navigation-tiles-simple.html type="example_pages" col=3 %}