    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="65">
        <div class="flex gap-3"><a href="/u/1zqEnR4f"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/1zqEnR4f">Rick G.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Ask Me Anything!" aria-label="View event: Ask Me Anything!" href="/groups/radd-studio-inc/events/hh7doys3jjit"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Ask Me Anything!</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-08-02T02:00:00Z" class="text-xs text-zinc-500">Friday, Aug 02 at  2:00 AM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Radd Studio Inc group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODksInB1ciI6ImJsb2JfaWQifX0=--f06fe5fd3464e7d3010110fdecba9a99089a22ac/rs_logo_crest_stereo_123x123.png" /></div><span class="text-xs text-zinc-500 truncate">Radd Studio Inc</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Decentralized</span><span class="hidden sm:inline truncate">Decentralized</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-07-16T17:40:05Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="212">
        <div class="flex gap-3"><a href="/u/f5IJ416D"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/f5IJ416D">Rick C.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Entrepreneurs Anonymous" aria-label="View event: Entrepreneurs Anonymous" href="/groups/fox-build-makerspace/events/lzflzxftzdxb"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Entrepreneurs Anonymous</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-08-08T01:30:00Z" class="text-xs text-zinc-500">Thursday, Aug 08 at  1:30 AM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Fox.Build Makerspace group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTAsInB1ciI6ImJsb2JfaWQifX0=--bd8e0bb355a92dd8fdc4e859ae20cd52dc9d34d3/logo.png" /></div><span class="text-xs text-zinc-500 truncate">Fox.Build Makerspace</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">IL, USA</span><span class="hidden sm:inline truncate">11 East Main Street, St. Charles, IL, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-07-16T12:47:34Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="210">
        <div class="flex gap-3"><a href="/u/f5IJ416D"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/f5IJ416D">Rick C.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A Makerspace in Saint Charles, Illinois</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: Fox.Build Makerspace" aria-label="Visit group: Fox.Build Makerspace" href="/groups/fox-build-makerspace"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded-lg" alt="Fox.Build Makerspace group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTAsInB1ciI6ImJsb2JfaWQifX0=--bd8e0bb355a92dd8fdc4e859ae20cd52dc9d34d3/logo.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Fox.Build Makerspace</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><img class="w-full h-full object-cover" alt="Avatar for willsdixo12" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjA2LCJwdXIiOiJibG9iX2lkIn19--7f6484e54c8a79617c10da5c7e04563b6e231175/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzQ4LDQ4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--19d5e18fccb7a9d7b023e6fd407cd9625e13f99e/545408467_2614958015524662_8111362837036544885_n.jpg" /></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><img class="w-full h-full object-cover" alt="Avatar for radius-bot" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDYzLCJwdXIiOiJibG9iX2lkIn19--d6892368538770deb70c31d14e8d6cdfbee8f3ff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzQ4LDQ4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--70d33f11ce0a44f5258048f3d3f713b27f051594/Screenshot%202025-10-11%20at%2016.42.06.png" /></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">R</span></div></div></div><span class="text-xs text-zinc-500">3 members</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">IL, USA</span><span class="hidden sm:inline truncate">Saint Charles, IL, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-07-16T12:44:58Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="207">
        <div class="flex gap-3"><a href="/u/poVbkWfq"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">M</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/poVbkWfq">Maia L.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">En gruppe for eventer av kulturell karakter uten å være styrt av meta</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: Hva skjer i Oslo" aria-label="Visit group: Hva skjer i Oslo" href="/groups/hva-skjer-i-oslo"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded-lg" alt="Hva skjer i Oslo group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODYsInB1ciI6ImJsb2JfaWQifX0=--600fc9ec5e5761dd4aea05ab26d5aa5f28f53e72/20240708_084203.jpg" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Hva skjer i Oslo</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">J</span></div></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">C</span></div></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">M</span></div></div></div><span class="text-xs text-zinc-500">3 members</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=other">Other</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Oslo, Noreg</span><span class="hidden sm:inline truncate">Oslo, Noreg</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-07-14T09:43:33Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="88">
        <div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Climate Café - Human impact on oceans" aria-label="View event: Climate Café - Human impact on oceans" href="/groups/aberdeen-climate-action/events/uaimlt66ol9o"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Climate Café - Human impact on oceans</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-09-03T19:00:00Z" class="text-xs text-zinc-500">Tuesday, Sep 03 at  7:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">1 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Aberdeen Climate Action group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODUsInB1ciI6ImJsb2JfaWQifX0=--7d45ef680a7d8fa1d93155cf5c8b595adc3f9cf4/Screenshot%202024-07-03%20at%2000.24.15.png" /></div><span class="text-xs text-zinc-500 truncate">Aberdeen Climate Action</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=community">Community</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Aberdeen, UK</span><span class="hidden sm:inline truncate">The Anatomy Rooms, All In Ideas SCIO, Arkade Studios, Shoe Lane, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-07-06T01:35:54Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="201">
        <div class="flex gap-3"><a href="/u/caknNMoa"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">B</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/caknNMoa">Bibin M.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A weekend meet-up group for remote workers to connect</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: Converge Thiruvalla " aria-label="Visit group: Converge Thiruvalla " href="/groups/converge-thiruvalla"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded-lg flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(34, 197, 94, 0.6), rgba(59, 130, 246, 0.6), rgba(34, 211, 238, 0.6));" role="img" aria-label="Converge Thiruvalla  group image"><svg class="lucide lucide-orbit text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <path d="M20.341 6.484A10 10 0 0 1 10.266 21.85"></path>
  <path d="M3.659 17.516A10 10 0 0 1 13.74 2.152"></path>
  <circle cx="12" cy="12" r="3"></circle>
  <circle cx="19" cy="5" r="2"></circle>
  <circle cx="5" cy="19" r="2"></circle>
