{% extends "_base.html" %}
{% from "_icons.html" import social_icon_classes %}
{% block title %}{{ profile.given_name }} {{ profile.family_name }} — Links{% endblock %}
{% block meta_description %}{{ (seo | default({})).meta_description_home | default('', true) | trim or (profile.summary | default('', true) | trim) }}{% endblock %}
{% block extra_head %}
{% if base_url %}
{% set na = namespace(same_as=[]) %}
{% for l in links | default([]) %}
  {% if l.url is defined and (l.url.startswith('http://') or l.url.startswith('https://')) %}
    {% set na.same_as = na.same_as + [l.url] %}
  {% endif %}
{% endfor %}
{% set full_name = (profile.given_name ~ ' ' ~ profile.family_name) | trim %}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Person",
  "name": {{ full_name | tojson }},
  "url": {{ (base_url ~ '/' ~ page_path) | tojson }}{% if profile.subtitle %},
  "jobTitle": {{ profile.subtitle | tojson }}{% endif %}{% if profile.email %},
  "email": {{ profile.email | tojson }}{% endif %}{% if na.same_as %},
  "sameAs": {{ na.same_as | tojson }}{% endif %}
}
</script>
{% endif %}
{% endblock %}
{% block body %}
{% set p = plugins | default({}) %}
<div class="profile">
  <div class="profile__avatar-wrap{% if p.avatar == 'float-on-hover' %} profile__avatar-wrap--plugin-float-on-hover{% endif %}">
    {% if profile.avatar %}
    {% set _avatar_custom = profile.avatar_alt | default('', true) | trim %}
    {% set _avatar_name = ((profile.given_name | default('', true)) ~ ' ' ~ (profile.family_name | default('', true))) | trim %}
    {% set _avatar_alt = _avatar_custom if _avatar_custom else ('Portrait of ' ~ _avatar_name if _avatar_name else 'Profile picture') %}
    <img class="profile__avatar" src="static/{{ profile.avatar | e }}" width="140" height="140" alt="{{ _avatar_alt | e }}">
    {% else %}
    <div class="profile__avatar profile__avatar--placeholder" aria-hidden="true">
      <span class="profile__initials">{% if profile.given_name %}{{ profile.given_name[0] }}{% endif %}{% if profile.family_name %}{{ profile.family_name[0] }}{% endif %}</span>
    </div>
    {% endif %}
  </div>
  <h2 class="profile__name">{{ profile.given_name }} {{ profile.family_name }}</h2>
  {% if profile.subtitle %}
  <p class="profile__subtitle">{{ profile.subtitle }}</p>
  {% endif %}
  <ul class="profile-socials" role="list">
    {% for link in links %}
    <li>
      <a class="social-icon" href="{{ link.url }}" rel="noopener noreferrer" aria-label="{{ link.label | e }}">
        <span class="visually-hidden">{{ link.label }}</span>
        <i class="{{ social_icon_classes(link) }}" aria-hidden="true"></i>
      </a>
    </li>
    {% endfor %}
  </ul>
  <p class="profile__cta"><a href="cv.html">View CV</a></p>
</div>
{% endblock %}