{% set profilePics = collections.profiles %}

<section class="[ presentation ]">
  <div class="[ wrapper ]">
    <article>
      <div class="content">
        <h2>Qui sommes-nous ?</h2>
        <p>
          Astrolabe CAE est une scop spécialisée dans le développement de <strong>projets</strong> ou de prestation de <strong>services</strong> autour des métiers du <strong>numérique</strong> et du <strong>numérique responsable</strong>. 
          Notre objectif est de favoriser l’<strong>autonomie</strong> et l’<strong>émancipation</strong> de nos membres sur un modèle d’économie sociale et <strong>solidaire</strong> (ESS).
        </p>
      </div>
      <div class="side-info">
        {# <figure> #}
          <img src="/images/crew-join.svg" alt="équipage astrolabe" loading="lazy" style="width: 22rem;">
        {# </figure> #}
        <a role="button" href="/nous-rejoindre/" class="btn btn-primary">Nous rejoindre 
          <svg width="18" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.602 5.823L12.05.376a1.357 1.357 0 00-1.875 0 1.295 1.295 0 000 1.84l3.278 3.235H1.326C.587 5.451 0 6.027 0 6.752s.587 1.302 1.326 1.302h12.127l-3.278 3.215a1.295 1.295 0 000 1.84 1.349 1.349 0 001.894 0l5.533-5.427c.246-.242.398-.576.398-.93 0-.353-.133-.687-.398-.93z" fill="#111"></path></svg>
        </a>
      </div>
    </article>
    <article>
      <div class="content">
        <h2>Communs numérique</h2>
        <p>
          Chez Astrolabe nous utilisons, soutenons et faisons la promotion du <a href="https://fr.wikipedia.org/wiki/Logiciel_libre" target="_blank" rel="noreferrer noopener">logiciel libre</a>. Nous sommes membres du réseau <a href="https://socialgoodaccelerator.eu/fr/" target="_blank" rel="noreferrer noopener">SOGA</a> engagé pour une transition numérique juste, solidaire et durable. Nous mettons nos documents et projets internes sous licence libre, à disposition sur <a href="https://git.astrolabe.coop/explore/repos" target="_blank" rel="noreferrer noopener">notre instance Gitea</a>.
        </p>
      </div>
      <div class="side-info">
        <figure>
          <img src="/images/gitea.svg" alt="logo Gitea" loading="lazy" width="100" height="100">
        </figure>
         <a role="button" href="https://git.astrolabe.coop/explore/repos" class="btn btn-primary btn-icon" target="_blank" rel="noreferrer noopener">Gitea</a>
      </div>
    </article>
    <article>
      <div class="content">
        <h2>Des profils variés</h2>
        <p>
          Nos coopérateurs possèdent des compétences propres allant de développement linux embarqué au web design et créent ainsi la <b>pluralité</b> de nos prestations.
          <br><br>
          Nous sommes un <a href="/posts/organisme-formation-2026/" target="_blank" rel="noreferrer noopener">Organisme de Formation</a> afin que nos membres puissent partager leurs compétences via la formation professionnelle continue.
          <br><br>
          Nous sommes référencé chez des clients grand compte afin de permettres aux entrepreneur·es de pouvoir contractualiser directement avec les grandes entreprises.
          <br><br>
          Nous sommes détenteur de l'<a href="/posts/agrement-cir-2026/" target="_blank" rel="noreferrer noopener">Agrément CIR</a> utile pour nos membres qui travaillent dans le domaine de la R&D.
          <br><br>
          Nous sommes également <b>fournisseur de service SAAS</b> de la solution logicielle libre de gestion de CAE <a href="https://www.baloop-erp.fr/" target="_blank" rel="noreferrer noopener">Baloop</a>.
        </p>
      </div>
      <div class="side-info">
        <ul class="profile-preview">
          {% for profile in profilePics %}
          <li>
            <a href="{{ profile.data.url }}/" title="{{ profile.data.name }}">
              <img src="{{ profile.data.profile }}" alt="photo de {{ profile.data.name }}">
            </a>
          </li>
          {% endfor %}
        </ul>
        <a role="button" href="/equipe/" class="btn btn-primary">Voir l'équipe</a>
      </div>
    </article>
  </div>
</section>