<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-user "></i>
      <h2 data-skeleton-target="">Profile</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">
    <a id="slideover-tab0" href="/users/WN6blBN3/profile" class="slideover-tabs-tab slideover-tabs-tab--active" data-method="get">About</a>
    <a id="slideover-tab1" href="/users/WN6blBN3/profile_activity" class="slideover-tabs-tab" data-method="get">Activity</a>
</div>
<div class="slideover-body" data-slideover-target="body">
  
    
  <div id="replaceable-form" class="scrollable-content gap-1 p-2">
  <div class="accordion-panel">
    <div class="panel-body flex !flex-row !items-center !gap-4">
      <img class="w-16 h-16 rounded-md shrink-0" src="https://secure.gravatar.com/avatar/24b8f214c724b48fb18aa9d7cbe491e5.png?default=mp&amp;rating=pg&amp;size=48" />
      <div class='w-full'>
        <div class="text-md font-medium text-gray-700 leading-tight">Jon Beekman</div>
          <div class="text-gray-500 !font-normal text-sm">Managing Partner at <span class="text-gray-700 font-medium">Mojo Ventures</span></div>
        <div class="flex items-center gap-4 mt-2">
          <div class="flex items-center gap-1.5">
                <span class="h-2 w-2 bg-gray-300 rounded-full"> </span>
                <span class="text-xs !font-normal text-gray-400">Last active today</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
              <path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300" />
              <path d="M8 4.5V8H11.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300" />
            </svg>
            <span class="text-xs !font-normal text-gray-500">2:36 PM local time</span>
          </div>
          <div class='flex gap-2 text-right items-center'>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="accordion-panel" data-controller="accordion-panel" data-accordion-panel-state-value="opened">
    <div class="panel-heading" data-accordion-panel-target="heading">
      <div class="panel-title">
        <i class="ph-user-circle-bold"></i>
        <h4>About <span class="text-sm normal-case">Jon Beekman</span></h4>
      </div>
    </div>
    <div class="panel-body" data-accordion-panel-target="body">
        <div class="blank-slate-wrapper blank-slate-wrapper--horizontal">
  <div class="blank-stale-mesh">
      <img src="https://d2id8jgnbwyil5.cloudfront.net/illustrations/hub-illy-empty-documents-gray.svg" alt="" width="96" height="96">
  </div>

  <div class="blank-slate-content">
    <h2>No bio available</h2>
      <p>Jon Beekman hasn&#39;t written a bio yet.</p>
  </div>
</div>
    </div>
  </div>
  <div class="accordion-panel">
    <div class="panel-body">
        <div class="flex items-center gap-2">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
            <path d="M22.2283 -1.90735e-06H1.77167C1.30179 -1.90735e-06 0.851161 0.186656 0.518909 0.518908C0.186657 0.85116 0 1.30179 0 1.77166V22.2283C0 22.6982 0.186657 23.1488 0.518909 23.4811C0.851161 23.8133 1.30179 24 1.77167 24H22.2283C22.6982 24 23.1488 23.8133 23.4811 23.4811C23.8133 23.1488 24 22.6982 24 22.2283V1.77166C24 1.30179 23.8133 0.85116 23.4811 0.518908C23.1488 0.186656 22.6982 -1.90735e-06 22.2283 -1.90735e-06ZM7.15333 20.445H3.545V8.98333H7.15333V20.445ZM5.34667 7.395C4.93736 7.39269 4.53792 7.26919 4.19873 7.04009C3.85955 6.81098 3.59584 6.48653 3.44088 6.10769C3.28591 5.72885 3.24665 5.31259 3.32803 4.91145C3.40941 4.51032 3.6078 4.14227 3.89816 3.85378C4.18851 3.56528 4.55781 3.36927 4.95947 3.29046C5.36112 3.21165 5.77711 3.25359 6.15495 3.41098C6.53279 3.56838 6.85554 3.83417 7.08247 4.17481C7.30939 4.51546 7.43032 4.91569 7.43 5.325C7.43386 5.59903 7.38251 5.87104 7.27901 6.1248C7.17551 6.37857 7.02198 6.6089 6.82757 6.80206C6.63316 6.99523 6.40185 7.14728 6.14742 7.24915C5.893 7.35102 5.62067 7.40062 5.34667 7.395ZM20.4533 20.455H16.8467V14.1933C16.8467 12.3467 16.0617 11.7767 15.0483 11.7767C13.9783 11.7767 12.9283 12.5833 12.9283 14.24V20.455H9.32V8.99167H12.79V10.58H12.8367C13.185 9.875 14.405 8.67 16.2667 8.67C18.28 8.67 20.455 9.865 20.455 13.365L20.4533 20.455Z" fill="#0A66C2"/>
          </svg>
          <a target="_blank" href="https://www.linkedin.com/in/jonathanbeekman/">
            https://www.linkedin.com/in/jonathanbeekman/
</a>        </div>
    </div>
  </div>
</div>



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