<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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHhNRGMxOmZlYXR1cmVzIg==--60cd35ca35c587264ff1a550b28b6116908a8eb06114ed15944ad3e5d503c589"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_1075">
      <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="/ja/users/mohamed-said-fodil-pacha">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="pachatranslator@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBckJOIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4wNTZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--d4c69598ba89a34c98225f89a07ed3fe36ef7b72/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/1000010736.jpg?locale=ja" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> Mohamed said Fodil pacha 
                    </h6>
                    <div class="fs-xs me-2 pe-1 mt-n1">
                      11ヶ月
                    </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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa1puIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4wNThaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--6050359b6417dd702d32becc6b7347a823995945/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000012007.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:867,&quot;height&quot;:1156,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UsF$;RWZoIRkNSWFobWCS9R%ofWXjsRioga}&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa2RuIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4wNTlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--2b45bc564e017c52b1723cd4ef22440548c94740/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000011999.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:867,&quot;height&quot;:1156,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;U6Cs.r4oi,Rj=~NX?s%Y0AD*xuk7N1D+kCNG&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa2huIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4wNTlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--b9d3d5eb1015283395146549234a172dbb8cd5c2/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000011982.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:4080,&quot;height&quot;:3072,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UzD,i#V?WAae?we-WBjsx]ozf6oeadozkCof&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa2xuIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4wNjBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--33b8bfde396a4a34fa38d74222c286b2f565a994/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000011975.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:4080,&quot;height&quot;:3072,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UTH2ifIUS0xs%jIUnjs:tVM{WBs.tTaORkod&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa3BuIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4wNjBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--cee73bed4a6137fa732afa45e0842d45629eb0fd/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000011972.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3072,&quot;height&quot;:4080,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UnHoOBNHa~WByGIWa#oLyEM|RkoexujYRjj?&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_1075_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="/ja/explore/shares/1075/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_1075_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_1075_reshare">
      <a data-turbo="true" data-turbo-frame="share_1075_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/ja/explore/shares/1075/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_1075_shares_count">
          0
        </span>
</a>  </div>
</div>
<div id="share_1075_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_1075_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="/ja/explore/shares/1075">
                ビュー
                <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="ja"
                                data-see-more-less-more-value="続きを見る"
                                data-see-more-less-less-value="もっと見る">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> Mohamed said Fodil pacha  </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>#tikejda <br><br>
