<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">
          <img loading="lazy" class="hover:opacity-80" src="https://secure.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e.png?default=mp&amp;rating=pg&amp;size=48" />
        </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">
                <div class="text-md font-medium text-primary-text hover:text-tertiary-text truncate">Community Member</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="yRIepATRy7owJ5kAoERF-jQW3GZc6wDmuh9wKfBeDgspzEkeBcPlCHWzBOvd6HGi4Nf59RjwggtFORdbtoyVNw" 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://www.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://www.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>
