feat: add partner community links section

Author: vbuxbaum

assets/css/site.css

@@ -8,20 +8,20 @@
   const COPY = {
     pt: {
       about: 'Sobre', nextMeetups: 'Próximos encontros', seeEvents: 'Ver eventos no Meetup ↗', seeMoreEvents: 'Ver mais no Meetup ↗',
-      community: 'Comunidade', members: 'Membros', events: 'Eventos', projects: 'Projetos',
+      community: 'Comunidade', partners: 'Conheça também', members: 'Membros', events: 'Eventos', projects: 'Projetos',
       conduct: 'Código de conduta', fullConduct: 'Ver Código de Conduta completo ↗', blog: 'Blog', upcoming: 'Próximos', past: 'Eventos anteriores',
       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: 'View events on Meetup ↗', seeMoreEvents: 'View more on Meetup ↗',
-      community: 'Community', members: 'Members', events: 'Events', projects: 'Projects',
+      community: 'Community', partners: 'Discover also', members: 'Members', events: 'Events', projects: 'Projects',
       conduct: 'Code of conduct', fullConduct: 'View the full Code of Conduct ↗', blog: 'Blog', upcoming: 'Upcoming', past: 'Past events',
       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.'
     }
   };
-  const SECTIONS = ['comunidade', 'membros', 'eventos', 'projetos', 'blog', 'conduta'];
+  const SECTIONS = ['comunidade', 'conheca-tambem', 'membros', 'eventos', 'projetos', 'blog', 'conduta'];
   let lang = 'pt';
   let state = {};
 
@@ -124,7 +124,7 @@
     const nav = byId('navegacao');
     clear(nav);
     [
-      ['comunidade', text('community')], ['membros', text('members')],
+      ['comunidade', text('community')], ['conheca-tambem', text('partners')], ['membros', text('members')],
       ['eventos', text('events')], ['projetos', text('projects')], ['blog', text('blog')], ['conduta', text('conduct')]
     ].forEach(([id, label]) => nav.append(element('a', { href: `#${id}`, text: label, 'data-section': id })));
   }
@@ -180,6 +180,20 @@
     });
   }
 
+  function renderPartners() {
+    byId('partners-title').textContent = text('partners');
+    byId('partners-intro').textContent = pick(state.site.partnersIntro);
+    const container = byId('partner-cards');
+    clear(container);
+    (state.site.partners || []).forEach((partner) => {
+      const card = element('article', { class: 'card' });
+      const links = element('div', { class: 'card-links' });
+      links.append(external(partner.href, pick(partner.linkText), 'pill'));
+      card.append(element('h3', { text: pick(partner.title) }), element('p', { text: pick(partner.text) }), links);
+      container.append(card);
+    });
+  }
+
   function renderMembers() {
     const container = byId('members-list');
     clear(container);
@@ -285,7 +299,7 @@
     const events = state.events.map(eventView);
     const upcoming = events.filter(isUpcoming).sort((a, b) => a.date - b.date);
     const past = events.filter((event) => !isUpcoming(event)).sort((a, b) => b.date - a.date);
-    renderNavigation(); renderHome(upcoming); renderCommunity(); renderMembers();
+    renderNavigation(); renderHome(upcoming); renderCommunity(); renderPartners(); renderMembers();
     renderEvents(upcoming, past); renderProjectsAndConduct(); renderPosts(); renderFooter(); observeSections();
   }
 

assets/js/site.js

@@ -20,6 +20,13 @@
     { "title": { "pt": "Mídias sociais", "en": "Social media" }, "text": { "pt": "Acompanhe encontros, novidades e publicações da comunidade.", "en": "Follow meetups, news and community posts." }, "links": [{ "text": "Instagram", "href": "https://www.instagram.com/python.mg" }, { "text": "YouTube", "href": "https://www.youtube.com/c/PythonMinasGerais" }, { "text": "Telegram", "href": "https://telegram.me/pythonmg" }, { "text": "Twitter", "href": "https://twitter.com/PythonMG" }, { "text": "Facebook", "href": "https://facebook.com/uaipython" }] },
     { "title": { "pt": "Meetup", "en": "Meetup" }, "text": { "pt": "Nos encontramos regularmente para trocar conhecimento e experiências.", "en": "We meet regularly to share knowledge and experience." }, "links": [{ "text": "Meetup", "href": "https://www.meetup.com/pythonmg/events" }] }
   ],
+  "partnersIntro": { "pt": "Eventos, instituições e comunidades que fortalecem o ecossistema Python.", "en": "Events, organisations, and communities that strengthen the Python ecosystem." },
+  "partners": [
+    { "title": { "pt": "Evento regional", "en": "Regional event" }, "text": { "pt": "Python Sudeste reúne comunidades da região Sudeste.", "en": "Python Sudeste brings together communities from Southeast Brazil." }, "linkText": { "pt": "Python Sudeste", "en": "Python Sudeste" }, "href": "https://sudeste.python.org.br" },
+    { "title": { "pt": "Evento nacional", "en": "National event" }, "text": { "pt": "Python Brasil é o encontro nacional da comunidade Python.", "en": "Python Brasil is the national gathering of the Python community." }, "linkText": { "pt": "Python Brasil", "en": "Python Brasil" }, "href": "https://pythonbrasil.org.br/" },
+    { "title": { "pt": "Associação Python Brasil", "en": "Python Brasil Association" }, "text": { "pt": "A APyB apoia e representa a comunidade Python no Brasil.", "en": "APyB supports and represents the Python community in Brazil." }, "linkText": { "pt": "Conheça a APyB", "en": "Meet APyB" }, "href": "https://apyb.python.org.br/" },
+    { "title": { "pt": "Outras comunidades locais", "en": "Other local communities" }, "text": { "pt": "Encontre grupos Python em outras cidades e regiões do país.", "en": "Find Python groups in other cities and regions across Brazil." }, "linkText": { "pt": "Ver comunidades locais", "en": "View local communities" }, "href": "https://python.org.br/comunidades-locais/" }
+  ],
   "projects": [
     { "title": "Traduções do Django docs", "text": { "pt": "Tradução colaborativa da documentação oficial do Django para o português.", "en": "Collaborative translation of the official Django documentation into Portuguese." } },
     { "title": "Python on Campus", "text": { "pt": "Palestras e oficinas que levam Python para universidades de Minas Gerais.", "en": "Talks and workshops that bring Python to universities in Minas Gerais." } }

data/site.json

@@ -56,6 +56,12 @@ <h1 id="hero-title">Python-MG</h1>
           <div class="card-grid" id="community-cards"></div>
         </section>
 
+        <section class="section" id="conheca-tambem" aria-labelledby="partners-title">
+          <div class="section-heading"><h2 id="partners-title"></h2><span></span></div>
+          <p class="section-intro" id="partners-intro"></p>
+          <div class="card-grid partner-grid" id="partner-cards"></div>
+        </section>
+
         <section class="section" id="membros" aria-labelledby="members-title">
           <div class="section-heading"><h2 id="members-title"></h2><span></span></div>
           <p class="data-source">data/members.json</p>