</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-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>
  <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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHhNRFUwOmZlYXR1cmVzIg==--534d4328bc17616b7830675a7fbc8432c5eaf315f4470372afdedb90d5b04aee"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_1054">
      <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="/ja/users/algeriefy-adventure">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="algeriefyadventures@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBazliIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4xMjFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--e483ef49200880189f24c5029427598b4d9c7842/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/inbound7167551351387000948.jpg?locale=ja" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> ALGERIEFY  ADVENTURE 
                    </h6>
                    <div class="fs-xs me-2 pe-1 mt-n1">
                      12ヶ月
                    </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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcTVlIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4xMjNaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--6bf13e100c88abc31e473504f9162c579bffedab/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/inbound7809019832024327126.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2268,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TcDcm~V?I8yGV?MwXVaxt7M}oexv&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcTllIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4xMjRaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--d1e630de0ce2f53ec61d9539c9336977500d7730/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/inbound5282268435670009339.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2268,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TeB;CDWBR3yGxvR3bxtSn#adX9oz&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBckJlIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4xMjRaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--80ae7fe2492547a60024ce31249501c5d022d3c2/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/inbound7733029667012022167.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2268,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TIBpnb?wZytptAwFE7M}x9S6kDbG&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBckZlIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4xMjVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--342aa70fb55c5d0993e270b00d440c6e00c198c8/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/inbound6669957836000780561.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2268,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TPBW#*n#Ma%PjEnLSjRinfozWBa}&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBckplIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4xMjZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--2626e83c54b8cec24ebd526c233228603c9fc1af/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/inbound7305301599336992735.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2268,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TMCr[:NG00?cjY9Fxaa#Rk%1s:Rk&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBck5lIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4xMjZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--22763d503d073ca4285290c47344c3be4045436a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/inbound6165342183688731727.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2268,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;T~C%:ebcS5yGfla}T2jYs,WCjEae&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBclJlIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4xMjdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--3d12b57401720e619d9c5f16c48b892ca5fbd2b3/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/inbound5278940755804567611.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2268,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TgCj9VM_RN%jadV=TNt6aIOHoesl&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBclZlIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4xMjdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--8fa104bdadfc095aa7d6c72016dccf60b85643b3/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/inbound168268137763589415.jpg?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2268,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TaDcamROD$.At3M_pKt5jDN#oct7&quot;,&quot;blurhash_components_x&quot;:3,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-video"
                            data-video-src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBclplIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4xMjhaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--4f8e742eb2daa7aecae5f388c34e8fc2dd82060d/inbound4730704135502414033.mp4?locale=ja#t=0.5"
                            data-video-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1080.0,&quot;height&quot;:1920.0,&quot;duration&quot;:6.501056,&quot;angle&quot;:-90,&quot;display_aspect_ratio&quot;:[16,9],&quot;audio&quot;:true,&quot;video&quot;:true,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TfJH8bI94..TMwMwt8jYWBV@oft7&quot;,&quot;blurhash_components_x&quot;:3,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-video"
                            data-video-src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcmRlIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4xMjhaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--1b12b56786f55b65955afe02db2795200147073a/inbound2536111841472696364.mp4?locale=ja#t=0.5"
                            data-video-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1080.0,&quot;height&quot;:1920.0,&quot;duration&quot;:13.067278,&quot;angle&quot;:-90,&quot;display_aspect_ratio&quot;:[16,9],&quot;audio&quot;:true,&quot;video&quot;:true,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;T9HB--%gD$00M}9F0K-;-;IU%2xv&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_1054_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="/ja/explore/shares/1054/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_1054_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_1054_reshare">
      <a data-turbo="true" data-turbo-frame="share_1054_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/ja/explore/shares/1054/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_1054_shares_count">
          0
        </span>
</a>  </div>
</div>
<div id="share_1054_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_1054_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="/ja/explore/shares/1054">
                ビュー
                <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="ja"
                                data-see-more-less-more-value="続きを見る"
                                data-see-more-less-less-value="もっと見る">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> ALGERIEFY  ADVENTURE  </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>

                      </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">翻訳を参照してください</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>
  <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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTODVPRFE6ZmVhdHVyZXMi--4358872036c3fe151e58fe426b7723c0cb9e5241643063f273934ca7a5af55c5"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_984">
      <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="/ja/users/anissa-sahraoui">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="anissasahraoui11@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa1F3IiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4yNTZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--2440151d8b12f9eb8b227b305d4f0f813a9f0020/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/IMG_4897.jpeg?locale=ja" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> Anissa Sahraoui
                    </h6>
                    <div class="fs-xs me-2 pe-1 mt-n1">
                      12ヶ月
                    </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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcmxVIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMzo1Ni4yNTlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--d2ad139b544c36db977ba6297adb7d9f4bcfa7c7/1746995778573462.mov?locale=ja#t=0.5"
                            data-video-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1080.0,&quot;height&quot;:1920.0,&quot;duration&quot;:21.533333,&quot;audio&quot;:true,&quot;video&quot;:true,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;THFz{9-BR*;{nhWV1M%1azbwslae&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_984_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="/ja/explore/shares/984/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_984_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_984_reshare">
      <a data-turbo="true" data-turbo-frame="share_984_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/ja/explore/shares/984/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_984_shares_count">
          1
        </span>
</a>  </div>
</div>
<div id="share_984_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_984_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="/ja/explore/shares/984">
                ビュー
                <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="ja"
                                data-see-more-less-more-value="続きを見る"
                                data-see-more-less-less-value="もっと見る">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> Anissa Sahraoui </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>Djanet 🇩🇿</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-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>
  <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="/ja/explore/shares.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>