</svg></div></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Converge Thiruvalla </h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">A</span></div></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">S</span></div></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">M</span></div></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">B</span></div></div></div><span class="text-xs text-zinc-500">4 members</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=active-outdoors">Active &amp; Outdoors</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Kerala, India</span><span class="hidden sm:inline truncate">Thiruvalla, Kerala, India</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-07-05T12:02:50Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="200">
        <div class="flex gap-3"><a href="/u/g0RkRHVP"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">M</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/g0RkRHVP">Matteo S.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Improv Games (in the park)" aria-label="View event: Improv Games (in the park)" href="/groups/social-adventures-in-berlin/events/mltdjv71fjp0"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Improv Games (in the park)</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-07-14T14:00:00Z" class="text-xs text-zinc-500">Sunday, Jul 14 at  2:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(59, 130, 246, 0.6), rgba(34, 211, 238, 0.6), rgba(139, 92, 246, 0.6));" role="img" aria-label="Social Adventures in Berlin group image"><svg class="lucide lucide-circle-dashed text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <path d="M10.1 2.182a10 10 0 0 1 3.8 0"></path>
  <path d="M13.9 21.818a10 10 0 0 1-3.8 0"></path>
  <path d="M17.609 3.721a10 10 0 0 1 2.69 2.7"></path>
  <path d="M2.182 13.9a10 10 0 0 1 0-3.8"></path>
  <path d="M20.279 17.609a10 10 0 0 1-2.7 2.69"></path>
  <path d="M21.818 10.1a10 10 0 0 1 0 3.8"></path>
  <path d="M3.721 6.391a10 10 0 0 1 2.7-2.69"></path>
  <path d="M6.391 20.279a10 10 0 0 1-2.69-2.7"></path>
</svg></div></div><span class="text-xs text-zinc-500 truncate">Social Adventures in Berlin</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=active-outdoors">Active &amp; Outdoors</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Berlin, Deutschland</span><span class="hidden sm:inline truncate">Berlin, Deutschland</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-07-03T11:53:19Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="199">
        <div class="flex gap-3"><a href="/u/g0RkRHVP"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">M</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/g0RkRHVP">Matteo S.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Get out of your comfort zone, and have fun along the way!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: Social Adventures in Berlin" aria-label="Visit group: Social Adventures in Berlin" href="/groups/social-adventures-in-berlin"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded-lg flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(59, 130, 246, 0.6), rgba(34, 211, 238, 0.6), rgba(139, 92, 246, 0.6));" role="img" aria-label="Social Adventures in Berlin group image"><svg class="lucide lucide-circle-dashed text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <path d="M10.1 2.182a10 10 0 0 1 3.8 0"></path>
  <path d="M13.9 21.818a10 10 0 0 1-3.8 0"></path>
  <path d="M17.609 3.721a10 10 0 0 1 2.69 2.7"></path>
  <path d="M2.182 13.9a10 10 0 0 1 0-3.8"></path>
  <path d="M20.279 17.609a10 10 0 0 1-2.7 2.69"></path>
  <path d="M21.818 10.1a10 10 0 0 1 0 3.8"></path>
  <path d="M3.721 6.391a10 10 0 0 1 2.7-2.69"></path>
  <path d="M6.391 20.279a10 10 0 0 1-2.69-2.7"></path>
