<turbo-stream action="append" target="feeds"><template>
    <div class="col p-0 my-0 mx-auto position-relative d-flex flex-row justify-content-center overflow-hidden">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHhNekk0OmZlYXR1cmVzIg==--d403ef51f43a2f5c1fd3bd6b48dd695fa29049746879fc6c99d177885378747a"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_1328">
      <article class="card rounded-0 border-0 p-0 shadow-none">
        <!-- Share user / Share context menu -->
        <div class="card-header py-2 px-2 px-lg-0 bg-transparent border-0">
          <div class="p-1">
              <div class="mb-2 fs-xs">
                <b>Sacoddo</b> repartager
                <a data-turbo="false" class="" href="/fr/explore/shares/981">
                    <b>Nouzha Nouzha publication.</b>
</a>              </div>
            <div class="d-flex justify-content-between align-items-center">
              <!-- Share user -->
              <div class="">
                <a data-turbo="false" class="d-flex align-items-center text-decoration-none w-100 gap-3" href="/fr/users/sacoddo">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="commercial@sacoddo.com" class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbkJLIiwiZXhwIjoiMjAyNi0wNC0xN1QyMDowMDowNy4wMzVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--d7419d25faca29bdec9a688269fa8ccb6e41c1c5/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/1000038471.jpg?locale=fr" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> Sacoddo
                        <div class="position-relative mt-n1" style="width: 14px">
                          <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.07 39.07">
                            <g id="Layer_1-2" data-name="Layer 1">
                              <path class="cls-3" d="m39.07,19.54c0,1.68-1.7,3.12-2.11,4.67s.31,3.7-.5,5.1-3.01,1.82-4.17,2.98c-1.16,1.16-1.56,3.34-2.98,4.17s-3.5.07-5.1.5-2.99,2.11-4.67,2.11-3.12-1.7-4.67-2.11-3.7.31-5.1-.5-1.82-3.01-2.98-4.17-3.34-1.56-4.17-2.98-.07-3.5-.5-5.1-2.11-2.99-2.11-4.67,1.7-3.12,2.11-4.67-.31-3.7.5-5.1,3.01-1.82,4.17-2.98,1.56-3.34,2.98-4.17,3.5-.07,5.1-.5,2.99-2.11,4.67-2.11,3.12,1.7,4.67,2.11,3.7-.31,5.1.5,1.82,3.01,2.98,4.17,3.34,1.56,4.17,2.98.07,3.5.5,5.1,2.11,2.99,2.11,4.67Z"/>
                              <path class="cls-2" d="m28.29,11.21c.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02.59.6.6,1.56.02,2.17l-12.22,14.44c-.56.62-1.52.66-2.14.1-.02-.02-.04-.04-.06-.06l-7.43-7.53c-.6-.61-.6-1.58,0-2.19.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02l6.31,6.39,11.16-13.27.04-.05Z"/>
                            </g>
                          </svg>
                        </div>
                    </h6>
                    <div class="fs-xs me-2 pe-1 mt-n1">
                      25 jours
                    </div>
                  </div>
