    <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="160">
        <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: August 2024 Meeting - After Defcon" aria-label="View event: August 2024 Meeting - After Defcon" href="/groups/lock-picking-columbus/events/ceve2pd9zi8x"><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">August 2024 Meeting - After Defcon</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-15T00:00:00Z" class="text-xs text-zinc-500">Thursday, Aug 15 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:08:13Z" 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 1 more event 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="159"><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: July 2024 Meeting - The Rebrand" aria-label="View event: July 2024 Meeting - The Rebrand" href="/groups/lock-picking-columbus/events/jat58vfffjnr"><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 2024 Meeting - The Rebrand</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">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:01:11Z" 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="157">
        <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> created a new group</p><p class="text-sm text-zinc-400 mt-1">Learn the basics of lock-picking, safe-cracking, and digital signals</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: Lock Picking Columbus" aria-label="Visit group: Lock Picking Columbus" href="/groups/lock-picking-columbus"><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="Lock Picking Columbus group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzgsInB1ciI6ImJsb2JfaWQifX0=--c768a1ca8264438224d4426120685f9692bbd1b7/gctl.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Lock Picking Columbus</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 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">P</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">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-22T19:39:47Z" 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="156">
        <div class="flex gap-3"><a href="/u/261Y8P96"><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">N</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/261Y8P96">N I.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Skateboarding in Columbus  </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: Skateboard Columbus" aria-label="Visit group: Skateboard Columbus" href="/groups/skateboard-columbus"><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="Skateboard Columbus 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">Skateboard Columbus</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">N</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">OH, USA</span><span class="hidden sm:inline truncate">Columbus, 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-21T20:56:16Z" 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="155">
        <div class="flex gap-3"><a href="/u/TsVSSVzF"><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">D</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/TsVSSVzF">Dayton N.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Poker club for residents of Spur Cross</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: Spur Cross Poker Club" aria-label="Visit group: Spur Cross Poker Club" href="/groups/spur-cross-poker-club"><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="Spur Cross Poker Club 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">Spur Cross Poker Club</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">D</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=gaming">Gaming</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">AZ, USA</span><span class="hidden sm:inline truncate">Queen Creek, AZ, 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-21T16:11:28Z" 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="153">
        <div class="flex gap-3"><a href="/u/uEenNEWR"><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/uEenNEWR">Antoine 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: Test Event." aria-label="View event: Test Event." href="/groups/tcbs-tokyo-craft-beer-scene/events/xkxxmamv3b4q"><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">Test Event.</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-28T10:00:00Z" class="text-xs text-zinc-500">Friday, Jun 28 at 10: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(139, 92, 246, 0.6), rgba(59, 130, 246, 0.6), rgba(236, 72, 153, 0.6));" role="img" aria-label="[TCBS] Tokyo Craft Beer Scene 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">[TCBS] Tokyo Craft Beer Scene</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=food-drink">Food &amp; Drink</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">Tokyo, Japan</span><span class="hidden sm:inline truncate">CRAFT BEER BAR IBREW EBISU, 1 Chome-8-1 Ebisuminami, Shibuya City, Tokyo, Japan</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-21T04:22:10Z" 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="152">
        <div class="flex gap-3"><a href="/u/uEenNEWR"><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/uEenNEWR">Antoine L.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">For craft beer lovers in Tokyo</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: [TCBS] Tokyo Craft Beer Scene" aria-label="Visit group: [TCBS] Tokyo Craft Beer Scene" href="/groups/tcbs-tokyo-craft-beer-scene"><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="[TCBS] Tokyo Craft Beer Scene 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">[TCBS] Tokyo Craft Beer Scene</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=food-drink">Food &amp; Drink</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">Tokyo, Japan</span><span class="hidden sm:inline truncate">Tokyo, Japan</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-21T04:20:49Z" 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="151">
        <div class="flex gap-3"><a href="/u/gkmZ2sZI"><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/gkmZ2sZI">Rachel S.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A group for Ruby developers</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: Columbus Ruby Brigade" aria-label="Visit group: Columbus Ruby Brigade" href="/groups/columbus-ruby-brigade"><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="Columbus Ruby Brigade group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzUsInB1ciI6ImJsb2JfaWQifX0=--08fe4263194be59e679c15ae234bfb6b6466831c/logo.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Columbus Ruby Brigade</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">R</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">OH, USA</span><span class="hidden sm:inline truncate">Columbus, 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-21T03:55: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="150">
        <div class="flex gap-3"><a href="/u/OsbCCAXa"><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/OsbCCAXa">Paul S.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Un club pour ceux qui ont faim de métal</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: Club des avaleurs de sabre" aria-label="Visit group: Club des avaleurs de sabre" href="/groups/club-des-avaleurs-de-sabre"><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="Club des avaleurs de sabre group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzQsInB1ciI6ImJsb2JfaWQifX0=--2b0993769947112499c782bdb906bfe13449f0e3/1000018788.jpg" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Club des avaleurs de sabre</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">P</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">Paris, France</span><span class="hidden sm:inline truncate">Paris, 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-20T22:46:02Z" 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="149">
        <div class="flex gap-3"><a href="/u/e01IsiqF"><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/e01IsiqF">awan z.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">LA.news</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: LAnews" aria-label="Visit group: LAnews" href="/groups/lanews"><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="LAnews 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">LAnews</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=free">Free</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">CA, USA</span><span class="hidden sm:inline truncate">L A, CA, 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-20T21:29:49Z" 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="148">
        <div class="flex gap-3"><a href="/u/zpoKTwJe"><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">T</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/zpoKTwJe">tim n.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">For hobbyists and academics alike, a casual platform to discuss LLMs</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: Stapler Diffusion" aria-label="Visit group: Stapler Diffusion" href="/groups/stapler-diffusion"><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="Stapler Diffusion group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzMsInB1ciI6ImJsb2JfaWQifX0=--171e35ff20a2a97db4c776cd7daaf0eab180da99/stapler(1).png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Stapler Diffusion</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">T</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">NY, USA</span><span class="hidden sm:inline truncate">Park Slope, Brooklyn, NY, 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-20T18:17: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="114">
        <div class="flex gap-3"><a href="/u/VIXJyUIo"><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">O</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/VIXJyUIo">Otto W.</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: Paper reading and code review: arXiv:2304.03442" aria-label="View event: Paper reading and code review: arXiv:2304.03442" href="/groups/random-ai/events/abeaznp3whwa"><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">Paper reading and code review: arXiv:2304.03442</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-23T17:00:00Z" class="text-xs text-zinc-500">Sunday, Jun 23 at  5: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="Random AI group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzYsInB1ciI6ImJsb2JfaWQifX0=--53797885b6b1d87b6a98d30ea328a92c658baa4e/conic_logo_bauhaus_number_1_circular_--v_3_ce11affb-8099-4e3f-b10d-02da67627d4b.png" /></div><span class="text-xs text-zinc-500 truncate">Random AI</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">TX, USA</span><span class="hidden sm:inline truncate">Dallas Makerspace, Monetary Lane, Carrollton, TX, 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-20T18:10:10Z" 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="145">
        <div class="flex gap-3"><a href="/u/8HTLwLv0"><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">J</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/8HTLwLv0">Jesus B.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">First radius group in Texas</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: El Paso Friends" aria-label="Visit group: El Paso Friends" href="/groups/el-paso-friends"><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="El Paso Friends 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">El Paso Friends</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><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">TX, USA</span><span class="hidden sm:inline truncate">El Paso, TX, 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-20T15:36:15Z" 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="144">
        <div class="flex gap-3"><a href="/u/Yj4dIzNU"><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">D</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/Yj4dIzNU">domuces f.</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: Voluptatibus dignissimos non ut dignissimos delectus i" aria-label="View event: Voluptatibus dignissimos non ut dignissimos delectus i" href="/groups/keith-blackwell/events/pxpi2gwxrufw"><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">Voluptatibus dignissimos non ut dignissimos delectus i</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-27T09:00:00Z" class="text-xs text-zinc-500">Thursday, Jun 27 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">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(249, 115, 22, 0.6), rgba(239, 68, 68, 0.6), rgba(236, 72, 153, 0.6));" role="img" aria-label="Keith Blackwell 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">Keith Blackwell</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">Voluptatibus ut labo</span><span class="hidden sm:inline truncate">Voluptatibus ut labo</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-20T15:31: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="143">
        <div class="flex gap-3"><a href="/u/Yj4dIzNU"><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">D</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/Yj4dIzNU">domuces f.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Perferendis minim beatae amet labore numquam numquam autem enim omnis</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: Keith Blackwell" aria-label="Visit group: Keith Blackwell" href="/groups/keith-blackwell"><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="Keith Blackwell 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">Keith Blackwell</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">D</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=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">Voluptatibus ut labo</span><span class="hidden sm:inline truncate">Voluptatibus ut labo</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-20T15:31:13Z" 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="142">
        <div class="flex gap-3"><a href="/u/pdZ29uMA"><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/pdZ29uMA">Sabri A.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Discussing the ethical implications of technology</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: West London Ethical Technology" aria-label="Visit group: West London Ethical Technology" href="/groups/west-london-ethical-technology"><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="West London Ethical Technology 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">West London Ethical Technology</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=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">London</span><span class="hidden sm:inline truncate">London</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-20T13:42:42Z" 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="141">
        <div class="flex gap-3"><a href="/u/LamtECq6"><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/LamtECq6">S T.</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: Meet &amp; Greet" aria-label="View event: Meet &amp; Greet" href="/groups/civa/events/lullf3p3ijjt"><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">Meet &amp; Greet</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-27T09:00:00Z" class="text-xs text-zinc-500">Thursday, Jun 27 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">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(34, 211, 238, 0.6), rgba(59, 130, 246, 0.6), rgba(99, 102, 241, 0.6));" role="img" aria-label="CIVA 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">CIVA</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=startups">Startups</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">NY, USA</span><span class="hidden sm:inline truncate">NYC, NY, 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-20T13:07: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="140">
        <div class="flex gap-3"><a href="/u/LamtECq6"><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/LamtECq6">S T.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Meet up</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: CIVA" aria-label="Visit group: CIVA" href="/groups/civa"><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="CIVA 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">CIVA</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=startups">Startups</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">NY, USA</span><span class="hidden sm:inline truncate">NYC, NY, 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-20T13:07:04Z" 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="137">
        <div class="flex gap-3"><a href="/u/oKRNNxnK"><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/oKRNNxnK">Adam S.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A community music organization </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: Mandolin New England " aria-label="Visit group: Mandolin New England " href="/groups/mandolin-new-england"><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="Mandolin New England  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">Mandolin New England </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=music">Music</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">MA, USA</span><span class="hidden sm:inline truncate">Granby, MA, 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-20T13:00:41Z" 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="134">
        <div class="flex gap-3"><a href="/u/R60M5ZtT"><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/R60M5ZtT">Matthew S.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Javascript meetup in Birmingham, AL (USA)</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: Magical Javascript " aria-label="Visit group: Magical Javascript " href="/groups/magical-javascript"><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="Magical Javascript  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">Magical Javascript </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=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">AL, USA</span><span class="hidden sm:inline truncate">Birmingham, AL, 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-20T12:49:22Z" 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="133">
        <div class="flex gap-3"><a href="/u/dphldO0c"><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">I</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/dphldO0c">Ian K.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A group of enthusiasts loving poetry</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: Kamogawa Poetry" aria-label="Visit group: Kamogawa Poetry" href="/groups/kamogawa-poetry"><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="Kamogawa Poetry 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">Kamogawa Poetry</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">I</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=arts">Arts</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">Kyoto, Japan</span><span class="hidden sm:inline truncate">Kyoto, Japan</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-20T12:45:39Z" 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="130">
        <div class="flex gap-3"><a href="/u/j36hcKx9"><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/j36hcKx9">Andreas L.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Want to connect with other people intending to stay in the city?</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: Locals and long term in Amsterdam" aria-label="Visit group: Locals and long term in Amsterdam" href="/groups/locals-and-long-term-in-amsterdam"><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="Locals and long term in Amsterdam 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">Locals and long term in Amsterdam</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=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">Amsterdam, Netherlands</span><span class="hidden sm:inline truncate">Amsterdam, Netherlands</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-20T07:57:55Z" 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="129">
        <div class="flex gap-3"><a href="/u/k3r0hDN0"><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">T</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/k3r0hDN0">Thomas D.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">We meet up and code stuff!</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: Programming Projects" aria-label="Visit group: Programming Projects" href="/groups/programming-projects"><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="Programming Projects 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">Programming Projects</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">T</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">Melbourne VIC, Australia</span><span class="hidden sm:inline truncate">Melbourne VIC, Australia</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-20T07:20:27Z" 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="128">
        <div class="flex gap-3"><a href="/u/mwK355YM"><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">N</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/mwK355YM">Nikolay K.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Bulgarian School</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: bgschool" aria-label="Visit group: bgschool" href="/groups/bgschool"><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(236, 72, 153, 0.6), rgba(249, 115, 22, 0.6));" role="img" aria-label="bgschool 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">bgschool</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">N</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=education">Education</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">CA, USA</span><span class="hidden sm:inline truncate">Irvine, CA, 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-20T06:37: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="127">
        <div class="flex gap-3"><a href="/u/mwK355YM"><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">N</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/mwK355YM">Nikolay K.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Bulgarian Fest of Orange County</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: bulgarianfest" aria-label="Visit group: bulgarianfest" href="/groups/bulgarianfest"><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="bulgarianfest 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">bulgarianfest</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">N</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">CA, USA</span><span class="hidden sm:inline truncate">Irvine, CA, 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-20T06:36:13Z" 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="126">
        <div class="flex gap-3"><a href="/u/mwK355YM"><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">N</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/mwK355YM">Nikolay K.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Nikolay</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: nikolay" aria-label="Visit group: nikolay" href="/groups/nikolay"><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="nikolay 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">nikolay</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">N</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">CA, USA</span><span class="hidden sm:inline truncate">Irvine, CA, 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-20T06:35:02Z" 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="125">
        <div class="flex gap-3"><a href="/u/MYBaGOBZ"><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/MYBaGOBZ">Chris G.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A group for Bitcoiners in Northern Idaho</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: Post Falls Bitcoin" aria-label="Visit group: Post Falls Bitcoin" href="/groups/post-falls-bitcoin"><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="Post Falls Bitcoin group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzAsInB1ciI6ImJsb2JfaWQifX0=--fb88bd852842fd6d30ab1f47df966d6fc6f3bc76/bitcoin_PNG3.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Post Falls Bitcoin</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">ID, USA</span><span class="hidden sm:inline truncate">Post Falls, ID, 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-20T04:37:13Z" 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="124">
        <div class="flex gap-3"><a href="/u/oWaza5sz"><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/oWaza5sz">Martijn v.</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 2024 Map Night" aria-label="View event: July 2024 Map Night" href="/groups/openstreetmap-utah/events/2ydfucq9a1tj"><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 2024 Map Night</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-11T01:00:00Z" class="text-xs text-zinc-500">Thursday, Jul 11 at  1: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="OpenStreetMap Utah group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjksInB1ciI6ImJsb2JfaWQifX0=--49896de0987e713085b75ea951e25cb774925893/Public-images-osm_logo.png" /></div><span class="text-xs text-zinc-500 truncate">OpenStreetMap Utah</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=free">Free</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">UT, USA</span><span class="hidden sm:inline truncate">Woodbine Food Hall, West 700 South, Salt Lake City, UT, 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-20T04:29:57Z" 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="123">
        <div class="flex gap-3"><a href="/u/oWaza5sz"><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/oWaza5sz">Martijn v.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A group for OSM enthusiasts in the Salt Lake City 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: OpenStreetMap Utah" aria-label="Visit group: OpenStreetMap Utah" href="/groups/openstreetmap-utah"><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="OpenStreetMap Utah group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjksInB1ciI6ImJsb2JfaWQifX0=--49896de0987e713085b75ea951e25cb774925893/Public-images-osm_logo.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">OpenStreetMap Utah</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=free">Free</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">UT, USA</span><span class="hidden sm:inline truncate">Salt Lake City, UT, 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-20T04:28:18Z" 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="122">
        <div class="flex gap-3"><a href="/u/pfsEzQCS"><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/pfsEzQCS">Rishi A.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Cool arm kids</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: Arm Club" aria-label="Visit group: Arm Club" href="/groups/arm-club"><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="Arm Club group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjgsInB1ciI6ImJsb2JfaWQifX0=--8e810460118634f4fb5cf5a29b3d3b3bab4b74fd/IMG_0009.jpeg" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Arm Club</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">R</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=health">Health</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">Adelaide SA, Australia</span><span class="hidden sm:inline truncate">Adelaide SA, Australia</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-20T03:55:19Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></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=6&amp;time_range=all">Load more</a>
    </div>
</template></turbo-stream>
