o-k-i.net/src/_includes/partials/fediverse.njk

<section id="services-libres" class="fediverse">
    <div class="section-container">
        <h2>Nos <span class="accent-text">services hébergés</span></h2>
        <p class="section-subtitle">
            Des alternatives libres aux géants du web, vos données restent sous votre contrôle, pas dans les serveurs de Google ou d'Amazon.
        </p>

        <div class="services-grid">
            {% for service in services %}
            <div class="service-card">
                <div class="service-icon">{{ service.icon }}</div>
                <h3>{{ service.name }}</h3>
                <div class="service-platform">{{ service.platform }}</div>
                <p class="service-description">
                    {{ service.description }}
                </p>
                <a href="{{ service.url }}" target="_blank" class="service-link">
                    {{ service.linkText }} →
                </a>
            </div>
            {% endfor %}
        </div>
    </div>
</section>