</a>              </div>
            </div>
          </div>
        </div>
        <div class="card-body p-0 border-0">
          <!-- This section depends on article -->
              <div class="">
                <article class="card border-0 rounded-4 bg-body-tertiary">
  <div class="card-body p-0 border-0">
      <div class="position-relative">
        <div class="">
            <div class="d-flex w-100 h-100" style="max-height: 57.67vh !important; min-height: 15rem !important;">
    <div class="slide w-100 h-100 m-0 position-relative" data-controller="share-slider" data-share-slider-mode-value="article">
      <div class="slide-items-create d-none">
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcVZVIiwiZXhwIjoiMjAyNi0wNC0xN1QyMDowMDowNy4wNzJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--51106c0e611bb2b2bf89f98bb2d672edbe9b86cd/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_6336.jpeg?locale=fr"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:828,&quot;height&quot;:1477,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TyJ*n_xZWB%%a}ayV[RkofM_oIof&quot;,&quot;blurhash_components_x&quot;:3,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcVpVIiwiZXhwIjoiMjAyNi0wNC0xN1QyMDowMDowNy4wNzdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--50facb9b9794b4cd63aec84340c3a424301111ae/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_6325.jpeg?locale=fr"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3024,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;U#AdZ^R+j?aytpjtayjsS5j@a}juV?ayj?a#&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcWRVIiwiZXhwIjoiMjAyNi0wNC0xN1QyMDowMDowNy4wODVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--b38f0b38db666ab9b542bc28196aad4302cafe8e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_6277.jpeg?locale=fr"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3024,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;U,LEE1slt6oJ%%WCf6WCS%W=Rka#nis:t6oL&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcWhVIiwiZXhwIjoiMjAyNi0wNC0xN1QyMDowMDowNy4wOTFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--a088bf0adfd47e00862ea377530db47d07f21ab4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_6275.jpeg?locale=fr"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3024,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;U_M@DzWUt6WCyZayfQj@RQofWBj[Mxj@oJay&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
      </div>
      <div class="slide-items d-grid h-100 rounded-0" style="max-height: 57.67vh !important; min-height: 15rem !important;"></div>
      <nav class="d-none slide-thumbs-indicator position-absolute top-0 end-0 m-2 btn btn-xs bg-blur text-light py-1"></nav>
      <div class="position-absolute bottom-0 end-0 slide-nav-btns w-100 d-flex justify-content-end p-2 gap-1 d-none" >
        <button class="btn btn-xs btn-icon slide-prev bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-left rtl-flip fs-lg"></i>
        </button>
        <button class="btn btn-xs btn-icon slide-next bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-right rtl-flip fs-lg"></i>
        </button>
      </div>
    </div>
  </div>

        </div>
      </div>
  </div>
  <div class="card-footer border-top-0 rounded-0 p-3 bg-transparent">
    <div class="d-flex justify-content-between mb-2">
      <!-- Share user -->
      <div>
        <a data-turbo="false" class="d-flex align-items-center text-decoration-none w-100 gap-3" href="/fr/users/khadidja2004-bouaicha">
          <div class="ratio ratio-1x1 bo-body-tertiary rounded-4 overflow-hidden" style="width: 40px !important; height: 40px">
              <img alt="khadidjabouaicha03@gmail.com" width="40px" height="40px" class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaHN5IiwiZXhwIjoiMjAyNi0wNC0xN1QyMDowMDowNy4xMDVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--b3f0d3fbfa22032fd87ada597b5937f3dc42d6ce/IMG_5226.png?locale=fr" />
          </div>
          <div class="">
            <div class="d-flex align-items-center">
              <h6 class="fs-sm text-nav lh-base mb-1 d-flex gap-2 align-items-center">
                Nouzha Nouzha
                  <div class="position-relative mt-n1" style="width: 14px">
                    <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.07 39.07">
                      <g id="Layer_1-2" data-name="Layer 1">
                        <path class="cls-3" d="m39.07,19.54c0,1.68-1.7,3.12-2.11,4.67s.31,3.7-.5,5.1-3.01,1.82-4.17,2.98c-1.16,1.16-1.56,3.34-2.98,4.17s-3.5.07-5.1.5-2.99,2.11-4.67,2.11-3.12-1.7-4.67-2.11-3.7.31-5.1-.5-1.82-3.01-2.98-4.17-3.34-1.56-4.17-2.98-.07-3.5-.5-5.1-2.11-2.99-2.11-4.67,1.7-3.12,2.11-4.67-.31-3.7.5-5.1,3.01-1.82,4.17-2.98,1.56-3.34,2.98-4.17,3.5-.07,5.1-.5,2.99-2.11,4.67-2.11,3.12,1.7,4.67,2.11,3.7-.31,5.1.5,1.82,3.01,2.98,4.17,3.34,1.56,4.17,2.98.07,3.5.5,5.1,2.11,2.99,2.11,4.67Z"/>
                        <path class="cls-2" d="m28.29,11.21c.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02.59.6.6,1.56.02,2.17l-12.22,14.44c-.56.62-1.52.66-2.14.1-.02-.02-.04-.04-.06-.06l-7.43-7.53c-.6-.61-.6-1.58,0-2.19.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02l6.31,6.39,11.16-13.27.04-.05Z"/>
                      </g>
                    </svg>
                  </div>
              </h6>
            </div>
            <div class="d-flex text-blue-300 fs-xs mt-n1">
              <span class="me-2 pe-1">
                11 mois
              </span>
            </div>
          </div>
