website/_includes/staff/cmaradonna.html

<div class="card border-0 shadow">
    {%- capture alt_cmaradonna %}
        {%- t meta.alt.cmaradonna %}
    {%- endcapture %}
    {% asset cmaradonna.webp class="card-img-top" alt="{{ alt_cmaradonna }}" %}
    <div class="card-body">
        <h5 class="card-title">Claudio Maradonna</h5>
        <p class="card-text">{% t staff.cmaradonna.text %}</p>
    </div>
    <ul class="list-group list-group-flush ml-0">
        <li class="list-group-item">
            <a rel="nofollow" target="_blank" class="mr-2" href="{% t staff.cmaradonna.mastodon_url %}">
                <i class="fab fa-mastodon"></i>
                Mastodon
            </a>
        </li>
        <li class="list-group-item">
            <a rel="nofollow" target="_blank" href="{% t staff.cmaradonna.gitea_url %}">
                <i class="fab fa-gitea"></i>
                Gitea
            </a>
        </li>
        <li class="list-group-item">
            <a rel="nofollow" target="_blank" href="{% t staff.cmaradonna.gitlab_url %}">
                <i class="fab fa-gitlab "></i>
                GitLab
            </a>
        </li>
        <li class="list-group-item">
            <a rel="nofollow" target="_blank" class="mr-2" href="{% t staff.cmaradonna.github_url %}">
                <i class="fab fa-github-circled "></i>
                GitHub
            </a>
        </li>
    </ul>
</div>