{%- assign social = site.oscailte.social -%}

<div class="Social">
  <ul class="Social__list o-list-bare">
    {%- if social.dribbble -%}<li class="Social__item Social__item--dribbble o-no-owl"><a class="Social__link" rel="me" href="https://dribbble.com/{{ social.dribbble | cgi_escape | escape }}" title="Dribbble"> {%- include icon.html icon="dribbble" -%} </a></li>{%- endif -%}
    {%- if social.facebook -%}<li class="Social__item Social__item--facebook o-no-owl"><a class="Social__link" rel="me" href="https://www.facebook.com/{{ social.facebook | cgi_escape | escape }}" title="Facebook"> {%- include icon.html icon="facebook" -%} </a></li>{%- endif -%}
    {%- if social.flickr -%}<li class="Social__item Social__item--flickr o-no-owl"><a class="Social__link" rel="me" href="https://www.flickr.com/photos/{{ social.flickr | cgi_escape | escape }}" title="Flickr"> {%- include icon.html icon="flickr" -%} </a></li>{%- endif -%}
    {%- if social.github -%}<li class="Social__item Social__item--github o-no-owl"><a class="Social__link" rel="me" href="https://github.com/{{ social.github | cgi_escape | escape }}" title="Github"> {%- include icon.html icon="github" -%} </a></li>{%- endif -%}
    {%- if social.instagram -%}<li class="Social__item Social__item--instagram o-no-owl"><a class="Social__link" rel="me" href="https://www.instagram.com/{{ social.instagram | cgi_escape | escape }}" title="Instagram"> {%- include icon.html icon="instagram" -%} </a></li>{%- endif -%}
    {%- if social.keybase -%}<li class="Social__item Social__item--keybase o-no-owl"><a class="Social__link" rel="me" href="https://keybase.io/{{ social.keybase | cgi_escape | escape }}" title="Keybase"> {%- include icon.html icon="keybase" -%} </a></li>{%- endif -%}
    {%- if social.linkedin -%}<li class="Social__item Social__item--linkedin o-no-owl"><a class="Social__link" rel="me" href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}" title="LinkedIn"> {%- include icon.html icon="linkedin" -%} </a></li>{%- endif -%}
    {%- if social.mastodon -%}<li class="Social__item Social__item--mastodon o-no-owl"><a class="Social__link" rel="me" href="{{ social.mastodon | uri_escape }}" title="Mastodon"> {%- include icon.html icon="mastodon" -%} </a></li>{%- endif -%}
    {%- if social.pinterest -%}<li class="Social__item Social__item--pinterest o-no-owl"><a class="Social__link" rel="me" href="https://www.pinterest.com/{{ social.pinterest | cgi_escape | escape }}" title="Pinterest"> {%- include icon.html icon="pinterest" -%} </a></li>{%- endif -%}
    {%- if social.telegram -%}<li class="Social__item Social__item--telegram o-no-owl"><a class="Social__link" rel="me" href="https://t.me/{{ social.telegram | cgi_escape | escape }}" title="Telegram"> {%- include icon.html icon="telegram" -%} </a></li>{%- endif -%}
    {%- if social.twitter -%}<li class="Social__item Social__item--twitter o-no-owl"><a class="Social__link" rel="me" href="https://twitter.com/{{ social.twitter | cgi_escape | escape }}" title="Twitter"> {%- include icon.html icon="twitter" -%} </a></li>{%- endif -%}
    {%- if social.rss -%}<li class="Social__item Social__item--rss o-no-owl"><a class="Social__link" rel="me" href="{{ 'feed.xml' | relative_url }}" title="RSS Feed"> {%- include icon.html icon="rss" -%} </a></li>{%- endif -%}
  </ul>
</div>