</a>      </div>
    </div>
    <!-- Contents -->
      <div class="" data-controller="see-more-less content-translator"
                data-content-translator-languagetarget-value="fr"
                data-see-more-less-more-value="see more"
                data-see-more-less-less-value="see less">
        <div class="">
          <div class="article fs-sm share-content-box line-clamp-3" data-see-more-less-target="content">
            <div>
              <div dir="auto" class="mb-2" data-content-translator-target="originText" >
                <div class="trix-content">
  <div>Un instant paisible à dos de cheval.❤️</div>
</div>

              </div>
              <div class="d-none border px-2 py-3 rounded-3 mb-2" data-content-translator-target="translatedText"></div>
            </div>
          </div>
          <div class="d-flex align-items-center gap-2">
              <button class="btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="translateBtn" data-action="click->content-translator#translate">
                <span class="fw-normal">Voir la traduction</span>
              </button>
              <button class="d-none btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="seeTranslationBtn" data-action="click->content-translator#toggleBtn">
                <span class="fw-normal">Voir la traduction</span>
              </button>
              <button class="d-none btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="backOriginBtn" data-action="click->content-translator#toggleBtn">
                <span class="fw-normal">afficher l&#39;original</span>
              </button>
          </div>
        </div>
      </div>
  </div>
</article>

              </div>
        </div>
        <!-- This section depends on share -->
        <div class="card-footer py-0 px-2 px-lg-0 border-0 bg-transparent">
          <div class="d-flex justify-content-between align-items-center ms-lg-n2">
            <!-- Reactions/ Comments/ Shares -->
            <div class="d-flex justify-content-end">
              <!-- Reactions -->
              <div class="d-flex align-items-center">
                  <button type="button" class="btn btn-lg btn-outline-secondary border-0 px-3">
                    <i class="fi-heart me-2 ms-n1" style="font-size: 24px"></i>
                    <span id="share_1328_reaction_count">
  2
</span>

                  </button>
              </div>
              <!-- Comments -->
              <div class="d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#commentable_comments_loads">
                <a data-turbo-frame="commentable_comments_load" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/fr/explore/shares/1328/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_1328_comments_count">
  0
</div>

</a>              </div>
              <!-- Shares -->
            </div>
            <!-- Preiew -->
            <div class="d-flex align-items-center d-none">
              <a data-turbo="false" class="btn btn-outline-secondary border-0" href="/fr/explore/shares/1328">
                Voir
                <i class="fi-chevron-right m-0 ms-2 me-n "></i>
</a>            </div>
          </div>
        </div>
      </article>
  <hr>
</turbo-frame>
    </div>
    <div class="col p-0 my-0 mx-auto position-relative d-flex flex-row justify-content-center overflow-hidden">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHhNekkzOmZlYXR1cmVzIg==--c5961c655404e0e5c295d4d65a931fda4971dd2ec6a69877bca82521e7df21d2"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_1327">
      <article class="card rounded-0 border-0 p-0 shadow-none">
        <!-- Share user / Share context menu -->
        <div class="card-header py-2 px-2 px-lg-0 bg-transparent border-0">
          <div class="p-1">
              <div class="mb-2 fs-xs">
                <b>Sacoddo</b> repartager
                <a data-turbo="false" class="" href="/fr/explore/shares/660">
                    <b>Atelier Horra Art publication.</b>
