Address review feedback

- Anchor Meetup host match to scheme+host (case-insensitive), no
  longer false-matches lookalike hosts like notmeetup.com
- Swap Tailwind v3-only classes (shrink-0, text-[10px]) for v2
  equivalents (flex-shrink-0, text-xs) actually supported by the
  pinned Tailwind 2.2.19 build
- Safelist group-hover:text-purple-600 in purgecss config since it
  only renders inside the upcoming-events loop and would otherwise be
  purged on a build with zero upcoming events
- Mark the badge logo as decorative (empty alt) since the adjacent
  group name already supplies the link's accessible name
- Give each upcoming-card arrow link a unique aria-label including
  the event title
- Drop opacity-75 from past-event cards so the badge (and all past
  card text) keeps sufficient contrast; existing gray tones already
  distinguish past from upcoming
- Render the group badge on individual calendar event pages too, so
  removing Ohio's hand-written prose link doesn't orphan that page

Author: HeyItsGilbert

purgecss.config.cjs

@@ -22,6 +22,9 @@ module.exports = {
       // These never appear in committed markup, so pin the whole status palette.
       'bg-blue-500', 'bg-green-500', 'bg-purple-500',
       'bg-orange-500', 'bg-red-500', 'bg-yellow-500',
+      // Only rendered inside the calendar's upcoming-events loop, so a CI
+      // build with zero upcoming events would otherwise purge it.
+      'group-hover:text-purple-600',
     ],
   },
   output: 'assets/css/tailwind.css',

themes/powershell-community/layouts/_default/calendar.html

@@ -98,7 +98,7 @@ <h3 class="text-xl font-bold text-gray-900 mb-2 group-hover:text-purple-600">{{
                     </div>
                     <!-- Arrow -->
                     <div class="hidden md:flex items-center pr-6">
-                        <a href="{{ .Params.externalUrl }}" target="_blank" rel="noopener" aria-label="View event details">
+                        <a href="{{ .Params.externalUrl }}" target="_blank" rel="noopener" aria-label="View details for {{ .Title }}">
                             <i class="fas fa-external-link-alt text-gray-400"></i>
                         </a>
                     </div>
@@ -125,7 +125,7 @@ <h2 class="text-3xl font-bold text-gray-900">Past Events</h2>
         <div class="space-y-4 mb-10">
             {{ range (sort $past "Params.startDate" "desc") }}
             {{ $matchedGroup := partial "calendar-matched-user-group.html" (dict "externalUrl" .Params.externalUrl "site" $.Site) }}
-            <div class="bg-gray-50 rounded-lg border border-gray-200 p-4 opacity-75">
+            <div class="bg-gray-50 rounded-lg border border-gray-200 p-4">
                 <div class="flex items-center justify-between">
                     <div>
                         <h3 class="font-semibold text-gray-700">{{ .Title }}</h3>

themes/powershell-community/layouts/_default/single.html

@@ -44,6 +44,12 @@
 
             <!-- Title -->
             <h1 class="text-3xl lg:text-4xl font-bold text-gray-900 mb-4 leading-tight">{{ .Title }}</h1>
+            {{ if eq .Section "calendar" }}
+            {{ $matchedGroup := partial "calendar-matched-user-group.html" (dict "externalUrl" .Params.externalUrl "site" .Site) }}
+            {{ with $matchedGroup }}
+            <div class="mb-4">{{ partial "calendar-user-group-badge.html" . }}</div>
+            {{ end }}
+            {{ end }}
 
             <!-- Author and Reading Time -->
             <div class="flex items-center justify-between">

themes/powershell-community/layouts/partials/calendar-matched-user-group.html

@@ -11,7 +11,7 @@
 */}}
 {{- $url := .externalUrl -}}
 {{- $site := .site -}}
-{{- $slugPattern := `^.*meetup\.com/([^/?#]+).*$` -}}
+{{- $slugPattern := `(?i)^https?://(?:www\.)?meetup\.com/([^/?#]+).*$` -}}
 {{- $match := "" -}}
 {{- if $url -}}
   {{- $eventSlug := replaceRE $slugPattern "$1" $url -}}

themes/powershell-community/layouts/partials/calendar-user-group-badge.html

@@ -5,11 +5,11 @@
 */}}
 {{- $group := . -}}
 <a href="{{ $group.RelPermalink }}" class="inline-flex items-center gap-1.5 text-blue-600 hover:text-blue-700">
-    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-blue-100 overflow-hidden shrink-0">
+    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-blue-100 overflow-hidden flex-shrink-0">
         {{ if $group.Params.logo }}
-        <img src="{{ $group.Params.logo }}" alt="{{ $group.Title }} logo" width="20" height="20" class="w-full h-full object-contain">
+        <img src="{{ $group.Params.logo }}" alt="" width="20" height="20" class="w-full h-full object-contain">
         {{ else }}
-        <i class="fas fa-people-group text-[10px]"></i>
+        <i class="fas fa-people-group text-xs" aria-hidden="true"></i>
         {{ end }}
     </span>
     {{ $group.Title }}