feat: use custom Meetup icon for links

Author: vbuxbaum

assets/css/site.css

@@ -61,14 +61,18 @@
     if (value.includes('mastodon')) return 'bi-mastodon';
     return 'bi-box-arrow-up-right';
   };
+  const isMeetupLink = (href) => String(href || '').toLowerCase().includes('meetup.com');
+  const linkIcon = (href) => isMeetupLink(href)
+    ? element('img', { class: 'external-link-icon meetup-icon', src: 'assets/images/icons/meetup.png', alt: '' })
+    : element('i', { class: `bi ${externalIcon(href)} external-link-icon`, 'aria-hidden': 'true' });
   const external = (href, label, className) => {
     const link = element('a', { href: safeHref(href), class: className });
     if (/^https?:/i.test(link.href)) {
       link.target = '_blank';
       link.rel = 'noreferrer';
     }
     if (label) link.append(
-      element('i', { class: `bi ${externalIcon(href)} external-link-icon`, 'aria-hidden': 'true' }),
+      linkIcon(href),
       document.createTextNode(label)
     );
     return link;

assets/images/icons/meetup.png

@@ -34,7 +34,7 @@
           <h1 id="hero-title">Python-MG</h1>
           <p class="hero-text" id="hero-text"></p>
           <div class="hero-actions">
-            <a class="button button-primary" href="https://www.meetup.com/pythonmg/events" target="_blank" rel="noreferrer"><i class="bi bi-calendar-event" aria-hidden="true"></i><span data-i18n="seeEvents">Ver eventos</span></a>
+            <a class="button button-primary" href="https://www.meetup.com/pythonmg/events" target="_blank" rel="noreferrer"><img class="external-link-icon meetup-icon" src="assets/images/icons/meetup.png" alt=""><span data-i18n="seeEvents">Ver eventos</span></a>
             <a class="button button-secondary" href="https://telegram.me/pythonmg" target="_blank" rel="noreferrer"><i class="bi bi-telegram" aria-hidden="true"></i>Telegram <span aria-hidden="true">↗</span></a>
           </div>
         </div>
@@ -74,7 +74,7 @@ <h3 class="subheading" data-i18n="upcoming">Próximos</h3>
           <div class="event-list" id="upcoming-events"></div>
           <h3 class="subheading subdued" data-i18n="past">Eventos anteriores</h3>
           <div class="past-events" id="past-events"></div>
-          <a class="section-external-link" href="https://www.meetup.com/pythonmg/events" target="_blank" rel="noreferrer"><i class="bi bi-calendar-event" aria-hidden="true"></i><span data-i18n="seeMoreEvents">Ver mais no Meetup ↗</span></a>
+          <a class="section-external-link" href="https://www.meetup.com/pythonmg/events" target="_blank" rel="noreferrer"><img class="external-link-icon meetup-icon" src="assets/images/icons/meetup.png" alt=""><span data-i18n="seeMoreEvents">Ver mais no Meetup ↗</span></a>
         </section>
 
         <section class="section" id="projetos" aria-labelledby="projects-title">