SiteWebAstrolabe/src/_includes/partials/components/presentation.njk

{% 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 la prestation de <strong>services</strong> autour des métiers du <strong>numérique</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>.
        </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 aimons et faisons la promotion du <b>logiciel libre</b>. Nos sommes membres d’<a href="http://www.alliance-libre.org/" target="_blank">Alliance Libre</a>
          et nous mettons nos documents et projets internes à disposition sur notre gitlab.
        </p>
      </div>
      <div class="side-info">
        <figure>
          <img src="/images/gitlab.svg" alt="logo Gitlab" loading="lazy" width="110" height="101">
        </figure>
        {# <a role="button" href="https://framagit.org/astrolabe" class="btn btn-primary btn-icon" target="_blank">
          <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.929 13.407l-1.26-3.86a.552.552 0 00-.03-.104l-2.525-7.76A1.002 1.002 0 0019.155 1a.988.988 0 00-.947.689l-2.407 7.394H8.203l-2.41-7.394A.985.985 0 004.848 1h-.005a1.008 1.008 0 00-.956.69L1.36 9.458c0 .007-.006.013-.008.02l-1.281 3.93a1.431 1.431 0 00.522 1.605l11.072 8.03a.568.568 0 00.669-.004l11.074-8.026a1.433 1.433 0 00.52-1.606zm-16.55-3.189l3.086 9.48-7.409-9.48H7.38zm6.16 9.483l2.96-9.09.127-.393h4.326l-6.703 8.57-.71.913zm5.626-17.284l2.169 6.666h-4.34l2.171-6.666zm-3.732 7.797l-2.15 6.604L12 20.752 8.572 10.214h6.861zM4.84 2.417L7.01 9.083H2.673L4.84 2.417zm-3.58 11.681a.305.305 0 01-.11-.341l.951-2.919 6.979 8.93-7.82-5.67zm21.483 0l-7.82 5.669.026-.034 6.952-8.895.952 2.918a.304.304 0 01-.11.342" fill="#111"/></svg>
          Gitlab
        </a> #}
         <a role="button" href="https://framagit.org/astrolabe" class="btn btn-primary btn-icon" target="_blank">Gitlab</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 également <b>distributeurs</b> de la solution logicielle <a href="https://www.crealead.com/naega#bootstrap-fieldgroup-nav-item--prsentation" target="_blank">Naega</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>