</a>              </div>
            <div class="d-flex justify-content-between align-items-center">
              <!-- Share user -->
              <div class="">
                <a data-turbo="false" class="d-flex align-items-center text-decoration-none w-100 gap-3" href="/fr/users/sacoddo">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="commercial@sacoddo.com" class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbkJLIiwiZXhwIjoiMjAyNi0wNC0xN1QyMDowMDowNy4xNTFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--23f042aff1b72161d08b17c3891f2e741135314a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/1000038471.jpg?locale=fr" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> Sacoddo
                        <div class="position-relative mt-n1" style="width: 14px">
                          <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.07 39.07">
                            <g id="Layer_1-2" data-name="Layer 1">
                              <path class="cls-3" d="m39.07,19.54c0,1.68-1.7,3.12-2.11,4.67s.31,3.7-.5,5.1-3.01,1.82-4.17,2.98c-1.16,1.16-1.56,3.34-2.98,4.17s-3.5.07-5.1.5-2.99,2.11-4.67,2.11-3.12-1.7-4.67-2.11-3.7.31-5.1-.5-1.82-3.01-2.98-4.17-3.34-1.56-4.17-2.98-.07-3.5-.5-5.1-2.11-2.99-2.11-4.67,1.7-3.12,2.11-4.67-.31-3.7.5-5.1,3.01-1.82,4.17-2.98,1.56-3.34,2.98-4.17,3.5-.07,5.1-.5,2.99-2.11,4.67-2.11,3.12,1.7,4.67,2.11,3.7-.31,5.1.5,1.82,3.01,2.98,4.17,3.34,1.56,4.17,2.98.07,3.5.5,5.1,2.11,2.99,2.11,4.67Z"/>
                              <path class="cls-2" d="m28.29,11.21c.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02.59.6.6,1.56.02,2.17l-12.22,14.44c-.56.62-1.52.66-2.14.1-.02-.02-.04-.04-.06-.06l-7.43-7.53c-.6-.61-.6-1.58,0-2.19.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02l6.31,6.39,11.16-13.27.04-.05Z"/>
                            </g>
                          </svg>
                        </div>
                    </h6>
                    <div class="fs-xs me-2 pe-1 mt-n1">
                      25 jours
                    </div>
                  </div>
</a>              </div>
            </div>
          </div>
        </div>
        <div class="card-body p-0 border-0">
          <!-- This section depends on article -->
              <div class="">
                <article class="card border-0 rounded-4 bg-body-tertiary">
  <div class="card-body p-0 border-0">
      <div class="position-relative">
        <div class="">
            <div class="d-flex w-100 h-100" style="max-height: 57.67vh !important; min-height: 15rem !important;">
    <div class="slide w-100 h-100 m-0 position-relative" data-controller="share-slider" data-share-slider-mode-value="article">
      <div class="slide-items-create d-none">
            <div class="gallery-video"
                            data-video-src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcHdzIiwiZXhwIjoiMjAyNi0wNC0xN1QyMDowMDowNy4xNjlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--adc038a96e8fb3657aa97911d254d0519c2e38d4/IMG_7097.MOV?locale=fr#t=0.5"
                            data-video-metadata="{&quot;identified&quot;:true,&quot;width&quot;:720.0,&quot;height&quot;:1280.0,&quot;duration&quot;:65.933333,&quot;audio&quot;:true,&quot;video&quot;:true,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TmI#16VYx]~pM{tR.9S$kWxWxtf8&quot;,&quot;blurhash_components_x&quot;:3,&quot;blurhash_components_y&quot;:4}"></div>
      </div>
      <div class="slide-items d-grid h-100 rounded-0" style="max-height: 57.67vh !important; min-height: 15rem !important;"></div>
      <nav class="d-none slide-thumbs-indicator position-absolute top-0 end-0 m-2 btn btn-xs bg-blur text-light py-1"></nav>
      <div class="position-absolute bottom-0 end-0 slide-nav-btns w-100 d-flex justify-content-end p-2 gap-1 d-none" >
        <button class="btn btn-xs btn-icon slide-prev bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-left rtl-flip fs-lg"></i>
        </button>
        <button class="btn btn-xs btn-icon slide-next bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-right rtl-flip fs-lg"></i>
        </button>
      </div>
    </div>
  </div>

        </div>
      </div>
  </div>
  <div class="card-footer border-top-0 rounded-0 p-3 bg-transparent">
    <div class="d-flex justify-content-between mb-2">
      <!-- Share user -->
      <div>
        <a data-turbo="false" class="d-flex align-items-center text-decoration-none w-100 gap-3" href="/fr/users/salima-silali">
          <div class="ratio ratio-1x1 bo-body-tertiary rounded-4 overflow-hidden" style="width: 40px !important; height: 40px">
              <img alt="silalisalima@gmail.com" width="40px" height="40px" class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdllyIiwiZXhwIjoiMjAyNi0wNC0xN1QyMDowMDowNy4xODBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--722cce332be876dd7cc16e1271bc2ae6e8c36640/85617412-6F73-4E18-9A78-1B228DBDEBD5.jpeg?locale=fr" />
          </div>
          <div class="">
            <div class="d-flex align-items-center">
              <h6 class="fs-sm text-nav lh-base mb-1 d-flex gap-2 align-items-center">
                Atelier Horra Art
                  <div class="position-relative mt-n1" style="width: 14px">
                    <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.07 39.07">
                      <g id="Layer_1-2" data-name="Layer 1">
                        <path class="cls-3" d="m39.07,19.54c0,1.68-1.7,3.12-2.11,4.67s.31,3.7-.5,5.1-3.01,1.82-4.17,2.98c-1.16,1.16-1.56,3.34-2.98,4.17s-3.5.07-5.1.5-2.99,2.11-4.67,2.11-3.12-1.7-4.67-2.11-3.7.31-5.1-.5-1.82-3.01-2.98-4.17-3.34-1.56-4.17-2.98-.07-3.5-.5-5.1-2.11-2.99-2.11-4.67,1.7-3.12,2.11-4.67-.31-3.7.5-5.1,3.01-1.82,4.17-2.98,1.56-3.34,2.98-4.17,3.5-.07,5.1-.5,2.99-2.11,4.67-2.11,3.12,1.7,4.67,2.11,3.7-.31,5.1.5,1.82,3.01,2.98,4.17,3.34,1.56,4.17,2.98.07,3.5.5,5.1,2.11,2.99,2.11,4.67Z"/>
                        <path class="cls-2" d="m28.29,11.21c.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02.59.6.6,1.56.02,2.17l-12.22,14.44c-.56.62-1.52.66-2.14.1-.02-.02-.04-.04-.06-.06l-7.43-7.53c-.6-.61-.6-1.58,0-2.19.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02l6.31,6.39,11.16-13.27.04-.05Z"/>
                      </g>
                    </svg>
                  </div>
              </h6>
            </div>
            <div class="d-flex text-blue-300 fs-xs mt-n1">
              <span class="me-2 pe-1">
                environ un an
              </span>
            </div>
          </div>