</svg></div></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Social Adventures in Berlin</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">M</span></div></div></div><span class="text-xs text-zinc-500">1 member</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=active-outdoors">Active &amp; Outdoors</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Berlin, Deutschland</span><span class="hidden sm:inline truncate">Berlin, Deutschland</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-07-03T11:46:48Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="87">
        <div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Aberdeen Beach Community Litter Pick" aria-label="View event: Aberdeen Beach Community Litter Pick" href="/groups/aberdeen-climate-action/events/7rmotlfjcoq7"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Aberdeen Beach Community Litter Pick</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-07-07T11:00:00Z" class="text-xs text-zinc-500">Sunday, Jul 07 at 11:00 AM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">3 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Aberdeen Climate Action group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODUsInB1ciI6ImJsb2JfaWQifX0=--7d45ef680a7d8fa1d93155cf5c8b595adc3f9cf4/Screenshot%202024-07-03%20at%2000.24.15.png" /></div><span class="text-xs text-zinc-500 truncate">Aberdeen Climate Action</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=community">Community</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Aberdeen, UK</span><span class="hidden sm:inline truncate">Beach Ballroom, Beach Promenade, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-07-02T23:37:53Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="194">
        <div class="flex gap-3"><a href="/u/Uh1VYj8r"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">M</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/Uh1VYj8r">Max M.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Pickup Soccer - Wed, July 31 @ 7pm" aria-label="View event: Pickup Soccer - Wed, July 31 @ 7pm" href="/groups/shaker-heights-pickup-soccer/events/xmcfs98qmjpc"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Pickup Soccer - Wed, July 31 @ 7pm</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-07-31T23:00:00Z" class="text-xs text-zinc-500">Wednesday, Jul 31 at 11:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(236, 72, 153, 0.6), rgba(249, 115, 22, 0.6), rgba(234, 179, 8, 0.6));" role="img" aria-label="Shaker Heights Pickup Soccer group image"><svg class="lucide lucide-network text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <rect x="16" y="16" width="6" height="6" rx="1"></rect>
  <rect x="2" y="16" width="6" height="6" rx="1"></rect>
  <rect x="9" y="2" width="6" height="6" rx="1"></rect>
  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path>
  <path d="M12 12V8"></path>
</svg></div></div><span class="text-xs text-zinc-500 truncate">Shaker Heights Pickup Soccer</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=sports">Sports</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">OH, USA</span><span class="hidden sm:inline truncate">Shaker Heights Middle School, Shaker Boulevard, Shaker Heights, OH, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-30T20:58:59Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="rounded-lg border border-zinc-800/30 bg-zinc-900/30 hover:border-zinc-700/50" data-controller="activity-collapse"><button class="w-full flex items-center gap-3 px-4 py-3 rounded-lg text-sm transition-colors bg-transparent border-0 text-left text-zinc-400 hover:text-zinc-300 cursor-pointer" data-action="activity-collapse#toggle" type="button"><span class="w-6 h-6 rounded-md flex items-center justify-center flex-shrink-0 overflow-hidden bg-emerald-500/20"><svg class="lucide lucide-calendar w-3.5 h-3.5 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></span><span>And 5 more events from <span class="text-zinc-200 ml-1">Shaker Heights Pickup Soccer</span></span><span class="w-4 h-4 ml-auto transition-transform flex-shrink-0" data-activity-collapse-chevron="true"><svg class="lucide lucide-chevron-down w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="m6 9 6 6 6-6"></path>
</svg></span></button><div class="hidden pt-1 pb-2 px-2 space-y-4" data-activity-collapse-target="content"><article class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="193"><div class="flex gap-3"><a href="/u/Uh1VYj8r"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">M</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/Uh1VYj8r">Max M.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Pickup Soccer - Wed, July 24 @ 7pm" aria-label="View event: Pickup Soccer - Wed, July 24 @ 7pm" href="/groups/shaker-heights-pickup-soccer/events/cbxy52d922va"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Pickup Soccer - Wed, July 24 @ 7pm</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-07-24T23:00:00Z" class="text-xs text-zinc-500">Wednesday, Jul 24 at 11:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(236, 72, 153, 0.6), rgba(249, 115, 22, 0.6), rgba(234, 179, 8, 0.6));" role="img" aria-label="Shaker Heights Pickup Soccer group image"><svg class="lucide lucide-network text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <rect x="16" y="16" width="6" height="6" rx="1"></rect>
  <rect x="2" y="16" width="6" height="6" rx="1"></rect>
  <rect x="9" y="2" width="6" height="6" rx="1"></rect>
  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path>
  <path d="M12 12V8"></path>
