<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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHlNalExOmZlYXR1cmVzIg==--07e919f179873145558648e4bdf65f93b1d00b45f29c39f4e4d225004800b1b8"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_2245">
      <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="/de/users/raid-belkhiri">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="raidbelkhiri0@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK1FyQVE9PSIsImV4cCI6IjIwMjYtMDYtMjFUMDg6NDE6MDguODQ4WiIsInB1ciI6ImJsb2JfaWQifX0=--a47fa3aa76f907205ee9aec8313292423a9a3298/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/IMG_20260524_100820_580.jpg?locale=de" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> رائـد بـلخيري  Raid Belkhiri ⁦
                        <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">
                      etwa eine Stunde
                    </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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMitCQVE9PSIsImV4cCI6IjIwMjYtMDYtMjFUMDg6NDE6MDguODUxWiIsInB1ciI6ImJsb2JfaWQifX0=--d728f9df85cdd006d69c6a35a1a5cc24be1913ca/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/Dofoto_20260620_204617824.jpg?locale=de"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:820,&quot;height&quot;:1024,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UKG94]MyM-tR4,x]M{IUDiRiRioM4?ofx]%M&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_2245_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="/de/explore/shares/2245/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_2245_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_2245_reshare">
      <a data-turbo="true" data-turbo-frame="share_2245_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/de/explore/shares/2245/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_2245_shares_count">
          0
        </span>
</a>  </div>
</div>
<div id="share_2245_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_2245_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="/de/explore/shares/2245">
                Sicht
                <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="de"
                                data-see-more-less-more-value="Mehr sehen"
                                data-see-more-less-less-value="Weniger anzeigen">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> رائـد بـلخيري  Raid Belkhiri ⁦ </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">
  قصبة دلس العتيقة: حيث يلتقي التاريخ بجمال الطبيعة بين جدرانها الممتدة منذ عام 1068م، تروي قصبة دلس بولاية بومرداس قصة عراقة أصيلة. زقاقاتها الحجرية، أبوابها الزرقاء، ولونها الأبيض المزين بخضرة النباتات، يأخذك في رحلة ساحرة عبر الزمن تجمع بين الفن المعماري وهدوء البحر.🕊️📍🇩🇿


هل زرتم هذا المعلم التاريخي من قبل؟
</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">Mehr sehen</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">Siehe Übersetzung</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">Siehe Übersetzung</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">Original zeigen</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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHlNalF6OmZlYXR1cmVzIg==--9df772b4af295619985984bfae16e29d426cd72b33990093a43078fa4748d585"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_2243">
      <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="/de/users/raid-belkhiri">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="raidbelkhiri0@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK1FyQVE9PSIsImV4cCI6IjIwMjYtMDYtMjFUMDg6NDE6MDguODY0WiIsInB1ciI6ImJsb2JfaWQifX0=--81f953432d18971af9300ea95b3ad6446157764b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/IMG_20260524_100820_580.jpg?locale=de" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> رائـد بـلخيري  Raid Belkhiri ⁦
                        <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">
                      etwa 3 Stunden
                    </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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeU9CQVE9PSIsImV4cCI6IjIwMjYtMDYtMjFUMDg6NDE6MDguODY3WiIsInB1ciI6ImJsb2JfaWQifX0=--c0311444931a03e95063badb224b0717849c878d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1781977928303.png?locale=de"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1024,&quot;height&quot;:1024,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;U35Fg??b5E9utSx]x]xu02N{^i?G-;%MWBRk&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_2243_reaction_count">
  5
</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="/de/explore/shares/2243/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_2243_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_2243_reshare">
      <a data-turbo="true" data-turbo-frame="share_2243_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/de/explore/shares/2243/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_2243_shares_count">
          0
        </span>
</a>  </div>
</div>
<div id="share_2243_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_2243_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="/de/explore/shares/2243">
                Sicht
                <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="de"
                                data-see-more-less-more-value="Mehr sehen"
                                data-see-more-less-less-value="Weniger anzeigen">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> رائـد بـلخيري  Raid Belkhiri ⁦ </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>

                      </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-content-translator-target="translateBtn" data-action="click->content-translator#translate">
                        <span class="fw-normal">Siehe Übersetzung</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">Siehe Übersetzung</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">Original zeigen</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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHlNVGs0OmZlYXR1cmVzIg==--20508d86d34ce9fd44e5dfeb9231ca34a973f54a316245cb35734409981329c9"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_2198">
      <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="/de/users/nadir-3a2c06b5-a3ec-4ce4-b3b5-723a38332811">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="nadirhmd98@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd1p0QVE9PSIsImV4cCI6IjIwMjYtMDYtMjFUMDg6NDE6MDguODc4WiIsInB1ciI6ImJsb2JfaWQifX0=--2977adb056f00fc9e0dcedbfbe1782b61886a327/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/image_B7A67EA2-99B5-4100-8936-A13A89D96129_1781467952.png?locale=de" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> JET TAYA
                        <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">
                      3 Tage
                    </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-video"
                            data-video-src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBKzkzQVE9PSIsImV4cCI6IjIwMjYtMDYtMjFUMDg6NDE6MDguODgwWiIsInB1ciI6ImJsb2JfaWQifX0=--4d1d3875c496e24b95a2e81b4fcf2b6a153cf65a/image_C6F53AA1-938C-46FB-9E31-8F366AF0F417_1781725210_HIGH_1781725225.mp4?locale=de#t=0.5"
                            data-video-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1080.0,&quot;height&quot;:1920.0,&quot;duration&quot;:19.85,&quot;audio&quot;:true,&quot;video&quot;:true,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TfF6njtRozKnoffkMxRiayMbayfk&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_2198_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="/de/explore/shares/2198/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_2198_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_2198_reshare">
      <a data-turbo="true" data-turbo-frame="share_2198_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/de/explore/shares/2198/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_2198_shares_count">
          0
        </span>
</a>  </div>
</div>
<div id="share_2198_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_2198_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="/de/explore/shares/2198">
                Sicht
                <i class="fi-chevron-right m-0 ms-2 me-n "></i>
</a>            </div>
          </div>
            <!-- Contents -->
        </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="/de/explore/shares.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>