</a>      </div>
    </div>
    <!-- Contents -->
      <div class="" data-controller="see-more-less content-translator"
                data-content-translator-languagetarget-value="fr"
                data-see-more-less-more-value="see more"
                data-see-more-less-less-value="see less">
        <div class="">
          <div class="article fs-sm share-content-box line-clamp-3" data-see-more-less-target="content">
            <div>
              <div dir="auto" class="mb-2" data-content-translator-target="originText" >
                <div class="trix-content">
  <div>Art Camp, c’est plus qu’un simple événement, c’est une escapade créative pensée pour les amoureux de l’art et de la douceur de vivre. Un moment suspendu, pour se reconnecter à soi, à la nature et à l’inspiration à travers des instants de détente, de partage et de chill</div>
</div>

              </div>
              <div class="d-none border px-2 py-3 rounded-3 mb-2" data-content-translator-target="translatedText"></div>
            </div>
          </div>
          <div class="d-flex align-items-center gap-2">
              <button class="btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-action="click->see-more-less#toggleContent">
                <span class="fw-normal">Voir plus</span>
              </button>
          </div>
        </div>
      </div>
  </div>
</article>

              </div>
        </div>
        <!-- This section depends on share -->
        <div class="card-footer py-0 px-2 px-lg-0 border-0 bg-transparent">
          <div class="d-flex justify-content-between align-items-center ms-lg-n2">
            <!-- Reactions/ Comments/ Shares -->
            <div class="d-flex justify-content-end">
              <!-- Reactions -->
              <div class="d-flex align-items-center">
                  <button type="button" class="btn btn-lg btn-outline-secondary border-0 px-3">
                    <i class="fi-heart me-2 ms-n1" style="font-size: 24px"></i>
                    <span id="share_1327_reaction_count">
  3
</span>

                  </button>
              </div>
              <!-- Comments -->
              <div class="d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#commentable_comments_loads">
                <a data-turbo-frame="commentable_comments_load" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/fr/explore/shares/1327/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_1327_comments_count">
  0
</div>