</svg></div></div><span class="text-xs text-zinc-500 truncate">Shaker Heights Pickup Soccer</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=sports">Sports</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">OH, USA</span><span class="hidden sm:inline truncate">Shaker Heights Middle School, Shaker Boulevard, Shaker Heights, OH, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-30T20:58:23Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div></article><article class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="192"><div class="flex gap-3"><a href="/u/Uh1VYj8r"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">M</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/Uh1VYj8r">Max M.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Pickup Soccer - Wed, July 17 @ 7pm" aria-label="View event: Pickup Soccer - Wed, July 17 @ 7pm" href="/groups/shaker-heights-pickup-soccer/events/m8ixylxanpgo"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Pickup Soccer - Wed, July 17 @ 7pm</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-07-17T23:00:00Z" class="text-xs text-zinc-500">Wednesday, Jul 17 at 11:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(236, 72, 153, 0.6), rgba(249, 115, 22, 0.6), rgba(234, 179, 8, 0.6));" role="img" aria-label="Shaker Heights Pickup Soccer group image"><svg class="lucide lucide-network text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <rect x="16" y="16" width="6" height="6" rx="1"></rect>
  <rect x="2" y="16" width="6" height="6" rx="1"></rect>
  <rect x="9" y="2" width="6" height="6" rx="1"></rect>
  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path>
  <path d="M12 12V8"></path>
</svg></div></div><span class="text-xs text-zinc-500 truncate">Shaker Heights Pickup Soccer</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=sports">Sports</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">OH, USA</span><span class="hidden sm:inline truncate">Shaker Heights Middle School, Shaker Boulevard, Shaker Heights, OH, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-30T20:57:47Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div></article><article class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="191"><div class="flex gap-3"><a href="/u/Uh1VYj8r"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">M</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/Uh1VYj8r">Max M.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Pickup Soccer - Wed, July 10 @ 7pm" aria-label="View event: Pickup Soccer - Wed, July 10 @ 7pm" href="/groups/shaker-heights-pickup-soccer/events/atfywggsq0rj"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Pickup Soccer - Wed, July 10 @ 7pm</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-07-10T23:00:00Z" class="text-xs text-zinc-500">Wednesday, Jul 10 at 11:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(236, 72, 153, 0.6), rgba(249, 115, 22, 0.6), rgba(234, 179, 8, 0.6));" role="img" aria-label="Shaker Heights Pickup Soccer group image"><svg class="lucide lucide-network text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <rect x="16" y="16" width="6" height="6" rx="1"></rect>
  <rect x="2" y="16" width="6" height="6" rx="1"></rect>
  <rect x="9" y="2" width="6" height="6" rx="1"></rect>
  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path>
  <path d="M12 12V8"></path>
</svg></div></div><span class="text-xs text-zinc-500 truncate">Shaker Heights Pickup Soccer</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=sports">Sports</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">OH, USA</span><span class="hidden sm:inline truncate">Shaker Heights Middle School, Shaker Boulevard, Shaker Heights, OH, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-30T20:55:40Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div></article><article class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="190"><div class="flex gap-3"><a href="/u/Uh1VYj8r"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">M</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/Uh1VYj8r">Max M.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Pickup Soccer - Wed, July 3 @ 7pm" aria-label="View event: Pickup Soccer - Wed, July 3 @ 7pm" href="/groups/shaker-heights-pickup-soccer/events/0eiweakkwrsf"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Pickup Soccer - Wed, July 3 @ 7pm</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-07-03T23:00:00Z" class="text-xs text-zinc-500">Wednesday, Jul 03 at 11:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">7 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(236, 72, 153, 0.6), rgba(249, 115, 22, 0.6), rgba(234, 179, 8, 0.6));" role="img" aria-label="Shaker Heights Pickup Soccer group image"><svg class="lucide lucide-network text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <rect x="16" y="16" width="6" height="6" rx="1"></rect>
  <rect x="2" y="16" width="6" height="6" rx="1"></rect>
  <rect x="9" y="2" width="6" height="6" rx="1"></rect>
  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path>
  <path d="M12 12V8"></path>
</svg></div></div><span class="text-xs text-zinc-500 truncate">Shaker Heights Pickup Soccer</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=sports">Sports</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">OH, USA</span><span class="hidden sm:inline truncate">Shaker Heights Middle School, Shaker Boulevard, Shaker Heights, OH, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-30T20:44:23Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div></article><article class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="189"><div class="flex gap-3"><a href="/u/Uh1VYj8r"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">M</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/Uh1VYj8r">Max M.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Pickup Soccer - June 27 @ 7pm" aria-label="View event: Pickup Soccer - June 27 @ 7pm" href="/groups/shaker-heights-pickup-soccer/events/a1m6ukv866zx"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Pickup Soccer - June 27 @ 7pm</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-06-28T00:00:00Z" class="text-xs text-zinc-500">Friday, Jun 28 at 12:00 AM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(236, 72, 153, 0.6), rgba(249, 115, 22, 0.6), rgba(234, 179, 8, 0.6));" role="img" aria-label="Shaker Heights Pickup Soccer group image"><svg class="lucide lucide-network text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <rect x="16" y="16" width="6" height="6" rx="1"></rect>
  <rect x="2" y="16" width="6" height="6" rx="1"></rect>
  <rect x="9" y="2" width="6" height="6" rx="1"></rect>
  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path>
  <path d="M12 12V8"></path>
