{% macro badge(text, plain, class, icon) %}
  <div class="badge {{class}}" aria-label="{{ plain }}" title="{{ plain }}">
    <i class="ri-{{ icon }}-fill icon" aria-hidden="true"></i><span aria-hidden="true"> {{ text }}</span>
  </div>
{% endmacro %}
{% macro figure(url, alt, description="", source="") %}
  <figure class="figure">
    <img class="figure-img" src="{{url}}" alt="{{alt}}" title="{{alt}}">

    {% if description != "" or source != "" %}
      <figcaption class="figure-description">
      {% if description != "" %}
        {{description}}
      {% endif %}
      {% if source != "" %}
        <i>(<a class="figure-source" href="{{source}}">Source</a>)</i>
      {% endif %}
      </figcaption>
    {% endif %}
  </figure>
{% endmacro %}