    <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="117">
        <div class="flex gap-3"><a href="/u/d3am9TeQ"><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/d3am9TeQ">David H.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A group for ttrpg players.</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="Visit group: The Game&#39;s Afoot" aria-label="Visit group: The Game&#39;s Afoot" href="/groups/the-game-s-afoot"><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="The Game&#39;s Afoot 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">The Game&#39;s Afoot</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">NY, USA</span><span class="hidden sm:inline truncate">New York, 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-19T23:56: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="116">
        <div class="flex gap-3"><a href="/u/0O2zowUE"><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/0O2zowUE">Maksim B.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Eine Gruppe von Menschen, die gemeinsam Spaß am Coden haben</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: Coding Together" aria-label="Visit group: Coding Together" href="/groups/coding-together"><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="Coding Together group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjcsInB1ciI6ImJsb2JfaWQifX0=--6c8ba534a352383399652c5fcb71dc9eedd9215a/ChatFred_homepage_abstract_rainbow_colors_2023-08-02_22-22-44.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Coding Together</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">Zeitz, Deutschland</span><span class="hidden sm:inline truncate">Zeitz, Deutschland</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-19T23:03:24Z" 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="115">
        <div class="flex gap-3"><a href="/u/qBRcryia"><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/qBRcryia">Sam M.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">English speakers living in the Shonan 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: Shonan Living" aria-label="Visit group: Shonan Living" href="/groups/shonan-living"><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="Shonan Living 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">Shonan Living</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=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">Kanagawa, Japan</span><span class="hidden sm:inline truncate">Shōnandai, Fujisawa, Kanagawa, 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-19T21:45:31Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="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="113">
        <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> created a new group</p><p class="text-sm text-zinc-400 mt-1">a group of generative AI researchers from Dallas</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: Random AI" aria-label="Visit group: Random AI" href="/groups/random-ai"><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="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><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Random AI</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">O</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">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-19T21:39:29Z" 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="112">
        <div class="flex gap-3"><a href="/u/xuaFKWQ5"><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/xuaFKWQ5">Joshua 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: Shirlington LGBTQ Happy Hour" aria-label="View event: Shirlington LGBTQ Happy Hour" href="/groups/northern-virginia-inclusive-freemasonry/events/kidq2tke1by7"><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">Shirlington LGBTQ Happy Hour</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-25T00:00:00Z" class="text-xs text-zinc-500">Tuesday, Jun 25 at 12:00 AM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Northern Virginia Inclusive Freemasonry group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjYsInB1ciI6ImJsb2JfaWQifX0=--ed94f3a6b0c7f277e854d3162df2c02ef9102b6b/Square_compasses.svg.png" /></div><span class="text-xs text-zinc-500 truncate">Northern Virginia Inclusive Freemasonry</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=community">Community</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">VA, USA</span><span class="hidden sm:inline truncate">Palette 22, Campbell Avenue, Arlington, VA, 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-19T21:26: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="111">
        <div class="flex gap-3"><a href="/u/xuaFKWQ5"><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/xuaFKWQ5">Joshua F.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Gender-neutral and adogmatic Freemasons of Northern Virginia</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: Northern Virginia Inclusive Freemasonry" aria-label="Visit group: Northern Virginia Inclusive Freemasonry" href="/groups/northern-virginia-inclusive-freemasonry"><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="Northern Virginia Inclusive Freemasonry group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjYsInB1ciI6ImJsb2JfaWQifX0=--ed94f3a6b0c7f277e854d3162df2c02ef9102b6b/Square_compasses.svg.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Northern Virginia Inclusive Freemasonry</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">VA, USA</span><span class="hidden sm:inline truncate">Alexandria, VA, 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-19T21:24:53Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="110">
        <div class="flex gap-3"><a href="/u/yT6ahgFQ"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">B</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/yT6ahgFQ">Brian L.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">An all-skill-levels group for sharing and playing songs with others </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: Casual Jam Session" aria-label="Visit group: Casual Jam Session" href="/groups/casual-jam-session"><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="Casual Jam Session group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjUsInB1ciI6ImJsb2JfaWQifX0=--fb3ee383de85f93fef9e4e95d8a73d7d65226289/android-chrome-192x192.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Casual Jam Session</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">B</span></div></div></div><span class="text-xs text-zinc-500">1 member</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=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">CA, USA</span><span class="hidden sm:inline truncate">Claremont, 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-19T20:32:56Z" 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="109">
        <div class="flex gap-3"><a href="/u/rP42dWcX"><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">H</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/rP42dWcX">Hugo C.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Latinos in Tech @ Brewlando Brewing" aria-label="View event: Latinos in Tech @ Brewlando Brewing" href="/groups/latinos-in-tech-orlando-meetup/events/hqhlhzx8cmli"><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">Latinos in Tech @ Brewlando Brewing</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-28T23:00:00Z" class="text-xs text-zinc-500">Friday, Jun 28 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">2 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(236, 72, 153, 0.6), rgba(249, 115, 22, 0.6));" role="img" aria-label="Latinos in Tech @ Orlando Meetup  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">Latinos in Tech @ Orlando Meetup </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">FL, USA</span><span class="hidden sm:inline truncate">Brewlando Brewing, Hoffner Avenue, Orlando, FL, 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-19T20:03:36Z" 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="108">
        <div class="flex gap-3"><a href="/u/rP42dWcX"><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">H</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/rP42dWcX">Hugo C.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Meet other Latino professionals in an informal setting</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: Latinos in Tech @ Orlando Meetup " aria-label="Visit group: Latinos in Tech @ Orlando Meetup " href="/groups/latinos-in-tech-orlando-meetup"><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="Latinos in Tech @ Orlando Meetup  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">Latinos in Tech @ Orlando Meetup </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">H</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">FL, USA</span><span class="hidden sm:inline truncate">Orlando, FL, 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-19T20:01:11Z" 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="107">
        <div class="flex gap-3"><a href="/u/pZkFXjqu"><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/pZkFXjqu">Travis C.</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Surf Night" aria-label="View event: Surf Night" href="/groups/mns/events/zyj3xhdkyn4c"><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">Surf 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-15T17:00:00Z" class="text-xs text-zinc-500">Monday, Jul 15 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"><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, 197, 94, 0.6), rgba(59, 130, 246, 0.6), rgba(34, 211, 238, 0.6));" role="img" aria-label="MNS 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">MNS</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=active-outdoors">Active &amp; Outdoors</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Hawaii, USA</span><span class="hidden sm:inline truncate">White Plains Beach, Hawaii, 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-19T19:45: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="106">
        <div class="flex gap-3"><a href="/u/pZkFXjqu"><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/pZkFXjqu">Travis C.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Monday Night Surf</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: MNS" aria-label="Visit group: MNS" href="/groups/mns"><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="MNS 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">MNS</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=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">Hawaii, USA</span><span class="hidden sm:inline truncate">White Plains Beach, Hawaii, 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-19T19:44:53Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="105">
        <div class="flex gap-3"><a href="/u/ldv77oCU"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">L</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/ldv77oCU">lalo s.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">from my home to 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="Visit group: Carpool" aria-label="Visit group: Carpool" href="/groups/carpool"><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="Carpool 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">Carpool</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><div class="w-full h-full bg-emerald-900 flex items-center justify-center"><span class="text-emerald-300 text-xs font-medium">L</span></div></div></div><span class="text-xs text-zinc-500">1 member</span></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-violet-500/20 text-violet-400 hover:bg-violet-500/30 transition-colors" href="/groups?category=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">CA, USA</span><span class="hidden sm:inline truncate">623 East Adams Boulevard, Los Angeles, 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-19T19:42:00Z" 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="104">
        <div class="flex gap-3"><a href="/u/SOQYMXip"><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">Y</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/SOQYMXip">Yad K.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Standup Comedy Shows</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: LibraryOfComedy" aria-label="Visit group: LibraryOfComedy" href="/groups/libraryofcomedy"><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="LibraryOfComedy group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjQsInB1ciI6ImJsb2JfaWQifX0=--2b7a17552c4503cdf6195020f4b99de868fffe6d/Logo.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">LibraryOfComedy</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">Y</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">NY, USA</span><span class="hidden sm:inline truncate">New York, 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-19T19:18:36Z" 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="103">
        <div class="flex gap-3"><a href="/u/9EZLEp9a"><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/9EZLEp9a">Ibrahim S.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">A place where gamedevs and aspiring gamedevs can share experiences</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: GameDev Central" aria-label="Visit group: GameDev Central" href="/groups/gamedev-central"><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="GameDev Central 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">GameDev Central</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=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">MD, USA</span><span class="hidden sm:inline truncate">Bethesda, MD, 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-19T18:48:37Z" 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="102">
        <div class="flex gap-3"><a href="/u/VmxyfUqa"><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">E</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/VmxyfUqa">Eric P.</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Periodic hangout for tech employees in the Birmingham AL 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: Magic City Tech " aria-label="Visit group: Magic City Tech " href="/groups/magic-city-tech"><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="Magic City Tech  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">Magic City Tech </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">E</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-19T17:36:36Z" 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="101">
        <div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Unfiltered Aberdeen" aria-label="View event: Unfiltered Aberdeen" href="/groups/one-codebase/events/6azsz3clqq4x"><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">Unfiltered Aberdeen</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-04T08:30:00Z" class="text-xs text-zinc-500">Sunday, Aug 04 at  8:30 AM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="ONE Codebase group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzEsInB1ciI6ImJsb2JfaWQifX0=--9cac38eb972c03666eb424f98b84c70d5be38bb5/302520487_550406060216125_4909857540803600881_n.jpg" /></div><span class="text-xs text-zinc-500 truncate">ONE Codebase</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">Aberdeen, UK</span><span class="hidden sm:inline truncate">ONE Tech Hub, Schoolhill, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-16T12:17:12Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="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="ONE Codebase group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzEsInB1ciI6ImJsb2JfaWQifX0=--9cac38eb972c03666eb424f98b84c70d5be38bb5/302520487_550406060216125_4909857540803600881_n.jpg" /></span><span>And 2 more events from <span class="text-zinc-200 ml-1">ONE Codebase</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="100"><div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Unfiltered Aberdeen" aria-label="View event: Unfiltered Aberdeen" href="/groups/one-codebase/events/kdmsecjedhz2"><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">Unfiltered Aberdeen</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-07T08:30:00Z" class="text-xs text-zinc-500">Wednesday, Aug 07 at  8:30 AM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="ONE Codebase group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzEsInB1ciI6ImJsb2JfaWQifX0=--9cac38eb972c03666eb424f98b84c70d5be38bb5/302520487_550406060216125_4909857540803600881_n.jpg" /></div><span class="text-xs text-zinc-500 truncate">ONE Codebase</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">Aberdeen, UK</span><span class="hidden sm:inline truncate">ONE Tech Hub, Schoolhill, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-16T12:15:44Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div></article><article class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="99"><div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Unfiltered Aberdeen" aria-label="View event: Unfiltered Aberdeen" href="/groups/one-codebase/events/ypb4nvdgsob7"><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">Unfiltered Aberdeen</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-03T08:30:00Z" class="text-xs text-zinc-500">Wednesday, Jul 03 at  8:30 AM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">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="ONE Codebase group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzEsInB1ciI6ImJsb2JfaWQifX0=--9cac38eb972c03666eb424f98b84c70d5be38bb5/302520487_550406060216125_4909857540803600881_n.jpg" /></div><span class="text-xs text-zinc-500 truncate">ONE Codebase</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">Aberdeen, UK</span><span class="hidden sm:inline truncate">ONE Tech Hub, Schoolhill, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-16T12:12:58Z" 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="97">
        <div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Co-working space in Aberdeen, Scotland</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: ONE Codebase" aria-label="Visit group: ONE Codebase" href="/groups/one-codebase"><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="ONE Codebase group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzEsInB1ciI6ImJsb2JfaWQifX0=--9cac38eb972c03666eb424f98b84c70d5be38bb5/302520487_550406060216125_4909857540803600881_n.jpg" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">ONE Codebase</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><img class="w-full h-full object-cover" alt="Avatar for radius-bot" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDYzLCJwdXIiOiJibG9iX2lkIn19--d6892368538770deb70c31d14e8d6cdfbee8f3ff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzQ4LDQ4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--70d33f11ce0a44f5258048f3d3f713b27f051594/Screenshot%202025-10-11%20at%2016.42.06.png" /></div></div><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">Aberdeen, UK</span><span class="hidden sm:inline truncate">ONE Tech Hub, Schoolhill, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-16T12:07: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="96">
        <div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: User-Centred Design for Complex Maritime Solutions" aria-label="View event: User-Centred Design for Complex Maritime Solutions" href="/groups/ux-north-east-uxne/events/bzewjam32vvz"><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">User-Centred Design for Complex Maritime Solutions</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-27T17:00:00Z" class="text-xs text-zinc-500">Thursday, Jun 27 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">1 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><div class="w-full h-full object-cover rounded flex items-center justify-center border border-zinc-600/50 relative" style="background: linear-gradient(135deg, rgba(99, 102, 241, 0.6), rgba(139, 92, 246, 0.6), rgba(59, 130, 246, 0.6));" role="img" aria-label="UX North East (UXNE) 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">UX North East (UXNE)</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">Aberdeen, UK</span><span class="hidden sm:inline truncate">ONE Tech Hub, Schoolhill, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-15T19:15:43Z" 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="94">
        <div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">UX Meetup based in Aberdeen</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: UX North East (UXNE)" aria-label="Visit group: UX North East (UXNE)" href="/groups/ux-north-east-uxne"><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="UX North East (UXNE) 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">UX North East (UXNE)</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><img class="w-full h-full object-cover" alt="Avatar for radius-bot" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDYzLCJwdXIiOiJibG9iX2lkIn19--d6892368538770deb70c31d14e8d6cdfbee8f3ff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzQ4LDQ4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--70d33f11ce0a44f5258048f3d3f713b27f051594/Screenshot%202025-10-11%20at%2016.42.06.png" /></div></div><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">Aberdeen, UK</span><span class="hidden sm:inline truncate">ONE Tech Hub, Schoolhill, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-15T19:12:53Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="93">
        <div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Go Torry! - Community Celebration" aria-label="View event: Go Torry! - Community Celebration" href="/groups/friends-of-st-fitticks-park/events/mwkgr1tzbux2"><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">Go Torry! - Community Celebration</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-15T20:00:00Z" class="text-xs text-zinc-500">Saturday, Jun 15 at  8: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="Friends of St Fittick&#39;s Park group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzAsInB1ciI6ImJsb2JfaWQifX0=--a4315bec9c6cb8ff261f65fe01fd3f1a9bb96bfe/Screenshot%202024-06-15%20at%2019.51.23.png" /></div><span class="text-xs text-zinc-500 truncate">Friends of St Fittick&#39;s Park</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=community">Community</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Aberdeen, UK</span><span class="hidden sm:inline truncate">St. Fittick&#39;s Community Park, Saint Fitticks Road, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-15T18:46: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="91">
        <div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Protecting St Fittick&#39;s Park in Aberdeen</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: Friends of St Fittick&#39;s Park" aria-label="Visit group: Friends of St Fittick&#39;s Park" href="/groups/friends-of-st-fitticks-park"><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="Friends of St Fittick&#39;s Park group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzAsInB1ciI6ImJsb2JfaWQifX0=--a4315bec9c6cb8ff261f65fe01fd3f1a9bb96bfe/Screenshot%202024-06-15%20at%2019.51.23.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Friends of St Fittick&#39;s Park</h3><div class="flex items-center gap-2 mt-1 5"><div class="flex -space-x-2 flex-shrink-0"><div class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><img class="w-full h-full object-cover" alt="Avatar for radius-bot" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDYzLCJwdXIiOiJibG9iX2lkIn19--d6892368538770deb70c31d14e8d6cdfbee8f3ff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzQ4LDQ4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--70d33f11ce0a44f5258048f3d3f713b27f051594/Screenshot%202025-10-11%20at%2016.42.06.png" /></div></div><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">Aberdeen, UK</span><span class="hidden sm:inline truncate">St. Fittick&#39;s Community Park, Saint Fitticks Road, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-15T18:43: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="86">
        <div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Climate Café" aria-label="View event: Climate Café" href="/groups/aberdeen-climate-action/events/fi3j8hrufsjv"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Climate Café</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-02T19:00:00Z" class="text-xs text-zinc-500">Tuesday, Jul 02 at  7:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">1 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Aberdeen Climate Action group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODUsInB1ciI6ImJsb2JfaWQifX0=--7d45ef680a7d8fa1d93155cf5c8b595adc3f9cf4/Screenshot%202024-07-03%20at%2000.24.15.png" /></div><span class="text-xs text-zinc-500 truncate">Aberdeen Climate Action</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=community">Community</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Aberdeen, UK</span><span class="hidden sm:inline truncate">The Anatomy Rooms, All In Ideas SCIO, Arkade Studios, Shoe Lane, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-15T18:34:06Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="bg-zinc-900/50 backdrop-blur-sm border border-zinc-800/50 rounded-lg p-4 hover:border-zinc-700/50 transition-all" data-activity-id="80">
        <div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Monthly Group Cycle - Sept 2024" aria-label="View event: Monthly Group Cycle - Sept 2024" href="/groups/critical-mass-aberdeen/events/ygeaibyutgsq"><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">Monthly Group Cycle - Sept 2024</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-09-27T18:00:00Z" class="text-xs text-zinc-500">Friday, Sep 27 at  6:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Critical Mass Aberdeen group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjUsInB1ciI6ImJsb2JfaWQifX0=--853eb559ebee54eece07515386887d96264eb4c1/tFID6f7X_400x400.jpg" /></div><span class="text-xs text-zinc-500 truncate">Critical Mass Aberdeen</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=active-outdoors">Active &amp; Outdoors</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Aberdeen, UK</span><span class="hidden sm:inline truncate">Marischal College, Broad Street, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-14T20:54:48Z" class="text-zinc-500">almost 2 years ago</time></div></div></div></div></div>
      </div>