</svg></div></div><span class="text-xs text-zinc-500 truncate">Shaker Heights Pickup Soccer</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=sports">Sports</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">OH, USA</span><span class="hidden sm:inline truncate">Shaker Heights Middle School, Shaker Boulevard, Shaker Heights, OH, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-27T16:06:38Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div></article></div></div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="182">
        <div class="flex gap-3"><a href="/u/Uh1VYj8r"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">M</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/Uh1VYj8r">Max M.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Summer pickup soccer game in the Shaker Heights area</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: Shaker Heights Pickup Soccer" aria-label="Visit group: Shaker Heights Pickup Soccer" href="/groups/shaker-heights-pickup-soccer"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded-lg flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(236, 72, 153, 0.6), rgba(249, 115, 22, 0.6), rgba(234, 179, 8, 0.6));" role="img" aria-label="Shaker Heights Pickup Soccer group image"><svg class="lucide lucide-network text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <rect x="16" y="16" width="6" height="6" rx="1"></rect>
  <rect x="2" y="16" width="6" height="6" rx="1"></rect>
  <rect x="9" y="2" width="6" height="6" rx="1"></rect>
  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path>
  <path d="M12 12V8"></path>
</svg></div></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Shaker Heights Pickup Soccer</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><img class="w-full h-full object-cover" alt="Avatar for  Scarlett Mackenzie" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjA5LCJwdXIiOiJibG9iX2lkIn19--60a851797ca00981216ad9498551b023c514404f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzQ4LDQ4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--19d5e18fccb7a9d7b023e6fd407cd9625e13f99e/photo_2025-11-20_19-21-12.jpg" /></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><img class="w-full h-full object-cover" alt="Avatar for willsdixo12" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjA2LCJwdXIiOiJibG9iX2lkIn19--7f6484e54c8a79617c10da5c7e04563b6e231175/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzQ4LDQ4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--19d5e18fccb7a9d7b023e6fd407cd9625e13f99e/545408467_2614958015524662_8111362837036544885_n.jpg" /></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">M</span></div></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">F</span></div></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">G</span></div></div></div><span class="text-xs text-zinc-500">9 members</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=sports">Sports</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">OH, USA</span><span class="hidden sm:inline truncate">Shaker Heights, OH, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-26T21:35:25Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="181">
        <div class="flex gap-3"><a href="/u/oU3tIkep"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">C</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/oU3tIkep">Cindy H.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: July " aria-label="View event: July " href="/groups/connections-july/events/5s4bhfdwgt1n"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">July </h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-07-03T09:00:00Z" class="text-xs text-zinc-500">Wednesday, Jul 03 at  9:00 AM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">1 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(99, 102, 241, 0.6), rgba(139, 92, 246, 0.6), rgba(59, 130, 246, 0.6));" role="img" aria-label="Connections July group image"><svg class="lucide lucide-orbit text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <path d="M20.341 6.484A10 10 0 0 1 10.266 21.85"></path>
  <path d="M3.659 17.516A10 10 0 0 1 13.74 2.152"></path>
  <circle cx="12" cy="12" r="3"></circle>
  <circle cx="19" cy="5" r="2"></circle>
  <circle cx="5" cy="19" r="2"></circle>
</svg></div></div><span class="text-xs text-zinc-500 truncate">Connections July</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">ON, Canada</span><span class="hidden sm:inline truncate">Toronto, ON, Canada</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-26T13:46:50Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="180">
        <div class="flex gap-3"><a href="/u/oU3tIkep"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">C</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/oU3tIkep">Cindy H.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Tech gathering</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: Connections July" aria-label="Visit group: Connections July" href="/groups/connections-july"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded-lg flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(99, 102, 241, 0.6), rgba(139, 92, 246, 0.6), rgba(59, 130, 246, 0.6));" role="img" aria-label="Connections July group image"><svg class="lucide lucide-orbit text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <path d="M20.341 6.484A10 10 0 0 1 10.266 21.85"></path>
  <path d="M3.659 17.516A10 10 0 0 1 13.74 2.152"></path>
  <circle cx="12" cy="12" r="3"></circle>
  <circle cx="19" cy="5" r="2"></circle>
  <circle cx="5" cy="19" r="2"></circle>
