{% macro service(title, description, href, img, h="16", available=true) %}
<div class="service-container">
    <p class="service-title">
      <img class="service-icon" src="{{img}}" height="{{h}}" >
      <a href="{{href}}" class="service-link">{{title}}</a>
      {% if not available %}
        <span style="color:red;font-size: 10px;">unavailable</span>
      {% endif %}
    </p>
    <hr />
    <p class="service-description">{{description}}</p>
</div>
{% endmacro service %}
{% macro user_display(username, role=0) %}
    {% if role == 0 %}
        {% set_global prefix = "<p class='prefix' style='color:gray;'>member</p>" %}
    {% elif role == 1 %}
        {% set_global prefix = "<p class='prefix' style='color:pink;'>friend</p>" %}
    {% elif role == 2 %}
        {% set_global prefix = "<p class='prefix' style='color:red;'>admin</p>" %}
    {% endif %}
    <li class="user-display">{{prefix | safe}}<a href="/assets/pgp/{{username}}.txt">{{username}}</a></li>
{% endmacro user_display %}