</template></turbo-stream>    <turbo-stream action="append" target="activities_list"><template>
      <div class="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="Critical Mass Aberdeen group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjUsInB1ciI6ImJsb2JfaWQifX0=--853eb559ebee54eece07515386887d96264eb4c1/tFID6f7X_400x400.jpg" /></span><span>And 1 more event from <span class="text-zinc-200 ml-1">Critical Mass Aberdeen</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="79"><div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Monthly Group Cycle - August 2024" aria-label="View event: Monthly Group Cycle - August 2024" href="/groups/critical-mass-aberdeen/events/74rtoga42g9s"><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">Monthly Group Cycle - August 2024</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-30T18:00:00Z" class="text-xs text-zinc-500">Friday, Aug 30 at  6:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">0 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Critical Mass Aberdeen group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjUsInB1ciI6ImJsb2JfaWQifX0=--853eb559ebee54eece07515386887d96264eb4c1/tFID6f7X_400x400.jpg" /></div><span class="text-xs text-zinc-500 truncate">Critical Mass Aberdeen</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=active-outdoors">Active &amp; Outdoors</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Aberdeen, UK</span><span class="hidden sm:inline truncate">Marischal College, Broad Street, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-14T20:53:51Z" 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="39">
        <div class="flex gap-3"><a href="/u/SoYtOSXy"><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/SoYtOSXy">Simmon 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: Toronto Ruby - June Edition" aria-label="View event: Toronto Ruby - June Edition" href="/groups/toronto-ruby/events/s1tczn2usqf5"><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">Toronto Ruby - June Edition</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-20T22:00:00Z" class="text-xs text-zinc-500">Thursday, Jun 20 at 10: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">41 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="Toronto Ruby group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQsInB1ciI6ImJsb2JfaWQifX0=--dd18eac5d40757f7d6dea0ba45db361a1ae5574d/toronto-ruby-logo-transparent.png" /></div><span class="text-xs text-zinc-500 truncate">Toronto Ruby</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=community">Community</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">ON, Canada</span><span class="hidden sm:inline truncate">51 Wolseley Street, Toronto, ON, Canada</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-06-14T00:25: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="85">
        <div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Aberdeen Beach Community Litter Pick" aria-label="View event: Aberdeen Beach Community Litter Pick" href="/groups/aberdeen-climate-action/events/yatlhmjv2r6w"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Aberdeen Beach Community Litter Pick</h3><div class="flex flex-col gap-1 5 mt-1 5 sm:flex-row sm:items-center sm:gap-3 sm:mt-1"><div class="flex items-center gap-1 5"><svg class="lucide lucide-clock w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 6v6l4 2"></path>
  <circle cx="12" cy="12" r="10"></circle>