</svg></div></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Connections July</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">C</span></div></div></div><span class="text-xs text-zinc-500">1 member</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">ON, Canada</span><span class="hidden sm:inline truncate">Toronto, ON, Canada</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-26T13:44:38Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="179">
        <div class="flex gap-3"><a href="/u/ApkCRmUu"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">V</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/ApkCRmUu">Vaughn D.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Drinks!" aria-label="View event: Drinks!" href="/groups/montreal-data-ai-user-group/events/23bzn55quc4a"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Drinks!</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-07-02T18:00:00Z" class="text-xs text-zinc-500">Tuesday, Jul 02 at  6:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="The Brain Trust group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODEsInB1ciI6ImJsb2JfaWQifX0=--faa5d6804f7182368f5f03ccaf2ef074160718eb/mtldata.png" /></div><span class="text-xs text-zinc-500 truncate">The Brain Trust</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">QC, Canada</span><span class="hidden sm:inline truncate">Siboire Saint-Laurent, Saint Laurent Boulevard, Montreal, QC, Canada</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-25T21:59:01Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="174">
        <div class="flex gap-3"><a href="/u/ApkCRmUu"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">V</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/ApkCRmUu">Vaughn D.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A group for people building AI products and companies.</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: The Brain Trust" aria-label="Visit group: The Brain Trust" href="/groups/montreal-data-ai-user-group"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded-lg" alt="The Brain Trust group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODEsInB1ciI6ImJsb2JfaWQifX0=--faa5d6804f7182368f5f03ccaf2ef074160718eb/mtldata.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">The Brain Trust</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">J</span></div></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">C</span></div></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">M</span></div></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">J</span></div></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">C</span></div></div></div><span class="text-xs text-zinc-500">6 members</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">QC, Canada</span><span class="hidden sm:inline truncate">Montreal, QC, Canada</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-25T21:57:26Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="171">
        <div class="flex gap-3"><a href="/u/JoREVCIn"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">A</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/JoREVCIn">Aleeza C.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">to see generations burn with the desire to advance the Kingdom of YHWH</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: The King&#39;s College" aria-label="Visit group: The King&#39;s College" href="/groups/the-king-s-college"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded-lg" alt="The King&#39;s College group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODAsInB1ciI6ImJsb2JfaWQifX0=--ff050fdd4edac57d23ba7cfef7573b6eb6064e68/thekingscollegelogo.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">The King&#39;s College</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">A</span></div></div></div><span class="text-xs text-zinc-500">1 member</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=religion">Religion</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">PA, USA</span><span class="hidden sm:inline truncate">Wilkes-Barre, PA, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-24T20:07:06Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="170">
        <div class="flex gap-3"><a href="/u/iOkBWc96"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">L</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/iOkBWc96">Lola B.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Drop in, hang out with vaguely creative types</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: Office Hours" aria-label="Visit group: Office Hours" href="/groups/office-hours"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded-lg flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(249, 115, 22, 0.6), rgba(239, 68, 68, 0.6), rgba(236, 72, 153, 0.6));" role="img" aria-label="Office Hours group image"><svg class="lucide lucide-circle-dashed text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <path d="M10.1 2.182a10 10 0 0 1 3.8 0"></path>
  <path d="M13.9 21.818a10 10 0 0 1-3.8 0"></path>
  <path d="M17.609 3.721a10 10 0 0 1 2.69 2.7"></path>
  <path d="M2.182 13.9a10 10 0 0 1 0-3.8"></path>
  <path d="M20.279 17.609a10 10 0 0 1-2.7 2.69"></path>
  <path d="M21.818 10.1a10 10 0 0 1 0 3.8"></path>
  <path d="M3.721 6.391a10 10 0 0 1 2.7-2.69"></path>
  <path d="M6.391 20.279a10 10 0 0 1-2.69-2.7"></path>
</svg></div></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Office Hours</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">L</span></div></div></div><span class="text-xs text-zinc-500">1 member</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=community">Community</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">BC, Canada</span><span class="hidden sm:inline truncate">Vancouver, BC, Canada</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-24T17:26:30Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="169">
        <div class="flex gap-3"><a href="/u/qaaRK7vH"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">S</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/qaaRK7vH">Sean T.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A group for people to catalogue and enjoy the trees at Delapre Abbey</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: Delapre Roots" aria-label="Visit group: Delapre Roots" href="/groups/delapre-roots"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded-lg flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(139, 92, 246, 0.6), rgba(59, 130, 246, 0.6), rgba(236, 72, 153, 0.6));" role="img" aria-label="Delapre Roots group image"><svg class="lucide lucide-network text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <rect x="16" y="16" width="6" height="6" rx="1"></rect>
  <rect x="2" y="16" width="6" height="6" rx="1"></rect>
  <rect x="9" y="2" width="6" height="6" rx="1"></rect>
  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path>
  <path d="M12 12V8"></path>
