
{% macro user_blank() %}
<img class="menu-icon user-icon" id="user-icon-nouser" src="{{ url_for('static', filename='assets/person-fill.svg') }}">
{% endmacro %}

{% macro site_icon() %}
<img class="main-icon" src="{{ url_for('static', filename='assets/apple-touch-icon.png') }}">
{% endmacro %}

{% macro banner() %}
<img class="menu-banner" src="{{ url_for('static', filename='assets/banner.png') }}">
{% endmacro %}

{% macro user_avatar(ghh) %}
<img class="menu-icon user-icon" id="user-icon-user" src="{{ ghh.user.avatar_url }}">
{% endmacro %}

{% macro loading_gif() %}
<img class="loading" src="{{ url_for('static', filename='assets/loadingimage.gif') }}">
{% endmacro %}

{% macro light_theme() %}
<img class="theme-pick" id="lightMode" src="{{ url_for('static', filename='assets/sun.svg') }}">
{% endmacro %}

{% macro dark_theme() %}
<img class="theme-pick" id="darkMode" src="{{ url_for('static', filename='assets/moon.svg') }}">
{% endmacro %}

{% macro direction_button(target, dir) %}
{% if dir == 'left' %}
    <button class="direction" id="left" onclick="showPlotLeft()">
        <img class="direction" src="{{ url_for('static', filename='assets/arrow-left-circle-fill.svg') }}">
    </button>
{% elif dir == 'right' %}
    <button class="direction" id="right" onclick="showPlotRight()">
        <img class="direction" src="{{ url_for('static', filename='assets/arrow-right-circle-fill.svg') }}">
    </button>
{% endif %}
{% endmacro %}
