{% macro card(item) %}
<blockquote class="collection card{% if item.featured %} featured{% endif %}">
  <div class="meta">
    {% if item.icon %}
    <div class="icon-wrapper">
      <img class="icon no-lightense" src="{{ item.icon }}" alt="icon" width="16" height="16">
    </div>
    {% endif %}
    {% if item.link %}
    <a class="title" href="{{ item.link }}" target="_blank" rel="noreferrer noopener">{{ item.title }}</a>
    {% else %}
    <div class="title">{{ item.title }}</div>
    {% endif %}
    {% if item.date %}
    <div class="date">{{ item.date }}</div>
    {% endif %}
  </div>
  {% if item.subtitle %}
    <div class="subtitle">{{ item.subtitle }}</div>
  {% endif %}
  <div class="content">{{ item.content | trim | markdown | safe }}</div>
  {% if item.tags %}
  <div class="tags">
    {% for tag in item.tags %}
    <div><span>#</span>{{ tag }}</div>
    {% endfor %}
  </div>
  {% endif %}
</blockquote>
{% endmacro %}


{% macro card_simple(item) %}
<blockquote class="collection card-simple{% if item.featured %} featured{% endif %}">
  <div class="meta">
    {% if item.icon %}
    <div class="icon-wrapper">
      <img class="icon no-lightense" src="{{ item.icon }}" alt="icon" width="16" height="16">
    </div>
    {% endif %}
    {% if item.link %}
    <a class="title" href="{{ item.link }}" target="_blank" rel="noreferrer noopener">{{ item.title }}</a>
    {% else %}
    <div class="title">{{ item.title }}</div>
    {% endif %}
    <div class="content">{{ item.content | trim | markdown | safe }}</div>
    {% if item.date %}
    <div class="date">{{ item.date }}</div>
    {% endif %}
  </div>
  <div class="content-narrow">{{ item.content | trim | markdown | safe }}</div>
</blockquote>
{% endmacro %}


{% macro entry(item) %}
{% if item.link %}
<a href="{{ item.link }}" target="_blank" rel="noreferrer noopener" class="collection entry">
{% else %}
<blockquote class="collection entry">
{% endif %}
  {% if item.icon %}
  <div class="icon-wrapper">
    <img class="icon no-lightense" src="{{ item.icon }}" alt="icon" width="16" height="16" />
  </div>
  {% endif %}
  {% if item.title or item.subtitle %}
  <div class="text">
    {% if item.title %}
    <div class="title">{{ item.title }}</div>
    {% endif %}
    {% if item.subtitle %}
    <div class="subtitle">{{ item.subtitle }}</div>
    {% endif %}
  </div>
  {% endif %}
{% if item.link %}
</a>
{% else %}
</blockquote>
{% endif %}
{% endmacro %}


{% macro box(item) %}
<div class="collection-box-wrapper">
{% if item.link %}
<a href="{{ item.link }}" target="_blank" rel="noreferrer noopener" class="collection box">
{% else %}
<blockquote class="collection box">
{% endif %}
  <div class="text">
    <div class="title">{{ item.title }}</div>
    {% if item.subtitle %}
    <div class="subtitle">{{ item.subtitle }}</div>
    {% endif %}
  </div>
  {% if item.img %}
    <img class="no-lightense{% if item.rotate %} rotate{% endif %}" src="{{ item.img }}" alt="{{ item.title }}" width="48" height="48" />
    {% else %}
    <div class="placehold"></div>
    {% endif %}
{% if item.link %}
</a>
{% else %}
</blockquote>
{% endif %}
</div>
{% endmacro %}


{% macro art(item) %}
<blockquote class="collection art">
  <div class="img-wrapper">
    <img src="{{ item.img }}" alt="{{ item.title }}" height="175">
  </div>
  <div class="text">
    {% if item.link %}
    <a class="title" href="{{ item.link }}" target="_blank" rel="noreferrer noopener" >{{ item.title }}</a>
    {% else %}
    <div class="title">{{ item.title }}</div>
    {% endif %}
    {% if item.subtitle %}
    <div class="subtitle">{{ item.subtitle }}</div>
    {% endif %}
    {% if item.content %}
    <div class="content">{{ item.content }}</div>
    {% endif %}
    {% if item.footer %}
    <div class="footer">{{ item.footer }}</div>
    {% endif %}
  </div>
</blockquote>
{% endmacro %}


{% macro art_simple(item) %}
<blockquote class="collection art-simple">
  <div class="img-wrapper">
    <img src="{{ item.img }}" alt="{{ item.title }}" height="175">
  </div>
  <div class="text">
    {% if item.link %}
    <a class="title" href="{{ item.link }}" target="_blank" rel="noreferrer noopener" >{{ item.title }}</a>
    {% else %}
    <div class="title">{{ item.title }}</div>
    {% endif %}
    {% if item.subtitle %}
      <div class="subtitle">{{ item.subtitle }}</div>
    {% endif %}
  </div>
</blockquote>
{% endmacro %}