<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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHlNak14OmZlYXR1cmVzIg==--4d3fcece22ea9b22c3981d7a463fbead40f843fbf709af838053362480e04288"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_2231">
      <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> 转发
                <a data-turbo="false" class="" href="/cn/explore/shares/2221">
                    <b>Warcha 出版物.</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="/cn/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://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbkJLIiwiZXhwIjoiMjAyNi0wNi0yMVQwODo0MjoxNC44ODFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--28d34bbf0507eb178ec983cbc5a3de8ba87b63cb/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/1000038471.jpg?locale=cn" />
                  </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">
                      1天
                    </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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOXg3QVE9PSIsImV4cCI6IjIwMjYtMDYtMjFUMDg6NDI6MTQuODg3WiIsInB1ciI6ImJsb2JfaWQifX0=--034b2271233aaeefbb85ef25bd9f39d9f9d21361/image_F27D8BF5-FA3F-4DBF-9475-08DF38294E60_1781878573_HIGH_1781878797.mp4?locale=cn#t=0.5"
                            data-video-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1080.0,&quot;height&quot;:1920.0,&quot;duration&quot;:62.25,&quot;audio&quot;:true,&quot;video&quot;:true,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TXDTYXM^Rl.AMwRkROfmf6%OkYae&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="/cn/users/warcha">
          <div class="ratio ratio-1x1 bo-body-tertiary rounded-4 overflow-hidden" style="width: 40px !important; height: 40px">
              <img alt="warchaapp@gmail.com" width="40px" height="40px" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBODU3QVE9PSIsImV4cCI6IjIwMjYtMDYtMjFUMDg6NDI6MTQuODkwWiIsInB1ciI6ImJsb2JfaWQifX0=--18893403769bf8e3e549e4687b65d1904a0b1ae9/image_F212488B-BA2E-4106-8927-1A8C2F2741BD_1781878341.jpeg?locale=cn" />
          </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">
                Warcha
                  <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">
                1天
              </span>
            </div>
          </div>
</a>      </div>
    </div>
    <!-- Contents -->
      <div class="" data-controller="see-more-less content-translator"
                data-content-translator-languagetarget-value="cn"
                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">
  Notre événement « حرفة زمان في وسط الجنان », c’est un rendez-vous incontournable dédié à l’artisanat, à la créativité et au savoir-faire algérien.
Pendant deux jours, venez découvrir des créations uniques réalisées par des artisans et artisanes de différentes régions d’Algérie : couture, artisanat traditionnel, décoration, cosmétiques naturels, accessoires, pâtisserie, cadeaux personnalisés et bien d’autres produits authentiques.
Dans un cadre convivial et familial, cet événement met à l’honneur les talents locaux et offre aux visiteurs l’occasion de rencontrer directement les créateurs, d’échanger avec eux et de soutenir la production artisanale algérienne.

📅 29 et 30 juin 2026
📍 Salle El Djenane (Ex-Catherine), Bouzaréah – Alger
🎟️ Entrée gratuite
</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">查看更多</span>
              </button>
              <span class="fs-sm">|</span>
              <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">查看翻译</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">查看翻译</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">显示原件</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_2231_reaction_count">
  8
</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="/cn/explore/shares/2231/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_2231_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="/cn/explore/shares/2231">
                看法
                <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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHlNakkxOmZlYXR1cmVzIg==--ec5096f47ed850f6b1507dd96d1be6c3aad95e19ff0be19317bb95d36e161cee"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_2225">
      <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> 转发
                <a data-turbo="false" class="" href="/cn/explore/shares/2224">
                    <b>Assala Khedim 出版物.</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="/cn/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://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbkJLIiwiZXhwIjoiMjAyNi0wNi0yMVQwODo0MjoxNC45MDRaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--7c440588ba3789571667182ba924fc1a9b9a346f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/1000038471.jpg?locale=cn" />
                  </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">
                      1天
                    </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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeHQ4QVE9PSIsImV4cCI6IjIwMjYtMDYtMjFUMDg6NDI6MTQuOTA4WiIsInB1ciI6ImJsb2JfaWQifX0=--f9cf48e5a38cff66189188597ecfa5a8852c069b/image_55EA4B1E-9043-44AA-8CE1-A6FC21CFB269_1781879932.mp4?locale=cn#t=0.5"
                            data-video-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1080.0,&quot;height&quot;:1920.0,&quot;duration&quot;:62.17,&quot;audio&quot;:true,&quot;video&quot;:true,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TXF=:tv_$xG1nzWAEAWYogs+JWSi&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="/cn/users/assala-khedim">
          <div class="ratio ratio-1x1 bo-body-tertiary rounded-4 overflow-hidden" style="width: 40px !important; height: 40px">
              <img alt="assalakhedimbusiness@gmail.com" width="40px" height="40px" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa0U2IiwiZXhwIjoiMjAyNi0wNi0yMVQwODo0MjoxNC45MTFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--0c995f538d3f63eec00266996aad4a2b69259197/IMG_0052.jpeg?locale=cn" />
          </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">
                Assala Khedim
                  <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">
                1天
              </span>
            </div>
          </div>
