<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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHhOek0wOmZlYXR1cmVzIg==--8f385e2186cb57600d14cabbc716b52d678ce138fbf8628a75042cfb841c3d10"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_1734">
      <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="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="/pt/users/akram-menari">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="akrammenari0@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaUF4IiwiZXhwIjoiMjAyNi0xMS0wNFQxMzo1MToxMS41MTlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--e50f81ea83c352ccfc66c90f2ef62bfb95f19fa9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/akram%20menari.jpg?locale=pt" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> Akram Menari
                        <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">
                      5 meses
                    </div>
                  </div>
</a>              </div>
            </div>
          </div>
        </div>
        <div class="card-body p-0 border-0">
          <!-- This section depends on article -->
                <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK0FRQVE9PSIsImV4cCI6IjIwMjYtMTEtMDRUMTM6NTE6MTEuNTIxWiIsInB1ciI6ImJsb2JfaWQifX0=--eb0303a3093d520d3b409f0ac199dc261978f19b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/hamoud%20boualem%20.jpeg?locale=pt"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:10630,&quot;height&quot;:7087,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UCAclINF57SQ-=ozRjog4mbd%0$zn#jZt7bF&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK0lRQVE9PSIsImV4cCI6IjIwMjYtMTEtMDRUMTM6NTE6MTEuNTIyWiIsInB1ciI6ImJsb2JfaWQifX0=--5576efa5b18af08ea94f33053e618e4967f0389b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/a2.jpeg?locale=pt"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:10630,&quot;height&quot;:7087,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UAAAaaM{4nRj_3t7M{t700of%M%Mayj[xuof&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>
        <!-- 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_1734_reaction_count">
  20
</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="/pt/explore/shares/1734/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_1734_comments_count">
  1
</div>

</a>              </div>
              <!-- Shares -->
                <div class="d-flex align-items-center">
                  <div class="dropdown d-inline-block">
  <div class="" data-bs-toggle="modal" data-bs-target="#share_1734_reshare">
      <a data-turbo="true" data-turbo-frame="share_1734_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/pt/explore/shares/1734/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_1734_shares_count">
          3
        </span>
</a>  </div>
</div>
<div id="share_1734_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_1734_new_share"></turbo-frame>
  </div>
</div>

                </div>
            </div>
            <!-- Preiew -->
            <div class="d-flex align-items-center d-none">
              <a data-turbo="false" class="btn btn-outline-secondary border-0" href="/pt/explore/shares/1734">
                Visualizar
                <i class="fi-chevron-right m-0 ms-2 me-n "></i>
</a>            </div>
          </div>
            <!-- Contents -->
              <div class="py-2 px-2 px-lg-0" data-controller="see-more-less content-translator"
                                data-content-translator-languagetarget-value="pt"
                                data-see-more-less-more-value="Ver mais"
                                data-see-more-less-less-value="Ver menos">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> Akram Menari </b>
                </div>
                <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>كل عضلة نابضة تحكي تاريخ القوة والانسجام بين الفارس والخيل، جمال منحوت فعلا<br>Every pulsating muscle tells a story of strength and harmony between rider and horse  a beauty truly sculpted in motion</div>
</div>

                      </div>
                      <div class="d-none 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">Ver mais</span>
                      </button>
                      <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">Ver tradução</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">Ver tradução</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">mostrar original</span>
                      </button>
                  </div>
                </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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHhOekkzOmZlYXR1cmVzIg==--10cacddfcc711917157fb8d093a9c28dbeb6d262d75b26ce0ffb22e1f80bc2f2"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_1727">
      <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="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="/pt/users/akram-menari">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="akrammenari0@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaUF4IiwiZXhwIjoiMjAyNi0xMS0wNFQxMzo1MToxMS41NDBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--72d8657d5c4f0f466bfeaab2cfcd25acaaf9e616/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/akram%20menari.jpg?locale=pt" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> Akram Menari
                        <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">
                      5 meses
                    </div>
                  </div>
</a>              </div>
            </div>
          </div>
        </div>
        <div class="card-body p-0 border-0">
          <!-- This section depends on article -->
                <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN29RQVE9PSIsImV4cCI6IjIwMjYtMTEtMDRUMTM6NTE6MTEuNTQxWiIsInB1ciI6ImJsb2JfaWQifX0=--1e51ec4350b5ea9b7cf015dcb28417d7c626b2c8/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/DSC_7971%20copie.jpeg?locale=pt"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:6048,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UHBg3uWB4nof~qRjM{t7M{j[%Mj[M{of%MRj&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN3NRQVE9PSIsImV4cCI6IjIwMjYtMTEtMDRUMTM6NTE6MTEuNTQyWiIsInB1ciI6ImJsb2JfaWQifX0=--b9e0047801d38b8d70c0a9935eef9b0b43a7b3d9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/DSC_7858%20copie.jpeg?locale=pt"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:6048,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UABpnU~q00WB~q%MD%ayt7fQIURj-;oft7t7&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>
        <!-- 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_1727_reaction_count">
  17
</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="/pt/explore/shares/1727/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_1727_comments_count">
  3
</div>

</a>              </div>
              <!-- Shares -->
                <div class="d-flex align-items-center">
                  <div class="dropdown d-inline-block">
  <div class="" data-bs-toggle="modal" data-bs-target="#share_1727_reshare">
      <a data-turbo="true" data-turbo-frame="share_1727_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/pt/explore/shares/1727/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_1727_shares_count">
          1
        </span>
</a>  </div>
</div>
<div id="share_1727_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_1727_new_share"></turbo-frame>
  </div>
</div>

                </div>
            </div>
            <!-- Preiew -->
            <div class="d-flex align-items-center d-none">
              <a data-turbo="false" class="btn btn-outline-secondary border-0" href="/pt/explore/shares/1727">
                Visualizar
                <i class="fi-chevron-right m-0 ms-2 me-n "></i>
</a>            </div>
          </div>
            <!-- Contents -->
              <div class="py-2 px-2 px-lg-0" data-controller="see-more-less content-translator"
                                data-content-translator-languagetarget-value="pt"
                                data-see-more-less-more-value="Ver mais"
                                data-see-more-less-less-value="Ver menos">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> Akram Menari </b>
                </div>
                <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>⁨	تُعدّ “الزيارة” في منطقة توات بولاية أدرار من أعرق التقاليد الروحية والاجتماعية، حيث يجتمع السكان لإحياء ذكرى أحد العلماء أو أقطاب العلم والصلاح في أجواء يسودها الصفاء والمحبة.<br>يبيت الناس على تلاوة القرآن الكريم والأذكار، ويتسامح الجميع فيما بينهم، فتتحول المناسبة إلى فضاء للتآخي وتجديد روابط المودة والسلام.<br>كما تُقام الولائم الجماعية وتُقدَّم الأطعمة التقليدية للضيوف والزوار، وسط أجواء احتفالية تُقرَع فيها الدفوف والطبل بإيقاعات روحانية عريقة.<br>إنها طقوس تحمل عمقاً إنسانياً وثقافياً كبيراً، تعكس كرم أهل توات وتمسكهم بقيم التعايش، الروحانية، واحترام إرث الأجداد<br><br>The “Ziyara” in the Touat region of Adrar is considered one of the oldest spiritual and social traditions, where people gather to honor the memory of a respected scholar or spiritual figure in an atmosphere filled with serenity and affection.<br>Throughout the night, Quran recitations and prayers are performed, while people reconcile and forgive one another, transforming the gathering into a space of brotherhood, peace, and renewed social bonds.<br>Communal feasts are also prepared, with traditional dishes generously served to guests and visitors, accompanied by the rhythmic sounds of drums and traditional percussion in deeply spiritual celebrations.<br>These rituals carry profound cultural and human significance, reflecting the generosity of the people of Touat and their attachment to values of coexistence, spirituality, and respect for ancestral heritage.</div>
</div>

                      </div>
                      <div class="d-none 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">Ver mais</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">Ver tradução</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">Ver tradução</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">mostrar original</span>
                      </button>
                  </div>
                </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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHhNREV3OmZlYXR1cmVzIg==--35b4ce2ca32817d83290aba5a0bc29d9167600a93cadc80c45d7dc34a1df80ad"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_1010">
      <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="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="/pt/users/akram-menari">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="akrammenari0@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaUF4IiwiZXhwIjoiMjAyNi0xMS0wNFQxMzo1MToxMS41NTlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--6321493b4c105f2b5454e4ecbd4f822dfc351d62/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/akram%20menari.jpg?locale=pt" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> Akram Menari
                        <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">
                      mais de 1 ano
                    </div>
                  </div>
</a>              </div>
            </div>
          </div>
        </div>
        <div class="card-body p-0 border-0">
          <!-- This section depends on article -->
                <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdmxXIiwiZXhwIjoiMjAyNi0xMS0wNFQxMzo1MToxMS41NjFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--6009ff532bae2d9dc3599547d697a9766c6207b1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1.jpg?locale=pt"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:9449,&quot;height&quot;:14154,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TCBWe~^+$j}v0ex]Mc-T$%ER-=tm&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdnBXIiwiZXhwIjoiMjAyNi0xMS0wNFQxMzo1MToxMS41NjJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--908b81e653ae700e30bc984f61fd266084c71d3d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/salon%20setiff%20copie.jpg?locale=pt"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:7087,&quot;height&quot;:10614,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;T?E_QyWCo0}?WBay%KaeWCkBafWC&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdnRXIiwiZXhwIjoiMjAyNi0xMS0wNFQxMzo1MToxMS41NjJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--b74d9fdb24d385588caf3aada56f71989e32c4d6/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/5.jpg?locale=pt"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:7087,&quot;height&quot;:10616,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TbDbi]IUkW~VIUkD.7RPbIo~r=WX&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdnhXIiwiZXhwIjoiMjAyNi0xMS0wNFQxMzo1MToxMS41NjNaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--22b64d808d526a6a8b14cc9161e88a7a2f81597e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/dance%20of%20year_menari_%20akram%20copie.jpg?locale=pt"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:9449,&quot;height&quot;:14154,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TSAm@;$cM{_MksWB%2xGt7AHNaoI&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>
        <!-- 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_1010_reaction_count">
  20
</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="/pt/explore/shares/1010/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_1010_comments_count">
  1
</div>

</a>              </div>
              <!-- Shares -->
                <div class="d-flex align-items-center">
                  <div class="dropdown d-inline-block">
  <div class="" data-bs-toggle="modal" data-bs-target="#share_1010_reshare">
      <a data-turbo="true" data-turbo-frame="share_1010_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/pt/explore/shares/1010/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_1010_shares_count">
          1
        </span>
</a>  </div>
</div>
<div id="share_1010_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_1010_new_share"></turbo-frame>
  </div>
</div>

                </div>
            </div>
            <!-- Preiew -->
            <div class="d-flex align-items-center d-none">
              <a data-turbo="false" class="btn btn-outline-secondary border-0" href="/pt/explore/shares/1010">
                Visualizar
                <i class="fi-chevron-right m-0 ms-2 me-n "></i>
</a>            </div>
          </div>
            <!-- Contents -->
              <div class="py-2 px-2 px-lg-0" data-controller="see-more-less content-translator"
                                data-content-translator-languagetarget-value="pt"
                                data-see-more-less-more-value="Ver mais"
                                data-see-more-less-less-value="Ver menos">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> Akram Menari </b>
                </div>
                <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>:<br><br>تحتفي هذه الصور بمهرجان السبيبة، أحد أعرق الطقوس الثقافية التي تحتضنها مدينة جانت في قلب الصحراء الجزائرية. يمثّل هذا الحدث السنوي مهرجان السبيبة لحظة استثنائية يتجلّى فيها التراث والتاريخ التوارقي من خلال الرقصات، الأزياء التقليدية، والشعر الشفهي. يوثّق هذا العمل البصري روح المصالحة والسلام التي يحملها المهرجان، ويبرز عمق الهوية الثقافية التي صمدت عبر القرون.<br>These photographs celebrate the Sebeiba Festival, one of the most ancient cultural rituals held in the town of Djanet, deep in the heart of the Algerian Sahara. This annual event is a unique moment where Tuareg heritage and history are brought to life through dance, traditional dress, and oral poetry. This visual work documents the spirit of reconciliation and peace carried by the festival, highlighting the depth of a cultural identity that has endured through the centuries.</div>
</div>

                      </div>
                      <div class="d-none 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">Ver mais</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">Ver tradução</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">Ver tradução</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">mostrar original</span>
                      </button>
                  </div>
                </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="/pt/explore/shares.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>