</a>              </div>
              <!-- Shares -->
            </div>
            <!-- Preiew -->
            <div class="d-flex align-items-center d-none">
              <a data-turbo="false" class="btn btn-outline-secondary border-0" href="/fr/explore/shares/1327">
                Voir
                <i class="fi-chevron-right m-0 ms-2 me-n "></i>
</a>            </div>
          </div>
        </div>
      </article>
  <hr>
</turbo-frame>
    </div>
    <div class="col p-0 my-0 mx-auto position-relative d-flex flex-row justify-content-center overflow-hidden">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHhNalV6OmZlYXR1cmVzIg==--6b4e3aaafe9ed739c98209b38a4349ae90687c8dde27288dc8142012bb2c733f"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_1253">
      <article class="card rounded-0 border-0 p-0 shadow-none">
        <!-- Share user / Share context menu -->
        <div class="card-header py-2 px-2 px-lg-0 bg-transparent border-0">
          <div class="p-1">
              <div class="mb-2 fs-xs">
                <b>Sacoddo</b> repartager
                <a data-turbo="false" class="" href="/fr/explore/shares/1014">
                    <b>Your  Address book ( A.K)  publication.</b>
</a>              </div>
            <div class="d-flex justify-content-between align-items-center">
              <!-- Share user -->
              <div class="">
                <a data-turbo="false" class="d-flex align-items-center text-decoration-none w-100 gap-3" href="/fr/users/sacoddo">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="commercial@sacoddo.com" class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbkJLIiwiZXhwIjoiMjAyNi0wNC0xN1QyMDowMDowNy4yMzZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--b56007f89e8f65094d0da22c576becefc32265a4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/1000038471.jpg?locale=fr" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> Sacoddo
                        <div class="position-relative mt-n1" style="width: 14px">
                          <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.07 39.07">
                            <g id="Layer_1-2" data-name="Layer 1">
                              <path class="cls-3" d="m39.07,19.54c0,1.68-1.7,3.12-2.11,4.67s.31,3.7-.5,5.1-3.01,1.82-4.17,2.98c-1.16,1.16-1.56,3.34-2.98,4.17s-3.5.07-5.1.5-2.99,2.11-4.67,2.11-3.12-1.7-4.67-2.11-3.7.31-5.1-.5-1.82-3.01-2.98-4.17-3.34-1.56-4.17-2.98-.07-3.5-.5-5.1-2.11-2.99-2.11-4.67,1.7-3.12,2.11-4.67-.31-3.7.5-5.1,3.01-1.82,4.17-2.98,1.56-3.34,2.98-4.17,3.5-.07,5.1-.5,2.99-2.11,4.67-2.11,3.12,1.7,4.67,2.11,3.7-.31,5.1.5,1.82,3.01,2.98,4.17,3.34,1.56,4.17,2.98.07,3.5.5,5.1,2.11,2.99,2.11,4.67Z"/>
                              <path class="cls-2" d="m28.29,11.21c.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02.59.6.6,1.56.02,2.17l-12.22,14.44c-.56.62-1.52.66-2.14.1-.02-.02-.04-.04-.06-.06l-7.43-7.53c-.6-.61-.6-1.58,0-2.19.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02l6.31,6.39,11.16-13.27.04-.05Z"/>
                            </g>
                          </svg>
                        </div>
                    </h6>
                    <div class="fs-xs me-2 pe-1 mt-n1">
                      environ 2 mois
                    </div>
                  </div>