</a>      </div>
    </div>
    <!-- Contents -->
  </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_2225_reaction_count">
  9
</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="/cn/explore/shares/2225/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_2225_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="/cn/explore/shares/2225">
                看法
                <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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHlNakV4OmZlYXR1cmVzIg==--f86b029e6036cd00ef1a414457cb44e25525ed0cc543a8cf36198300bae7737e"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_2211">
      <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> 转发
                <a data-turbo="false" class="" href="/cn/explore/shares/2210">
                    <b>Sun and Sea dz 出版物.</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="/cn/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://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbkJLIiwiZXhwIjoiMjAyNi0wNi0yMVQwODo0MjoxNC45MjFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--39eaf770c834e051dfe8d59227565925d0d7d508/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/1000038471.jpg?locale=cn" />
                  </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">
                      2天
                    </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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBL3Q0QVE9PSIsImV4cCI6IjIwMjYtMDYtMjFUMDg6NDI6MTQuOTI1WiIsInB1ciI6ImJsb2JfaWQifX0=--67f1f3afa8ea6a6e68e4a769c1a6c837fce3ccc4/image_CCD427A0-153E-4AB5-B84A-582C16345728_1781774166.mov?locale=cn#t=0.5"
                            data-video-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1080.0,&quot;height&quot;:1920.0,&quot;duration&quot;:19.7,&quot;audio&quot;:true,&quot;video&quot;:true,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TcKnoKxqxa?dxVt6D*RiV@ayofWB&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="/cn/users/manel-8ec04ffe-3ea4-4127-89b5-6e7beb4e2b54">
          <div class="ratio ratio-1x1 bo-body-tertiary rounded-4 overflow-hidden" style="width: 40px !important; height: 40px">
              <img alt="manelsurfvoile@gmail.com" width="40px" height="40px" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNUJpQVE9PSIsImV4cCI6IjIwMjYtMDYtMjFUMDg6NDI6MTQuOTI4WiIsInB1ciI6ImJsb2JfaWQifX0=--c61695a350a2ca77003214e25c5b5c3c1d2ce12b/image_96B85852-9E37-44B0-BFE2-E9C747DE48E8_1781265669.jpeg?locale=cn" />
          </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">
                Sun and Sea dz
                  <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">
                2天
              </span>
            </div>
          </div>
</a>      </div>
    </div>
    <!-- Contents -->
      <div class="" data-controller="see-more-less content-translator"
                data-content-translator-languagetarget-value="cn"
                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">
  ⛵ Découvrez la voile avec Sun &amp; Sea !

Envie de vivre une expérience unique en mer et d’apprendre un sport passionnant ? Sun &amp; Sea vous propose des séances d’initiation et de coaching en voile adaptées aux débutants comme aux passionnés souhaitant progresser.

Accompagné par des encadrants qualifiés, vous apprendrez les bases de la navigation, les techniques de manœuvre, la lecture du vent ainsi que les règles de sécurité en mer, le tout dans une ambiance conviviale et motivante.

La voile est bien plus qu’un sport : c’est une aventure qui développe la confiance en soi, l’autonomie, la concentration et l’esprit d’équipe tout en profitant pleinement des richesses du littoral algérien.

Rejoignez Sun &amp; Sea et laissez le vent vous guider vers de nouvelles sensations ! 🌊⛵☀️

Lieu : Port de Tamentfoust (La Pérouse)
Séances d’apprentissage et coaching sur réservation.
</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">查看更多</span>
              </button>
              <span class="fs-sm">|</span>
              <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">查看翻译</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">查看翻译</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">显示原件</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_2211_reaction_count">
  10
</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="/cn/explore/shares/2211/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_2211_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="/cn/explore/shares/2211">
                看法
                <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="/cn/explore/shares.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>