</svg><time datetime="2024-06-01T11:00:00Z" class="text-xs text-zinc-500">Saturday, Jun 01 at 11:00 AM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">1 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Aberdeen Climate Action group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODUsInB1ciI6ImJsb2JfaWQifX0=--7d45ef680a7d8fa1d93155cf5c8b595adc3f9cf4/Screenshot%202024-07-03%20at%2000.24.15.png" /></div><span class="text-xs text-zinc-500 truncate">Aberdeen Climate Action</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=community">Community</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Aberdeen, UK</span><span class="hidden sm:inline truncate">Beach Ballroom, Beach Promenade, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-05-30T00:25:03Z" 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="Aberdeen Climate Action group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODUsInB1ciI6ImJsb2JfaWQifX0=--7d45ef680a7d8fa1d93155cf5c8b595adc3f9cf4/Screenshot%202024-07-03%20at%2000.24.15.png" /></span><span>And 1 more event from <span class="text-zinc-200 ml-1">Aberdeen Climate Action</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="84"><div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> scheduled an event!</p><a class="block mt-3 border rounded-lg p-3 bg-zinc-800/50 border-zinc-700/50 overflow-hidden hover:bg-zinc-800/70 hover:border-zinc-600/50 transition-colors" title="View event: Climate Café" aria-label="View event: Climate Café" href="/groups/aberdeen-climate-action/events/kzgcc6vkt5xm"><div class="flex items-start gap-3"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-lg flex-shrink-0 flex items-center justify-center bg-emerald-500/20"><svg class="lucide lucide-calendar w-5 h-5 sm:w-6 sm:h-6 text-emerald-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8 2v4"></path>
  <path d="M16 2v4"></path>
  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
  <path d="M3 10h18"></path>