</svg></div></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Delapre Roots</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">S</span></div></div></div><span class="text-xs text-zinc-500">1 member</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=active-outdoors">Active &amp; Outdoors</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Northampton, UK</span><span class="hidden sm:inline truncate">Delapré Abbey, London Road, Northampton, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-24T08:02:09Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="168">
        <div class="flex gap-3"><a href="/u/49saljrR"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">M</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/49saljrR">Manfred L.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Online Meeting" aria-label="View event: Online Meeting" href="/groups/ai-working-group-stuttgart/events/wcbuifthu0xg"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Online Meeting</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-06-24T19:00:00Z" class="text-xs text-zinc-500">Monday, Jun 24 at  7:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">1 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(34, 211, 238, 0.6), rgba(59, 130, 246, 0.6), rgba(99, 102, 241, 0.6));" role="img" aria-label="AI Working Group Stuttgart group image"><svg class="lucide lucide-orbit text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <path d="M20.341 6.484A10 10 0 0 1 10.266 21.85"></path>
  <path d="M3.659 17.516A10 10 0 0 1 13.74 2.152"></path>
  <circle cx="12" cy="12" r="3"></circle>
  <circle cx="19" cy="5" r="2"></circle>
  <circle cx="5" cy="19" r="2"></circle>
</svg></div></div><span class="text-xs text-zinc-500 truncate">AI Working Group Stuttgart</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Stuttgart, Deutschland</span><span class="hidden sm:inline truncate">Stuttgart-Mitte, Stuttgart, Deutschland</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-23T15:01:12Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="166">
        <div class="flex gap-3"><a href="/u/49saljrR"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">M</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/49saljrR">Manfred L.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">AI Working Group</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: AI Working Group Stuttgart" aria-label="Visit group: AI Working Group Stuttgart" href="/groups/ai-working-group-stuttgart"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded-lg flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(34, 211, 238, 0.6), rgba(59, 130, 246, 0.6), rgba(99, 102, 241, 0.6));" role="img" aria-label="AI Working Group Stuttgart group image"><svg class="lucide lucide-orbit text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <path d="M20.341 6.484A10 10 0 0 1 10.266 21.85"></path>
  <path d="M3.659 17.516A10 10 0 0 1 13.74 2.152"></path>
  <circle cx="12" cy="12" r="3"></circle>
  <circle cx="19" cy="5" r="2"></circle>
  <circle cx="5" cy="19" r="2"></circle>
</svg></div></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">AI Working Group Stuttgart</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">V</span></div></div><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">M</span></div></div></div><span class="text-xs text-zinc-500">2 members</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Stuttgart, Deutschland</span><span class="hidden sm:inline truncate">Stuttgart-Mitte, Stuttgart, Deutschland</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-23T14:58:32Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="165">
        <div class="flex gap-3"><a href="/u/vgkvNfEJ"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">F</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/vgkvNfEJ">Fabrice L.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">communauté d&#39;entre-aide des entrepreneurs</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: TheTandem" aria-label="Visit group: TheTandem" href="/groups/thetandem"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded-lg" alt="TheTandem group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzksInB1ciI6ImJsb2JfaWQifX0=--5e459a6a492df0e60f8da9e0d9165c7c29a9c53a/Tandem%20Black%20Profile.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">TheTandem</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">F</span></div></div></div><span class="text-xs text-zinc-500">1 member</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=business">Business</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">France</span><span class="hidden sm:inline truncate">France</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-23T13:25:45Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="164">
        <div class="flex gap-3"><a href="/u/caknNMoa"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">B</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/caknNMoa">Bibin M.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Kerala remote employees </p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: KeralaOnRemote" aria-label="Visit group: KeralaOnRemote" href="/groups/keralaonremote"><div class="flex items-center gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded-lg flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(99, 102, 241, 0.6), rgba(139, 92, 246, 0.6), rgba(59, 130, 246, 0.6));" role="img" aria-label="KeralaOnRemote group image"><svg class="lucide lucide-network text-zinc-100" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width: 50%; height: 50%; max-width: 2rem; max-height: 2rem;">
  <rect x="16" y="16" width="6" height="6" rx="1"></rect>
  <rect x="2" y="16" width="6" height="6" rx="1"></rect>
  <rect x="9" y="2" width="6" height="6" rx="1"></rect>
  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path>
  <path d="M12 12V8"></path>
