{% extends "root.jinja" %}

{# functions #}
{% macro left_arrow(target,label) %}
    <a id="left" href="{{target}}">
        <img src="{{ "images/arrow_left.png" | static_url }}">
        <span class="navdate">{{label}}</span>
    </a>
{% endmacro %}

{% macro right_arrow(target,label) %}
    <a id="right" href="{{target}}">
        <img src="{{ "images/arrow_right.png" | static_url }}">
        <span class="navdate">{{label}}</span>
    </a>
{% endmacro %}

{% macro colorize(fgcolor=None, bgcolor=None, tag='span') -%}
    {% if not fgcolor and not bgcolor %}
        {{ caller() }}
    {% else %}
        {%  set style = "" %}
        {%  if fgcolor: %}{% set style = style ~ " color: " ~ fgcolor %}{% endif %}
        {%  if bgcolor: %}{% set style = style ~ " background: " ~ bgcolor %}{% endif %}
        <{{tag}} style="{{style}}">{{caller()}}</{{tag}}>
    {% endif %}
{% endmacro %}