</a>              </div>
            </div>
          </div>
        </div>
        <div class="card-body p-0 border-0">
          <!-- This section depends on article -->
              <div class="">
                <article class="card border-0 rounded-4 bg-body-tertiary">
  <div class="card-body p-0 border-0">
      <div class="position-relative">
        <div class="">
            <div class="d-flex w-100 h-100" style="max-height: 57.67vh !important; min-height: 15rem !important;">
    <div class="slide w-100 h-100 m-0 position-relative" data-controller="share-slider" data-share-slider-mode-value="article">
      <div class="slide-items-create d-none">
            <div class="gallery-video"
                            data-video-src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbVpYIiwiZXhwIjoiMjAyNi0wNC0xN1QyMDowMDowNy4yNjFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--d5eaa70a0d3ab4fc69f01ef6ab0a462468faa094/inbound6686309718238828145.mp4?locale=fr#t=0.5"
                            data-video-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1080.0,&quot;height&quot;:1920.0,&quot;duration&quot;:20.166656,&quot;audio&quot;:true,&quot;video&quot;:true,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;ThK_I6x]ax?wV@M{-;o3fkt6ozf6&quot;,&quot;blurhash_components_x&quot;:3,&quot;blurhash_components_y&quot;:4}"></div>
      </div>
      <div class="slide-items d-grid h-100 rounded-0" style="max-height: 57.67vh !important; min-height: 15rem !important;"></div>
      <nav class="d-none slide-thumbs-indicator position-absolute top-0 end-0 m-2 btn btn-xs bg-blur text-light py-1"></nav>
      <div class="position-absolute bottom-0 end-0 slide-nav-btns w-100 d-flex justify-content-end p-2 gap-1 d-none" >
        <button class="btn btn-xs btn-icon slide-prev bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-left rtl-flip fs-lg"></i>
        </button>
        <button class="btn btn-xs btn-icon slide-next bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-right rtl-flip fs-lg"></i>
        </button>
      </div>
    </div>
  </div>

        </div>
      </div>
  </div>
  <div class="card-footer border-top-0 rounded-0 p-3 bg-transparent">
    <div class="d-flex justify-content-between mb-2">
      <!-- Share user -->
      <div>
        <a data-turbo="false" class="d-flex align-items-center text-decoration-none w-100 gap-3" href="/fr/users/your-address-book-a-k">
          <div class="ratio ratio-1x1 bo-body-tertiary rounded-4 overflow-hidden" style="width: 40px !important; height: 40px">
              <img alt="kahina.allal06@gmail.com" width="40px" height="40px" class="object-fit-cover" src="https://test.sacoddo.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbXBWIiwiZXhwIjoiMjAyNi0wNC0xN1QyMDowMDowNy4yNjZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--7c013ec28f42d0c9e4bd2b678d658967dcd13d0c/inbound3663714482914434311.webp?locale=fr" />
          </div>
          <div class="">
            <div class="d-flex align-items-center">
              <h6 class="fs-sm text-nav lh-base mb-1 d-flex gap-2 align-items-center">
                Your  Address book ( A.K) 
                  <div class="position-relative mt-n1" style="width: 14px">
                    <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.07 39.07">
                      <g id="Layer_1-2" data-name="Layer 1">
                        <path class="cls-3" d="m39.07,19.54c0,1.68-1.7,3.12-2.11,4.67s.31,3.7-.5,5.1-3.01,1.82-4.17,2.98c-1.16,1.16-1.56,3.34-2.98,4.17s-3.5.07-5.1.5-2.99,2.11-4.67,2.11-3.12-1.7-4.67-2.11-3.7.31-5.1-.5-1.82-3.01-2.98-4.17-3.34-1.56-4.17-2.98-.07-3.5-.5-5.1-2.11-2.99-2.11-4.67,1.7-3.12,2.11-4.67-.31-3.7.5-5.1,3.01-1.82,4.17-2.98,1.56-3.34,2.98-4.17,3.5-.07,5.1-.5,2.99-2.11,4.67-2.11,3.12,1.7,4.67,2.11,3.7-.31,5.1.5,1.82,3.01,2.98,4.17,3.34,1.56,4.17,2.98.07,3.5.5,5.1,2.11,2.99,2.11,4.67Z"/>
                        <path class="cls-2" d="m28.29,11.21c.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02.59.6.6,1.56.02,2.17l-12.22,14.44c-.56.62-1.52.66-2.14.1-.02-.02-.04-.04-.06-.06l-7.43-7.53c-.6-.61-.6-1.58,0-2.19.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02l6.31,6.39,11.16-13.27.04-.05Z"/>
                      </g>
                    </svg>
                  </div>
              </h6>
            </div>
            <div class="d-flex text-blue-300 fs-xs mt-n1">
              <span class="me-2 pe-1">
                11 mois
              </span>
            </div>
          </div>
