<turbo-stream action="update" target="slideover-content"><template>
  <div class="slideover-header">
  <div class="flex items-center justify-between py-4">
    <div class="slideover-title">
      <i class="ph- hidden"></i>
      <h2 data-skeleton-target="">Pinned Posts (1)</h2>
    </div>
    <div class="slideover-actions">
      <button class="modal-close" data-action="slideover#forceClose">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
          <path d="M12.5 3.5L3.5 12.5" stroke="#D4D4D8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
          <path d="M12.5 12.5L3.5 3.5" stroke="#D4D4D8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </button>
    </div>
  </div>
</div>
<div class="slideover-tabs">
</div>
<div class="slideover-body" data-slideover-target="body">
  
    <div class='p-4 scrollable-content ' data-controller='base--sidebar-threads'>
      <div class="flex flex-col gap-1" data-base--sidebar-threads-target='postList'>
          <a id="message_005195"></a>


<turbo-frame class="decile-base-community-post group" data-user-id="ogNryEK1" data-unread="false" id="base_post_5195">

  <article class="flex flex-col gap-3 relative rounded-lg group" >

    <turbo-frame class="absolute right-0 top-0 z-10" id="pinned_badge_post_5195">
          <div class="badge-dh badge-dh-purple  " >
  <span>Pinned</span>
</div>

</turbo-frame>

      <div class="flex items-start gap-2 lg:gap-4">

        <div class="post-avatar cursor-pointer">
          <div data-controller="profile-tooltip" data-profile-tooltip-url-value="/users/ogNryEK1/profile_preview"><img loading="lazy" class="hover:opacity-80" src="https://cdn.decilehub.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTI3LCJwdXIiOiJibG9iX2lkIn19--d4fc650bf4d8927bf87d4adefa400647beec8f4e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzQ4LDQ4XSwiZ3Jhdml0eSI6ImNlbnRlciIsImV4dGVudCI6IjQ4eDQ4In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--ae880f8e72d2c71d00be075eb0b4749b11b944aa/Mike_Suprovici.png" /></div>
        </div>

        <div class="flex flex-col flex-1 min-w-0">

          <div class="flex items-center justify-between gap-1 mb-0.5">

            <div class="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-3">
              <div class="min-w-0 flex items-center gap-1">
                <a class="text-md font-medium text-primary-text hover:text-tertiary-text truncate" data-turbo-stream="true" data-method="get" href="/users/ogNryEK1/profile"><span data-controller="profile-tooltip" data-profile-tooltip-url-value="/users/ogNryEK1/profile_preview">Mike Suprovici</span></a>
                  <div data-controller="tooltip" data-tippy-content="Decile Base Admin" class="">
    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="">
<path d="M2.05288 11.9471C1.43365 11.3279 1.84423 10.0288 1.52788 9.26827C1.21154 8.50769 0 7.84135 0 7C0 6.15865 1.19808 5.51923 1.52788 4.73173C1.85769 3.94423 1.43365 2.67212 2.05288 2.05288C2.67212 1.43365 3.97115 1.84423 4.73173 1.52788C5.49231 1.21154 6.15865 0 7 0C7.84135 0 8.48077 1.19808 9.26827 1.52788C10.0558 1.85769 11.3279 1.43365 11.9471 2.05288C12.5663 2.67212 12.1558 3.97115 12.4721 4.73173C12.7885 5.49231 14 6.15865 14 7C14 7.84135 12.8019 8.48077 12.4721 9.26827C12.1423 10.0558 12.5663 11.3279 11.9471 11.9471C11.3279 12.5663 10.0288 12.1558 9.26827 12.4721C8.50769 12.7885 7.84135 14 7 14C6.15865 14 5.51923 12.8019 4.73173 12.4721C3.94423 12.1423 2.67212 12.5663 2.05288 11.9471Z" fill="#F59E0B"></path>
<path d="M9.5 5L5.83125 8.5L4 6.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

  </div>

              </div>
              <time datetime="2024-10-14T15:50:19Z" class="text-disabled-text text-xs shrink-0 mt-0.5" data-local="time" data-format="%B %d at %I:%M %P">October 14 at 03:50 pm</time>
            </div>

          </div>

          <div class="post-content" data-action="click->base--sidebar-threads#showThread click->window#closeSlideover" data-post-url="/base/166-general/5195-decile-group-announcements-only-no-new-posts-thanks-for-keeping-it-organized/show_slideover" data-floating="false">
            <div class="trix-content">
  <div>Hey everyone! This channel is reserved for Decile Group to share important community announcements. Please avoid creating new posts here. Thanks for helping keep things organized! 😊</div>