</svg></div></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">KeralaOnRemote</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">B</span></div></div></div><span class="text-xs text-zinc-500">1 member</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Kerala, India</span><span class="hidden sm:inline truncate">Kottayam, Kerala, India</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-23T11:30:05Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="163">
        <div class="flex gap-3"><a href="/u/KcbdiaPv"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">P</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/KcbdiaPv">Patrick L.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: December 2024 Meeting - Holiday Party" aria-label="View event: December 2024 Meeting - Holiday Party" href="/groups/lock-picking-columbus/events/mhpll8tffp9z"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">December 2024 Meeting - Holiday Party</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-12-12T00:00:00Z" class="text-xs text-zinc-500">Thursday, Dec 12 at 12:00 AM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">1 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Lock Picking Columbus group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzgsInB1ciI6ImJsb2JfaWQifX0=--c768a1ca8264438224d4426120685f9692bbd1b7/gctl.png" /></div><span class="text-xs text-zinc-500 truncate">Lock Picking Columbus</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">OH, USA</span><span class="hidden sm:inline truncate">3989 Broadway, Grove City, OH, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-22T21:18:31Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="rounded-lg border border-zinc-800/30 bg-zinc-900/30 hover:border-zinc-700/50" data-controller="activity-collapse"><button class="w-full flex items-center gap-3 px-4 py-3 rounded-lg text-sm transition-colors bg-transparent border-0 text-left text-zinc-400 hover:text-zinc-300 cursor-pointer" data-action="activity-collapse#toggle" type="button"><span class="w-6 h-6 rounded-md flex items-center justify-center flex-shrink-0 overflow-hidden bg-emerald-500/20"><img class="w-full h-full object-cover" alt="Lock Picking Columbus group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzgsInB1ciI6ImJsb2JfaWQifX0=--c768a1ca8264438224d4426120685f9692bbd1b7/gctl.png" /></span><span>And 2 more events from <span class="text-zinc-200 ml-1">Lock Picking Columbus</span></span><span class="w-4 h-4 ml-auto transition-transform flex-shrink-0" data-activity-collapse-chevron="true"><svg class="lucide lucide-chevron-down w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="m6 9 6 6 6-6"></path>
</svg></span></button><div class="hidden pt-1 pb-2 px-2 space-y-4" data-activity-collapse-target="content"><article class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="162"><div class="flex gap-3"><a href="/u/KcbdiaPv"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">P</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/KcbdiaPv">Patrick L.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: October 2024 Meeting - BOO" aria-label="View event: October 2024 Meeting - BOO" href="/groups/lock-picking-columbus/events/wtatvusooe37"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">October 2024 Meeting - BOO</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-10-09T23:00:00Z" class="text-xs text-zinc-500">Wednesday, Oct 09 at 11:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">1 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Lock Picking Columbus group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzgsInB1ciI6ImJsb2JfaWQifX0=--c768a1ca8264438224d4426120685f9692bbd1b7/gctl.png" /></div><span class="text-xs text-zinc-500 truncate">Lock Picking Columbus</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">OH, USA</span><span class="hidden sm:inline truncate">3989 Broadway, Grove City, OH, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-22T21:15:18Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div></article><article class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="161"><div class="flex gap-3"><a href="/u/KcbdiaPv"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">P</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/KcbdiaPv">Patrick L.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: September 2024 Meeting - Never Forget" aria-label="View event: September 2024 Meeting - Never Forget" href="/groups/lock-picking-columbus/events/wl5lcwmgmxvo"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">September 2024 Meeting - Never Forget</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-09-11T23:00:00Z" class="text-xs text-zinc-500">Wednesday, Sep 11 at 11:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">1 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Lock Picking Columbus group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzgsInB1ciI6ImJsb2JfaWQifX0=--c768a1ca8264438224d4426120685f9692bbd1b7/gctl.png" /></div><span class="text-xs text-zinc-500 truncate">Lock Picking Columbus</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=science-technology">Science &amp; Technology</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">OH, USA</span><span class="hidden sm:inline truncate">3989 Broadway, Grove City, OH, USA</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-22T21:13:31Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div></article></div></div>
</template></turbo-stream>
  <turbo-stream action="replace" target="activities_more"><template>
    <div id="activities_more" class="mt-4">
      <a class="block w-full text-center px-4 py-2 rounded-lg border border-zinc-800/60 bg-zinc-900/50 hover:bg-zinc-900 text-zinc-300 inline-flex items-center justify-center gap-2 text-sm" aria-label="Load more activities" href="/feed?format=turbo_stream&amp;page=5&amp;time_range=all">Load more</a>
    </div>
</template></turbo-stream>
