feat: limit past events and link to Meetup

Author: vbuxbaum

assets/css/site.css

@@ -7,17 +7,17 @@
   };
   const COPY = {
     pt: {
-      about: 'Sobre', nextMeetups: 'Próximos encontros', seeEvents: 'Ver eventos',
+      about: 'Sobre', nextMeetups: 'Próximos encontros', seeEvents: 'Ver eventos no Meetup ↗', seeMoreEvents: 'Ver mais no Meetup ↗',
       community: 'Comunidade', members: 'Membros', events: 'Eventos', projects: 'Projetos',
       conduct: 'Código de conduta', blog: 'Blog', upcoming: 'Próximos', past: 'Eventos anteriores',
-      eventsIntro: 'Nos encontramos para trocar conhecimento. A agenda é mantida em data/events.json.', meetupAgenda: 'Ver agenda no Meetup ↗',
+      eventsIntro: 'Nos encontramos para trocar conhecimento. A agenda é mantida em data/events.json.',
       noEvents: 'Nenhum evento cadastrado no momento.', noMembers: 'Nenhum membro cadastrado ainda.', noPosts: 'Nenhum post publicado ainda.'
     },
     en: {
-      about: 'About', nextMeetups: 'Next meetups', seeEvents: 'See events',
+      about: 'About', nextMeetups: 'Next meetups', seeEvents: 'View events on Meetup ↗', seeMoreEvents: 'View more on Meetup ↗',
       community: 'Community', members: 'Members', events: 'Events', projects: 'Projects',
       conduct: 'Code of conduct', blog: 'Blog', upcoming: 'Upcoming', past: 'Past events',
-      eventsIntro: 'We get together to share knowledge. The schedule lives in data/events.json.', meetupAgenda: 'View the Meetup calendar ↗',
+      eventsIntro: 'We get together to share knowledge. The schedule lives in data/events.json.',
       noEvents: 'No events have been added yet.', noMembers: 'No members have been added yet.', noPosts: 'No posts have been published yet.'
     }
   };
@@ -210,7 +210,7 @@
       item.append(date, details, element('span', { class: 'event-kind', text: event.kind || 'evento' }));
       futureContainer.append(item);
     });
-    past.forEach((event) => {
+    past.slice(0, 3).forEach((event) => {
       const item = external(event.href || '#eventos', '', 'past-event');
       item.append(element('time', { datetime: event.date, text: event.date }), element('span', { text: event.title }), element('small', { text: event.place }));
       pastContainer.append(item);

assets/js/site.js

@@ -33,7 +33,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="#eventos" data-i18n="seeEvents">Ver eventos</a>
+            <a class="button button-primary" href="https://www.meetup.com/pythonmg/events" target="_blank" rel="noreferrer" data-i18n="seeEvents">Ver eventos</a>
             <a class="button button-secondary" href="https://telegram.me/pythonmg" target="_blank" rel="noreferrer">Telegram <span aria-hidden="true">↗</span></a>
           </div>
         </div>
@@ -64,11 +64,11 @@ <h1 id="hero-title">Python-MG</h1>
         <section class="section" id="eventos" aria-labelledby="events-title">
           <div class="section-heading"><h2 id="events-title"></h2><span></span></div>
           <p class="section-intro" data-i18n="eventsIntro">A agenda é mantida em data/events.json.</p>
-          <a class="meetup-link" href="http://meetup.com/pt-BR/pythonmg/events" target="_blank" rel="noreferrer" data-i18n="meetupAgenda">Ver agenda no Meetup ↗</a>
           <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="meetup-link" href="https://www.meetup.com/pythonmg/events" target="_blank" rel="noreferrer" data-i18n="seeMoreEvents">Ver mais no Meetup ↗</a>
         </section>
 
         <section class="section" id="projetos" aria-labelledby="projects-title">