</div>

          </div>




          

        </div>

      </div>


    <div class="flex items-center justify-between ml-8 lg:ml-14 decile-base-side-content:ml-11">

      <div class="flex items-center gap-0.5">
          <turbo-frame id="reactions_base_post_5195">

    <form class="flex gap-1 flex-wrap" data-turbo-frame="_top" data-turbo-stream="true" data-emoji-target="form" action="/reactions" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2SxhCwD3mPPhGPPr6QLf-jJTm6WfEa7NHI5Nz9cOEMkgITOJNOMJ4AbWyOFwVGM1vMymVTlNucD0PuCGCrbBDA" autocomplete="off" />
      <input id="reactable_gid_base_post_5195" value="gid://decile-hub/Base::Post/5195" autocomplete="off" type="hidden" name="reaction[reactable_gid]" />

          <div class='btn-post-option' data-controller='tooltip' data-tippy-allowhtml="true" data-tippy-content="<span class='font-semibold'>6 people </span> reacted with <span class='font-semibold'>:+1:</span>">
            <span class="text-sm">👍</span>
            <span class="text-xs font-medium">6</span>
          </div>
          <div class='btn-post-option' data-controller='tooltip' data-tippy-allowhtml="true" data-tippy-content="<span class='font-semibold'>3 people </span> reacted with <span class='font-semibold'>:clap:</span>">
            <span class="text-sm">👏</span>
            <span class="text-xs font-medium">3</span>
          </div>
          <div class='btn-post-option' data-controller='tooltip' data-tippy-allowhtml="true" data-tippy-content="<span class='font-semibold'>1 person </span> reacted with <span class='font-semibold'>:saluting_face:</span>">
            <span class="text-sm">🫡</span>
            <span class="text-xs font-medium">1</span>
          </div>
          <div class='btn-post-option' data-controller='tooltip' data-tippy-allowhtml="true" data-tippy-content="<span class='font-semibold'>1 person </span> reacted with <span class='font-semibold'>:zany_face:</span>">
            <span class="text-sm">🤪</span>
            <span class="text-xs font-medium">1</span>
          </div>


</form>
</turbo-frame>


        <div class="relative">
          <a data-turbo-frame="_top" class="btn-post-option btn-replies " href="/base/166-general/5195-decile-group-announcements-only-no-new-posts-thanks-for-keeping-it-organized">
            <turbo-frame id="replies_count_number_base_post_5195">
              0

</turbo-frame>            replies
</a>        </div>

      </div>

      
<div data-controller="dropdown" class="flex items-center gap-0.5 relative lg:hidden">

  

  <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="btn-post-option">
    <i class="ph-dots-three-bold"></i>
  </button>

  <div class="w-56 hidden dropdown-dh-menu dropdown-top-right" data-dropdown-target="menu">

    <div class="dropdown-section max-h-36 scrollable-content">

      <a href="#" class="dropdown-item" data-controller="clipboard tooltip" data-clipboard-text="https://decilehub.com/base/166-general/5195-decile-group-announcements-only-no-new-posts-thanks-for-keeping-it-organized#005195" data-action="dropdown#toggle" data-tippy-content='Copy URL of this post'>
        <i class="ph-copy"></i>
        Copy Link
      </a>

      <turbo-frame class="contents" id="mobile_pin_button_post_5195">
</turbo-frame>

      <turbo-frame class="contents" id="mobile_bookmark_icon_post_5195">
</turbo-frame>



    </div>

    <div class="dropdown-section">




    </div>

  </div>

</div>

  <div class="hidden lg:flex items-center gap-0.5"
    data-controller="collapsible"
    data-collapsible-open-icon-value="ph-x"
    data-collapsible-closed-icon-value="ph-dots-three-bold"
    data-collapsible-open-tooltip-text-value="Close options"
    data-collapsible-closed-tooltip-text-value="Show more options">

    <turbo-frame class="contents" id="follow_button_post_5195">
</turbo-frame>
    

    <div class="flex items-center gap-0.5 !hidden" data-collapsible-target="child">


      <turbo-frame class="contents" id="bookmark_icon_post_5195">
</turbo-frame>
      <turbo-frame class="contents" id="pin_button_post_5195">
</turbo-frame>

      <a href="#" class="btn-post-option" data-controller="clipboard tooltip" data-clipboard-text="https://decilehub.com/base/166-general/5195-decile-group-announcements-only-no-new-posts-thanks-for-keeping-it-organized#005195" data-tippy-content='Copy URL of this post'>
        <i class="ph-copy"></i>
      </a>




    </div>

    <button class="btn-post-option before:!text-mdd before:!text-gray-500" data-collapsible-target="arrow">
      <span class="sr-only">More options</span>
    </button>

  </div>


    </div>

  </article>

</turbo-frame>
      </div>
    </div>

</div></template></turbo-stream>
