website/_includes/templates/landing-page.md

{% if page.cards %}

{% for card in page.cards %}{% if card.title %}

{{card.title}}

{% if card.image %}{% endif %}{{card.description}}

{% endif %}{% endfor %}

{% else %}

ERROR: You must define "cards" front-matter YAML

{: style="color:red" }

This template requires that you insert YAML at the top of your document that defines the "cards" you'd like to display on the page. The cards will render in clickable boxes.

To get rid of this message and take advantage of this template, define cards:

---
cards:
- progression: no
- card:
  title: Mean Stack
  image: /docs/meanstack/image_0.png
  description: Lorem ipsum dolor it verberum.
- card:
  title: Guestbook + Redis
  image: /images/docs/redis.svg
  description: Lorem ipsum dolor it verberum.
- card:
  title: Cloud Native Cassandra
  image: /images/docs/cassandra.svg
  description: Lorem ipsum dolor it verberum.
- card:
  title: WordPress + MySQL
  image: /images/docs/wordpress.svg
  description: Lorem ipsum dolor it verberum. 
---

Note: If progression is set to yes then a "Start Here!" icon will be placed on the first card and arrows suggesting linear reading will be overlayed between the other cards, telling the reader that they should explore the content in a certain order.

{% endif %}