<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/BKVPPVn3/profile" class="slideover-tabs-tab slideover-tabs-tab--active" data-method="get">About</a>
    <a id="slideover-tab1" href="/users/BKVPPVn3/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://cdn.decilehub.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTkwMzMzLCJwdXIiOiJibG9iX2lkIn19--0823d3e2c7d3b5424f25e128edbc4e921a031b8e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzQ4LDQ4XSwiZ3Jhdml0eSI6ImNlbnRlciIsImV4dGVudCI6IjQ4eDQ4In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--ae880f8e72d2c71d00be075eb0b4749b11b944aa/1%20headshot.png" />
      <div class='w-full'>
        <div class="text-md font-medium text-gray-700 leading-tight">John Roberts</div>
          <div class="text-gray-500 !font-normal text-sm">Managing Partner at <span class="text-gray-700 font-medium">Boot64 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">4: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">John Roberts</span></h4>
      </div>
    </div>
    <div class="panel-body" data-accordion-panel-target="body">
        <div class="text-base text-gray-600"><div class="trix-content">
  <div>Cohort 9 grad, winner of the cohort's Top Community Voice Award and currently Managing Partner of Boot64 Ventures, a New Orleans based $10MM seed capital fund.</div>
</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/johnkrobertsiii/">
            https://www.linkedin.com/in/johnkrobertsiii/
</a>        </div>
        <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 fill-rule="evenodd" clip-rule="evenodd" d="M3 0C1.34277 0 0 1.34314 0 3V21C0 22.6569 1.34277 24 3 24H21C22.6572 24 24 22.6569 24 21V3C24 1.34314 22.6572 0 21 0H3ZM18.5723 5H16.1982L12.2842 9.47357L8.90039 5H4L9.85449 12.6572L4.30566 19H6.68164L10.9658 14.1063L14.709 19H19.4883L13.3848 10.9306L18.5723 5ZM16.6807 17.5785H15.3643L6.77344 6.34723H8.18555L16.6807 17.5785Z" fill="black"/>
          </svg>
          <a target="_blank" href="https://twitter.com/Boot641">
            https://twitter.com/Boot641
</a>        </div>
    </div>
  </div>
</div>



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