{%- assign social = site.jekyll-98.social_links -%}

{% unless include.hide_email %}
  {%- if site.author.email -%}
    <a
      target="_blank"
      class="social-icon"
      href="mailto:{{ site.author.email | cgi_escape | escape }}"
      title="{{ site.author.email | escape }}">
      <img src="{{ "/assets/social/Mail.png" | absolute_url }}" />
      {% if include.showname %}
        {{ site.author.email }}
      {%- endif -%}
    </a>
  {%- endif -%}
{% endunless %}
{%- if social.github -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://github.com/{{ social.github | cgi_escape | escape }}"
    title="{{ social.github | escape }}">
    <img src="{{ "/assets/social/github.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.github }}
    {% endif %}
  </a>
{%- endif -%}
{%- for glb in social.gitlab -%}
  {%- if glb.username and glb.instance -%}
    <a
      target="_blank"
      class="social-icon"
      rel="me"
      href="https://{{ glb.instance | cgi_escape | escape}}/{{glb.username}}"
      title="{{ glb.username | escape }}">
      <img src="{{ "/assets/social/gitlab.svg" | absolute_url }}" />
      {% if include.showname %}
        {{ glb.username }}
      {% endif %}
    </a>
  {%- endif -%}
{%- endfor -%}
{%- if social.instagram -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://www.instagram.com/{{ social.instagram | cgi_escape | escape }}"
    title="{{ social.instagram | escape }}">
    <img src="{{ "/assets/social/instagram.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.instagram }}
    {% endif %}
  </a>
{%- endif -%}
{%- if social.twitter -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://twitter.com/{{ social.twitter | cgi_escape | escape }}"
    title="{{ social.twitter | escape }}">
    <img src="{{ "/assets/social/twitter.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.twitter }}
    {% endif %}
  </a>
{%- endif -%}
{%- if social.twitch -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://twitch.com/{{ social.twitch | cgi_escape | escape }}"
    title="{{ social.twitch | escape }}">
    <img src="{{ "/assets/social/twitch.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.twitch }}
    {% endif %}
  </a>
{%- endif -%}
{%- if social.youtube -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://www.youtube.com/{{ social.youtube | cgi_escape | escape }}"
    title="{{ social.youtube | escape }}">
    <img src="{{ "/assets/social/youtube.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.youtube }}
    {% endif %}
  </a>
{%- endif -%}
{%- if social.youtube_channel -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://www.youtube.com/channel/{{ social.youtube_channel | cgi_escape | escape }}"
    title="{{ social.youtube_channel_name | escape | default: 'YouTube' }}"><img src="{{ "/assets/social/youtube.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.youtube_channel_name }}
    {% endif %}
  </a>
{%- endif -%}
{%- if social.facebook -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://www.facebook.com/{{ social.facebook | cgi_escape | escape }}"
    title="{{ social.facebook | escape }}"><img src="{{ "/assets/social/facebook.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.facebook }}
    {% endif %}
  </a>
{%- endif -%}
{%- if social.linkedin -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}"
    title="{{ social.linkedin | escape }}"><img src="{{ "/assets/social/linkedin.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.linkedin }}
    {% endif %}
  </a>
{%- endif -%}
{%- if social.stackoverflow -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://stackoverflow.com/users/{{ social.stackoverflow | cgi_escape | escape }}"
    title="{{ social.stackoverflow | escape }}"><img src="{{ "/assets/social/stackoverflow.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.stackoverflow }}
    {% endif %}
  </a>
{%- endif -%}
{%- if social.dribbble -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://dribbble.com/{{ social.dribbble | cgi_escape | escape }}"
    title="{{ social.dribbble | escape }}"><img src="{{ "/assets/social/dribble.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.dribbble }}
    {% endif %}
  </a>
{%- endif -%}
{%- if social.flickr -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://www.flickr.com/photos/{{ social.flickr | cgi_escape | escape }}"
    title="{{ social.flickr | escape }}"><img src="{{ "/assets/social/flickr.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.flickr }}
    {% endif %}
  </a>
{%- endif -%}
{%- if social.pinterest -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://www.pinterest.com/{{ social.pinterest | cgi_escape | escape }}"
    title="{{ social.pinterest | escape }}"><img src="{{ "/assets/social/pinterest.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.pinterest }}
    {% endif %}
  </a>
{%- endif -%}
{%- for mst in social.mastodon -%}
  {%- if mst.username and mst.instance -%}
    <a
      target="_blank"
      class="social-icon"
      rel="me"
      href="https://{{ mst.instance | cgi_escape | escape}}/@{{mst.username}}"
      title="{{ mst.username | escape }}"><img src="{{ "/assets/social/mastodon.svg" | absolute_url }}" />
      {% if include.showname %}
        {{ mst.username }}
      {% endif %}
    </a>
  {%- endif -%}
{%- endfor -%}
{%- if social.telegram -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://t.me/{{ social.telegram | cgi_escape | escape }}"
    title="{{ social.telegram | escape }}"><img src="{{ "/assets/social/telegram.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.telegram }}
    {% endif %}
  </a>
{%- endif -%}
{%- if social.keybase -%}
  <a
    target="_blank"
    class="social-icon"
    rel="me"
    href="https://keybase.io/{{ social.keybase | cgi_escape | escape }}"
    title="{{ social.keybase | escape }}"><img src="{{ "/assets/social/keybase.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.keybase }}
    {% endif %}
  </a>
{%- endif -%}
{%- if social.devto -%}
  <a
    target="_blank"
    class="social-icon"
    href="https://dev.to/{{ social.devto | cgi_escape | escape }}"
    title="{{ social.devto | escape }}">
    <img src="{{ "/assets/social/devto.svg" | absolute_url }}" />
    {% if include.showname %}
      {{ social.devto }}
    {% endif %}
  </a>
{%- endif -%}