</svg></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Climate Café</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-04T19:00:00Z" class="text-xs text-zinc-500">Tuesday, Jun 04 at  7:00 PM</time></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><svg class="lucide lucide-users w-3.5 h-3.5 text-zinc-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
  <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
  <circle cx="9" cy="7" r="4"></circle>
</svg><span class="text-xs text-zinc-500">1 going</span></div><span class="text-xs text-zinc-600 hidden sm:inline">•</span><div class="flex items-center gap-1 5"><div class="w-4 h-4 rounded flex-shrink-0 overflow-hidden"><img class="w-full h-full object-cover rounded" alt="Aberdeen Climate Action group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODUsInB1ciI6ImJsb2JfaWQifX0=--7d45ef680a7d8fa1d93155cf5c8b595adc3f9cf4/Screenshot%202024-07-03%20at%2000.24.15.png" /></div><span class="text-xs text-zinc-500 truncate">Aberdeen Climate Action</span></div></div></div></div></a><div class="flex flex-col gap-2 mt-3 text-xs"><div class="flex"><a class="px-2 py-1 rounded-full font-medium bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors" href="/groups?category=community">Community</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Aberdeen, UK</span><span class="hidden sm:inline truncate">The Anatomy Rooms, All In Ideas SCIO, Arkade Studios, Shoe Lane, Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-05-30T00:22: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="81">
        <div class="flex gap-3"><a href="/u/XdroWoit"><div class="rounded-full w-10 h-10  box-border bg-gradient-to-br from-[#10b981]/10 to-transparent flex items-center justify-center"><span class="text-white font-medium text-lg">R</span></div></a><div class="flex-grow min-w-0"><p class="text-sm text-zinc-100"><a class="font-medium hover:text-white" href="/u/XdroWoit">radius-bot</a> created a new group</p><p class="text-sm text-zinc-400 mt-1">Sustainability in the North East of Scotland</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: Aberdeen Climate Action" aria-label="Visit group: Aberdeen Climate Action" href="/groups/aberdeen-climate-action"><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="Aberdeen Climate Action group image" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODUsInB1ciI6ImJsb2JfaWQifX0=--7d45ef680a7d8fa1d93155cf5c8b595adc3f9cf4/Screenshot%202024-07-03%20at%2000.24.15.png" /></div><div class="flex-1 min-w-0"><h3 class="font-medium text-sm text-zinc-100 break-words">Aberdeen Climate Action</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 class="w-5 h-5 rounded-full border-2 border-zinc-800 overflow-hidden flex-shrink-0"><img class="w-full h-full object-cover" alt="Avatar for radius-bot" loading="lazy" decoding="async" src="https://radius.to/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDYzLCJwdXIiOiJibG9iX2lkIn19--d6892368538770deb70c31d14e8d6cdfbee8f3ff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzQ4LDQ4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--70d33f11ce0a44f5258048f3d3f713b27f051594/Screenshot%202025-10-11%20at%2016.42.06.png" /></div></div><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=community">Community</a></div><div class="flex items-center justify-between sm:justify-start sm:gap-3 text-zinc-500 min-w-0"><div class="flex items-center gap-1 5 min-w-0"><svg class="lucide lucide-map-pin w-3 h-3 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path>
  <circle cx="12" cy="10" r="3"></circle>
</svg><span class="sm:hidden truncate">Aberdeen, UK</span><span class="hidden sm:inline truncate">Aberdeen, UK</span></div><div class="flex items-center gap-1 5 flex-shrink-0"><span class="text-zinc-600 hidden sm:inline">•</span><time datetime="2024-05-30T00:18:07Z" 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=7&amp;time_range=all">Load more</a>
    </div>
</template></turbo-stream>
