<div class="sns-links">
  {{ with .Site.Params.contact }}
    <a href="{{ . }}">
      <i class="fa fa-envelope"></i>
    </a>
  {{ end }}
  {{ with .Site.Params.twitter }}
    <a href="https://twitter.com/{{ . }}" target="_blank">
      <i class="fa fa-twitter"></i>
    </a>
    {{ end }}
  {{ with .Site.Params.instagram }}
    <a href="https://instagram.com/{{ . }}" target="_blank">
      <i class="fa fa-instagram"></i>
    </a>
  {{ end }}
  {{ with .Site.Params.googleplus }}
    <a href="https://plus.google.com/+{{ . }}" target="_blank">
      <i class="fa fa-google"></i>
    </a>
  {{ end }}
  {{ with .Site.Params.facebook }}
    <a href="https://facebook.com/{{ . }}" target="_blank">
      <i class="fa fa-facebook"></i>
    </a>
  {{ end }}
  {{ with .Site.Params.github }}
    <a href="https://github.com/{{ . }}" target="_blank">
      <i class="fa fa-github"></i>
    </a>
  {{ end }}
  {{ with .Site.Params.gitlab }}
    <a href="https://gitlab.com/{{ . }}" target="_blank">
      <i class="fa fa-gitlab"></i>
    </a>
  {{ end }}
  {{ with .Site.Params.reddit }}
    <a href="https://reddit.com/user/{{ . }}" target="_blank">
      <i class="fa fa-reddit-alien"></i>
    </a>
  {{ end }}
  {{ with .Site.Params.hackernews }}
    <a href="https://news.ycombinator.com/user?id={{ . }}" target="_blank">
      <i class="fa fa-hacker-news"></i>
    </a>
  {{ end }}
  {{ with .Site.Params.stackoverflow }}
    <a href="https://stackoverflow.com/users/{{ . }}" target="_blank">
      <i class="fa fa-stack-overflow"></i>
    </a>
  {{ end }}
  {{ with .Site.Params.linkedin }}
    <a href="https://linkedin.com/in/{{ . }}" target="_blank">
      <i class="fa fa-linkedin"></i>
    </a>
  {{ end }}
  {{ with .Site.Params.keybase }}
    <a href="https://keybase.io/{{ . }}" target="_blank">
      <i class="fa fa-key"></i>
    </a>
  {{ end }}
</div>
