<ul class="social-media-list">
  {%- if site.github_username -%}
  <li>
    <a
      href="https://github.com/{{ site.github_username| cgi_escape | escape }}"
    >
      <div class="svg-icon">
        {%- include icon-github.svg -%}
      </div>
      <span class="username">{{ site.github_username| escape }}</span>
    </a>
  </li>
  {%- endif -%} {%- if site.twitter_username -%}
  <li>
    <a
      href="https://www.twitter.com/{{ site.twitter_username| cgi_escape | escape }}"
    >
      <div class="svg-icon">
        {%- include icon-twitter.svg -%}
      </div>
      <span class="username">{{ site.twitter_username| escape }}</span>
    </a>
  </li>
  {%- endif -%}
</ul>
