website/_includes/staff/cmaradonna.html

<div class="card border-0 shadow">
    {% asset cmaradonna.webp class="card-img-top" %}
    <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 %}">
                Mastodon
            </a>
        </li>
        <li class="list-group-item">
            <a rel="nofollow" target="_blank" href="{% t staff.cmaradonna.gitea_url %}">
                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>