Skip to content

Card elements

Philipp S. Sommer edited this page May 28, 2020 · 1 revision

Members and organizations are displayed with so-called cards. This element takes an info parameter and can be included in any markdown element via

{% include card.html info=info %}

To create a card for the de-RSE organization, you would, for instance, write

{% include card.html info=site.data.committee.national_chapters.deRSE %}

The source template is defined by the file _includes/card.html, and defines

  1. A header (info.name)
  2. An image (info.avatar)
  3. Some auxiliary information (info.long_name, info.affiliation, info.location)
  4. Social media buttons (info.website, info.email, info.twitter, info.internal, info.github)
  5. Teams badges (one badge per team in info.teams)

The example above renders like

Everything but the header is optional.

Clone this wiki locally