<div class="social">
  <ul class="social-links">
    {{- with .Site.Params.Social.Email -}}
      <li><a href="{{- . -}}" title="Email"><i class="fa fa-envelope"></i></a></li>
    {{ end }}

    {{- with .Site.Params.Social.Mastodon -}}
      <li><a href="https://{{- . -}}" title="Mastodon" rel="me"><i class="fab fa-mastodon"></i></a></li>
    {{ end }}

    {{- with .Site.Params.Social.Twitter -}}
      <li><a href="https://twitter.com/{{- . -}}" title="Twitter"><i class="fab fa-twitter"></i></a></li>
    {{ end }}

    {{- with .Site.Params.Social.Diaspora -}}
      <li><a href="https://{{- . -}}" title="Diaspora"><i class="fab fa-diaspora"></i></a></li>
    {{ end }}

    {{- with .Site.Params.Social.Stackoverflow -}}
      <li><a href="https://stackoverflow.com/{{- . -}}" title="Stackoverflow"><i class="fab fa-stack-overflow"></i></a></li>
    {{ end }}

    {{- with .Site.Params.Social.Git -}}
      <li><a href="{{- . -}}" title="Git"><i class="fab fa-git"></i></a></li>
    {{ end }}

    {{- with .Site.Params.Social.Github -}}
      <li><a href="https://github.com/{{- . -}}" title="Github"><i class="fab fa-github"></i></a></li>
    {{ end }}

    {{- with .Site.Params.Social.LinkedIn -}}
      <li><a href="https://linkedin.com/in/{{- . -}}" title="LinkedIn"><i class="fab fa-linkedin"></i></a></li>
    {{ end }}
  </ul>
</div>
