{% extends 'master.twig' %}

{% block column_right %}
    {% if side_contacts is defined %}
        <div class="sidelist">
            <div class="sidelist-title">Elsewhere</div>
            <div class="sidelist-body">
                {% for contact in side_contacts %}
                    <a class="{{ html_classes('sidelist-item', 'sidecontact', { 'sidelist-item-link': contact.hasLink }) }}" {% if contact.hasLink %} href="{{ contact.link }}" target="_blank" rel="me noopener"{% endif %}>
                        <div class="sidelist-item-icon">
                            {% if contact.iconIsDomain %}
                                <img width="16" height="16" src="//icons.duckduckgo.com/ip3/{{ contact.iconDomain }}.ico" alt="">
                            {% elseif contact.iconIsImage %}
                                <img width="16" height="16" src="{{ contact.icon }}" alt="">
                            {% else %}
                                {{ contact.icon }}
                            {% endif %}
                        </div>
                        <div class="sidelist-item-label">
                            <span class="sidecontact-site">{{ contact.title }}</span>
                            <span>/</span>
                            <span class="sidecontact-handle">{{ contact.display }}</span>
                        </div>
                    </a>
                {% endfor %}
            </div>
        </div>
    {% endif %}

    {% if side_projects is defined %}
        <div class="sidelist">
            <div class="sidelist-title">Featured Projects</div>
            <div class="sidelist-body">
                {% for i, project in side_projects %}
                    <a class="sidelist-item sidelist-item-link" href="/projects#{{ project.info.cleanName }}">
                        <div class="sidelist-item-icon">{{ i % 2 ? '★' : '☆' }}</div>
                        <div class="sidelist-item-label">{{ project.info.name }}</div>
                    </a>
                {% endfor %}
            </div>
        </div>
    {% endif %}

    <div class="sidelist">
        <div class="sidelist-title">Tools</div>
        <div class="sidelist-body">
            {% for link in globals.siteInfo.toolsMenu %}
                <a class="sidelist-item sidelist-item-link" href="{{ link.url }}" {% if link.url|slice(0, 2) == '//' %}target="_blank"{% endif %}>
                    <div class="sidelist-item-icon">{{ link.icon }}</div>
                    <div class="sidelist-item-label">{{ link.title }}</div>
                </a>
            {% endfor %}
        </div>
    </div>

    <div class="js-np-target" data-username="flashwave_"></div>
{% endblock %}