</a>      </div>
    </div>
    <!-- Contents -->
      <div class="" data-controller="see-more-less content-translator"
                data-content-translator-languagetarget-value="fr"
                data-see-more-less-more-value="see more"
                data-see-more-less-less-value="see less">
        <div class="">
          <div class="article fs-sm share-content-box line-clamp-3" data-see-more-less-target="content">
            <div>
              <div dir="auto" class="mb-2" data-content-translator-target="originText" >
                <div class="trix-content">
  <div>Béjaïa est une ville incroyablement riche sur le plan naturel 🫶🇩🇿Elle offre une diversité de paysages impressionnante : montagnes, mer, forêts et des cascades magnifiques qui rafraîchissent ses vallée et qui  révèlent une nouvelle facette de sa beauté, sauvage et apaisante à la fois🫶🇩🇿</div>
</div>

              </div>
              <div class="d-none border px-2 py-3 rounded-3 mb-2" data-content-translator-target="translatedText"></div>
            </div>
          </div>
          <div class="d-flex align-items-center gap-2">
              <button class="btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-action="click->see-more-less#toggleContent">
                <span class="fw-normal">Voir plus</span>
              </button>
          </div>
        </div>
      </div>
  </div>
</article>

              </div>
        </div>
        <!-- This section depends on share -->
        <div class="card-footer py-0 px-2 px-lg-0 border-0 bg-transparent">
          <div class="d-flex justify-content-between align-items-center ms-lg-n2">
            <!-- Reactions/ Comments/ Shares -->
            <div class="d-flex justify-content-end">
              <!-- Reactions -->
              <div class="d-flex align-items-center">
                  <button type="button" class="btn btn-lg btn-outline-secondary border-0 px-3">
                    <i class="fi-heart me-2 ms-n1" style="font-size: 24px"></i>
                    <span id="share_1253_reaction_count">
  4
</span>

                  </button>
              </div>
              <!-- Comments -->
              <div class="d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#commentable_comments_loads">
                <a data-turbo-frame="commentable_comments_load" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/fr/explore/shares/1253/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_1253_comments_count">
  1
</div>

</a>              </div>
              <!-- Shares -->
            </div>
            <!-- Preiew -->
            <div class="d-flex align-items-center d-none">
              <a data-turbo="false" class="btn btn-outline-secondary border-0" href="/fr/explore/shares/1253">
                Voir
                <i class="fi-chevron-right m-0 ms-2 me-n "></i>
</a>            </div>
          </div>
        </div>
      </article>
  <hr>
</turbo-frame>
    </div>
</template></turbo-stream><turbo-stream action="remove" target="placeholder"></turbo-stream>
  <turbo-stream action="append" target="feeds"><template>
    <turbo-frame class="" id="placeholder">
      <article class="p-3 hover-effect-scale w-100 gap-3 d-flex flex-column gap-3">
        <div class="d-flex align-items-center">
          <div class="d-flex align-items-center w-100 gap-3 position-relative">
            <div class="bg-body-tertiary rounded-5 overflow-hidden ratio ratio-1x1 hover-effect-target" style="width: 48px !important; height: 48px"></div>
            <h3 class="h6 mb-0 flex-grow-1">
              <span class="placeholder col-3 bg-body-tertiary rounded cursor-default opacity-100"></span> <br>
              <span class="placeholder col-2 bg-body-tertiary rounded cursor-default opacity-100"></span>
            </h3>
          </div>
          <button type="button"  class="btn btn-sm btn-icon btn-secondary bg-body-tertiary rounded-3 active border-0 cursor-default">
            <span class="opacity-0">Follow</span>
          </button>
        </div>
        <p class="card-text placeholder-glow">
          <span class="placeholder col-2 bg-body-tertiary rounded cursor-default opacity-100 ms-2"></span>
          <span class="placeholder col-4 bg-body-tertiary rounded cursor-default opacity-100"></span> <br>
          <span class="placeholder col-4 bg-body-tertiary rounded cursor-default opacity-100 ms-2"></span>
          <span class="placeholder col-6 bg-body-tertiary rounded cursor-default opacity-100"></span>
        </p>
      </article>
</turbo-frame></template></turbo-stream>  <turbo-stream action="replace" target="pagination"><template>
    <turbo-frame loading="lazy" id="pagination" src="/fr/explore/shares.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>