<turbo-stream action="append" target="user_11444_feed"><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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHlNek14OmZlYXR1cmVzIg==--567db556b707d199542286f47e12ca803967a92f7dbd496cbe2cca96daabcfe5"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_2331">
      <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="/fr/users/asma-f011ab0d-0386-4db9-ba0d-aad3f867ba87">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="awartisanes@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNHg2QVE9PSIsImV4cCI6IjIwMjYtMDgtMTVUMDU6MTY6MDEuMDAyWiIsInB1ciI6ImJsb2JfaWQifX0=--6f3a9defde909060e88529255acbed1c64e1b111/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/IMG_20250404_161059_816.webp?locale=fr" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> Dar Bladi
                        <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="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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGFoQVE9PSIsImV4cCI6IjIwMjYtMDgtMTVUMDU6MTY6MDEuMDA3WiIsInB1ciI6ImJsb2JfaWQifX0=--577174c141603343212db274a73f6aa0dc52493f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_C4B28D02-B89A-474C-A990-8143952D3EFE_1782415100.jpeg?locale=fr"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1179,&quot;height&quot;:1457,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UHDIzR?F9ZRj0jE2M{fQ_1-ooJWB9aIpf+s.&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGVoQVE9PSIsImV4cCI6IjIwMjYtMDgtMTVUMDU6MTY6MDEuMDA5WiIsInB1ciI6ImJsb2JfaWQifX0=--5bd51b8b45ffcea8eb32b010c1a335c001f42d53/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_A46E64A4-3E10-44D7-8B9D-A7DAD82C7755_1782415149.jpeg?locale=fr"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1179,&quot;height&quot;:2013,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;T99QKv%10LNzkBxXEONGn~?ZIo9H&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGloQVE9PSIsImV4cCI6IjIwMjYtMDgtMTVUMDU6MTY6MDEuMDEwWiIsInB1ciI6ImJsb2JfaWQifX0=--90d423d060c4bbad6dd27523b90f74c089c53914/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_99F5E933-A542-43FA-90A1-38CAD6AB6336_1782415149.jpeg?locale=fr"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1179,&quot;height&quot;:1904,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TMBDQRD*E1t7j[WB0L%Lt7x[j[WB&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOG1oQVE9PSIsImV4cCI6IjIwMjYtMDgtMTVUMDU6MTY6MDEuMDExWiIsInB1ciI6ImJsb2JfaWQifX0=--adbb9a9a08129d7042fa162cd56591769f236658/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_2982382E-A096-4010-AAE4-79C41AA91F05_1782415149.jpeg?locale=fr"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1179,&quot;height&quot;:2048,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;T89s|^ay0L-;jZRj9bRj?G%MRjWA&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOHFoQVE9PSIsImV4cCI6IjIwMjYtMDgtMTVUMDU6MTY6MDEuMDExWiIsInB1ciI6ImJsb2JfaWQifX0=--cba78092784123f32a04cb709b2d56de12933ad1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_64CAFE1B-5796-45E1-A843-CB4F92CBFD97_1782415149.jpeg?locale=fr"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1179,&quot;height&quot;:2049,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;T6By]XIV9Y~WWCV?NxM{014:-pRk&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOHVoQVE9PSIsImV4cCI6IjIwMjYtMDgtMTVUMDU6MTY6MDEuMDEyWiIsInB1ciI6ImJsb2JfaWQifX0=--c0e283b75ebf7ebeb2d74e91c497317b561371c4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_B02F0A22-046C-4BDC-98BF-C99860699B1A_1782415149.jpeg?locale=fr"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1179,&quot;height&quot;:2057,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TB9Z=nkCR*~qxaxt%Mxt-p-pt7%L&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_2331_reaction_count">
  7
</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/2331/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_2331_comments_count">
  0
</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_2331_reshare">
      <a data-turbo="true" data-turbo-frame="share_2331_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/fr/explore/shares/2331/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_2331_shares_count">
          1
        </span>
</a>  </div>
</div>
<div id="share_2331_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_2331_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="/fr/explore/shares/2331">
                Voir
                <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="fr"
                                data-see-more-less-more-value="Voir plus"
                                data-see-more-less-less-value=" Voir moins">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> Dar Bladi </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">
  Moon Workshop 🌙

Laissez parler votre créativité le temps d’un atelier unique et immersif. Au cours de ce Moon Workshop, vous apprendrez à créer votre propre lune texturée, inspirée des reliefs et de la beauté mystérieuse de l’astre lunaire. Guidés pas à pas, vous découvrirez différentes techniques de modelage, de texture et de finition pour réaliser une œuvre originale qui illuminera votre intérieur. Aucune expérience n’est nécessaire : cet atelier est ouvert à tous, débutants comme passionnés de création. Repartez avec votre propre création et un beau moment de partage. ✨🎨🌕
</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">Voir plus</span>
                      </button>
                  </div>
                </div>
              </div>
        </div>
      </article>
  <hr>
</turbo-frame>
    </div>
</template></turbo-stream><turbo-stream action="remove" target="user_11444_feed_placeholder"></turbo-stream>
  <turbo-stream action="remove" target="user_11444_feed_pagination"></turbo-stream>
