{% set isHidden = page.contentProperties.isMemberOnly and app.user == null %}<section class="slice slice--documents"> <div class="fluid-grid"> <div class="row"> <div class="col-12 lg-col-8 lg-col-offset-2"> <h2 class="title--L text-orange font-weight-semibold">{{ slice.title}}</h2> {% if slice.text is defined and slice.text is not null %} <div class="paragraph--M wysiwyg mt-6 lg:mt-8"> {{slice.text|raw}} </div> {% endif %} {% if slice.documents|length > 0 and not isHidden %} <ul class="documents-list list-none mt-6"> {% for document in slice.documents %} <li {% if loop.index0 > 0 %}class="mt-4"{% endif %}> <a onclick="gtag('event', 'telecharger-document', {'button_text': 'telecharger-document'});" href="{{ cloudinary_media(document.doc.singleMedia) }}" target="_blank" rel="noopener" class="documents-list__item w-full p-6 inline-flex justify-between items-center"> <div class="w-3/4 paragraph--M text-grey-dark font-weight-medium">{{ document.documentName}}</div> <div class="picto relative bg-orange round shrink-0"> <svg width="18" height="18" class="icon icon--white abs-center" aria-hidden="true"> <use href="#icon-download" xlink:href="#icon-download"></use> </svg> </div> </a> </li> {% endfor %} </ul> {% endif %} </div> </div> </div></section>