{% macro social_link(name, icon_name, link) %}
  <a class="{{class_prefix}}--link" target="_blank" href="{{link}}">
    <img class="{{class_prefix}}--link-icon" src="/img/{{icon_name}}" alt-text="{{name}}"></img>
  </a>
{% endmacro %}

{{ social_link('Steam', 'steam-fill.svg', 'https://store.steampowered.com/dev/frog-collective') }}
{{ social_link('Itch.io', 'itchio-fill.svg', 'https://frog-collective.itch.io/') }}
{{ social_link('Discord', 'discord-fill.svg', 'https://discord.gg/GzmYu7Vu4s') }}
{{ social_link('Youtube', 'youtube-fill.svg', 'https://www.youtube.com/@frog-collective') }}
{{ social_link('Twitch', 'twitch-fill.svg', 'https://www.twitch.tv/frogcollective') }}
{{ social_link('Mastodon', 'mastodon-fill.svg', 'https://mastodon.social/@frogcollective') }}
{{ social_link('Bluesky', 'bluesky-fill.svg', 'https://bsky.app/profile/frogcollective.bsky.social') }}
{{ social_link('Twitter - X', 'twitter-x-line.svg', 'https://x.com/FrogCoGames') }}