<p class=“social-media-sentence”>
Find me on {%- if site.dribbble_username -%} <span><a href="https://dribbble.com/{{ site.dribbble_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/narwhal-social-icons.svg#dribbble' | relative_url }}"></use></svg><span class="username">Dribbble</span></a></span>{%- endif -%} {%- if site.facebook_username -%} <span><a href="https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/narwhal-social-icons.svg#facebook' | relative_url }}"></use></svg><span class="username">Facebook</span></a></span>{%- endif -%} {%- if site.flickr_username -%} <span><a href="https://www.flickr.com/photos/{{ site.flickr_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/narwhal-social-icons.svg#flickr' | relative_url }}"></use></svg><span class="username">Flickr</span></a></span>{%- endif -%} {%- if site.github_username -%} <span><a href="https://github.com/{{ site.github_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/narwhal-social-icons.svg#github' | relative_url }}"></use></svg><span class="username">Github</span></a></span>{%- endif -%} {%- if site.instagram_username -%} <span><a href="https://instagram.com/{{ site.instagram_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/narwhal-social-icons.svg#instagram' | relative_url }}"></use></svg><span class="username">Instagram</span></a></span>{%- endif -%} {%- if site.linkedin_username -%} <span><a href="https://www.linkedin.com/in/{{ site.linkedin_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/narwhal-social-icons.svg#linkedin' | relative_url }}"></use></svg><span class="username">LinkedIn</span></a></span>{%- endif -%} {%- if site.pinterest_username -%} <span><a href="https://www.pinterest.com/{{ site.pinterest_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/narwhal-social-icons.svg#pinterest' | relative_url }}"></use></svg><span class="username">Pinterest</span></a></span>{%- endif -%} {%- for mst in site.mastodon -%}{%- if mst.username and mst.instance -%} <span><a href="https://{{ mst.instance| cgi_escape | escape}}/@{{mst.username}}"><svg class="svg-icon"><use xlink:href="{{ '/assets/narwhal-social-icons.svg#mastodon' | relative_url }}"></use></svg><span class="username">Mastodon</span></a></span>{%- endif -%}{%- endfor -%} {%- if site.twitter_username -%} <span><a href="https://www.twitter.com/{{ site.twitter_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/narwhal-social-icons.svg#twitter' | relative_url }}"></use></svg><span class="username">Twitter</span></a></span>{%- endif -%} {%- if site.youtube_username -%} <span><a href="https://youtube.com/{{ site.youtube_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/narwhal-social-icons.svg#youtube' | relative_url }}"></use></svg><span class="username">YouTube</span></a></span>{%- endif -%} {%- if site.googleplus_username -%} <span><a href="https://plus.google.com/{{ site.googleplus_username| escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/narwhal-social-icons.svg#googleplus' | relative_url }}"></use></svg><span class="username">Google Plus</span></a></span>{%- endif -%} {%- if site.rss -%} <span>subscribe with <a href="{{ 'feed.xml' | relative_url }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/narwhal-social-icons.svg#rss' | relative_url }}"></use></svg><span>RSS</span></a></span>{%- endif -%} {%- if site.email -%} <span>email me at <a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></span>{%- endif -%} .
</p>