[pull] main from nodejs:main

apps/site/components/EOL/EOLReleaseTable/TableBody.tsx

@@ -28,7 +28,7 @@ const EOLReleaseTableBody: FC<EOLReleaseTableBodyProps> = ({
     <tbody>
       {eolReleases.map(release => (
         <Fragment key={release.major}>
-          <tr>
+          <tr data-lts={!!release.codename}>
             <td data-label="Version">
               v{release.major} {release.codename ? `(${release.codename})` : ''}
             </td>

apps/site/components/EOL/EOLReleaseTable/index.module.css

@@ -0,0 +1,9 @@
+@reference "../../../styles/index.css";
+
+.eolTableWrapper {
+  @apply contents;
+}
+
+.eolTableWrapper:has(input[type='checkbox']:checked) tr[data-lts='false'] {
+  @apply hidden;
+}

apps/site/components/EOL/EOLReleaseTable/index.tsx

@@ -1,10 +1,12 @@
+import Switch from '@node-core/ui-components/Common/Switch';
 import { getTranslations } from 'next-intl/server';
 import type { FC } from 'react';
 
 import provideReleaseData from '#site/next-data/providers/releaseData';
 import provideVulnerabilities from '#site/next-data/providers/vulnerabilities';
 import { EOL_VERSION_IDENTIFIER } from '#site/next.constants.mjs';
 
+import styles from './index.module.css';
 import EOLReleaseTableBody from './TableBody';
 
 const EOLReleaseTable: FC = async () => {
@@ -18,24 +20,27 @@ const EOLReleaseTable: FC = async () => {
   const t = await getTranslations();
 
   return (
-    <table id="tbVulnerabilities">
-      <thead>
-        <tr>
-          <th>
-            {t('components.eolTable.version')} (
-            {t('components.eolTable.codename')})
-          </th>
-          <th>{t('components.eolTable.lastUpdated')}</th>
-          <th>{t('components.eolTable.vulnerabilities')}</th>
-          <th>{t('components.eolTable.details')}</th>
-        </tr>
-      </thead>
-
-      <EOLReleaseTableBody
-        eolReleases={eolReleases}
-        vulnerabilities={vulnerabilities}
-      />
-    </table>
+    <div className={styles.eolTableWrapper}>
+      <Switch id="hide-non-lts" label={t('components.eolTable.hideNonLts')} />
+      <table id="tbVulnerabilities">
+        <thead>
+          <tr>
+            <th>
+              {t('components.eolTable.version')} (
+              {t('components.eolTable.codename')})
+            </th>
+            <th>{t('components.eolTable.lastUpdated')}</th>
+            <th>{t('components.eolTable.vulnerabilities')}</th>
+            <th>{t('components.eolTable.details')}</th>
+          </tr>
+        </thead>
+
+        <EOLReleaseTableBody
+          eolReleases={eolReleases}
+          vulnerabilities={vulnerabilities}
+        />
+      </table>
+    </div>
   );
 };
 

apps/site/pages/fr/about/branding.mdx

@@ -58,7 +58,7 @@ Crédit à [Angela Angelini](https://www.linkedin.com/in/angeliningl/) pour la c
       </td>
 
       <td>
-        <img alt="Logo empilé clair de Node.js" src="/static/logos/nodejsStackedLight.svg" className="rounded-xs h-[164px] w-[267px] bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+        <img alt="Logo empilé clair de Node.js" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
       </td>
     </tr>
 
@@ -85,7 +85,7 @@ Crédit à [Angela Angelini](https://www.linkedin.com/in/angeliningl/) pour la c
       </td>
 
       <td>
-        <img alt="Icons JS Blanc" src="/static/logos/jsIconWhite.svg" className="height-[80px] rounded-xs mx-auto w-[71px] bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+        <img alt="Icons JS Blanc" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
       </td>
     </tr>
 

apps/site/pages/id/about/branding.mdx

@@ -58,7 +58,7 @@ Penghargaan kepada [Angela Angelini](https://www.linkedin.com/in/angeliningl/) a
       </td>
 
       <td>
-        <img alt="Logo Terang Bertumpuk Node.js®" src="/static/logos/nodejsStackedLight.svg" className="rounded-xs h-[164px] w-[267px] bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+        <img alt="Logo Terang Bertumpuk Node.js®" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
       </td>
     </tr>
 
@@ -85,7 +85,7 @@ Penghargaan kepada [Angela Angelini](https://www.linkedin.com/in/angeliningl/) a
       </td>
 
       <td>
-        <img alt="Ikon JS Putih" src="/static/logos/jsIconWhite.svg" className="height-[80px] rounded-xs mx-auto w-[71px] bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+        <img alt="Ikon JS Putih" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
       </td>
     </tr>
 

apps/site/pages/pt-br/about/branding.mdx

@@ -0,0 +1,93 @@
+---
+title: Marca do Node.js
+layout: about
+---
+
+# Marca do Node.js
+
+Por favor, revise a [política de marcas registradas](https://trademark-policy.openjsf.org/) para informações sobre o uso permitido dos logotipos e marcas do Node.js®.
+
+## Mascote do Node.js®
+
+Créditos a [Angela Angelini](https://www.linkedin.com/in/angeliningl/) por projetar e contribuir com a Rocket Turtle.
+
+<img
+  alt="Mascote do Node.js"
+  src="/static/images/node-mascot.svg"
+  className="w-[100px]"
+  width="100"
+  height="114"
+/>
+
+## Logotipos do Node.js®
+
+### Logotipo Hexagonal do Node.js®
+
+<img
+  alt="Logotipo Hexagonal do Node.js"
+  src="/static/logos/nodejsHex.svg"
+  className="w-[100px]"
+  width="100"
+  height="100"
+/>
+
+### Logotipo Horizontal do Node.js®
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+        <img alt="Logotipo Horizontal Escuro do Node.js" src="/static/logos/nodejsDark.svg" className="h-[80px] w-[267px]" width="267" height="80" />
+      </td>
+
+      <td>
+        <img alt="Logotipo Horizontal Claro do Node.js" src="/static/logos/nodejsLight.svg" className="h-[80px] w-[267px] bg-neutral-950 p-2 dark:bg-transparent" width="267" height="80" />
+      </td>
+    </tr>
+
+  </tbody>
+</table>
+
+### Logotipo Empilhado do Node.js®
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+        <img alt="Logotipo Empilhado Escuro do Node.js" src="/static/logos/nodejsStackedDark.svg" className="h-[164px] w-[267px]" width="267" height="164" />
+      </td>
+
+      <td>
+        <img alt="Logotipo Empilhado Claro do Node.js" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+      </td>
+    </tr>
+
+    <tr>
+      <td>
+        <img alt="Logotipo Empilhado Preto do Node.js" src="/static/logos/nodejsStackedBlack.svg" />
+      </td>
+
+      <td>
+        <img alt="Logotipo Empilhado Branco do Node.js" src="/static/logos/nodejsStackedWhite.svg" className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
+      </td>
+    </tr>
+
+  </tbody>
+</table>
+
+### Ícones JS
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+        <img alt="Ícones JS Verdes" src="/static/logos/jsIconGreen.svg" className="height-[80px] mx-auto w-[71px]" width="71" height="80" />
+      </td>
+
+      <td>
+        <img alt="Ícones JS Brancos" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+      </td>
+    </tr>
+
+  </tbody>
+</table>

apps/site/pages/pt-br/about/eol.mdx

@@ -0,0 +1,46 @@
+---
+title: Fim de Vida Útil
+layout: about
+description: Entenda o Fim de Vida Útil (End-of-Life ou EOL) do Node.js, o que isso significa para segurança, ferramentas e conformidade, além de detalhes sobre versões EOL e opções de suporte comercial.
+---
+
+# Fim de Vida Útil (EOL)
+
+## Por que e como as versões do Node.js chegam ao Fim de Vida Útil
+
+As versões principais (major) do Node.js são lançadas, corrigidas e designadas como Fim de Vida Útil (EOL) em um cronograma previsível. Como não é viável manter todas as linhas de versão indefinidamente, após um período de manutenção planejado, uma linha de versão principal do Node.js deixa de ser mantida pelo projeto.
+
+<div className="flex flex-col items-start gap-4 xl:flex-row xl:items-center">
+  <Button kind="primary" href="/download" className="flex-1">
+    <span>Atualize para a versão LTS mais recente do Node.js®</span>
+  </Button>
+
+<span>ou</span>
+
+  <Button as="a" kind="warning" href="#commercial-support" className="flex-1">
+    <span>Obtenha suporte de segurança para versões EOL</span>
+  </Button>
+</div>
+
+[Veja o cronograma de versões do Node.js](/about/releases/).
+
+## O que acontece quando uma versão atinge o EOL
+
+Quando uma versão atinge o Fim de Vida Útil, isso significa que ela não receberá mais atualizações, incluindo correções de segurança. Isso pode deixar aplicações executadas nessas versões vulneráveis a falhas de segurança que nunca serão corrigidos.
+
+- **Vulnerabilidades não serão mais corrigidas**: Quando novas versões de segurança descobrem vulnerabilidades e trazem correções para as versões mais recentes, mesmo que a vulnerabilidade afete versões EOL, não haverá novas versões para elas. Usuários que ainda insistem em usar versões EOL e utilizam código afetado ficarão imediatamente vulneráveis a ataques que exploram essas vulnerabilidades divulgadas.
+- **Incompatibilidade com ferramentas**: Versões EOL podem parar de se vincular dinamicamente às versões mais recentes das bibliotecas compartilhadas das quais dependem, bloqueando ou quebrando atualizações do sistema.
+- **Afastamento do ecossistema**: Muitos pacotes populares deixam de oferecer suporte para versões EOL do Node.js ao longo do tempo. Quando uma aplicação se apega a pacotes desatualizados, ela pode sofrer com ainda mais vulnerabilidades e bugs não corrigidos, ficando cada vez mais isolada das práticas atuais do ecossistema.
+- **Problemas de conformidade**: Muitas auditorias do setor proíbem o uso de ambientes de execução sem manutenção.
+
+## Versões EOL
+
+<EOLReleaseTable />
+
+## Suporte comercial
+
+Apesar das desvantagens óbvias de usar versões EOL, na prática, as organizações enfrentam limitações que impedem atualizações imediatas, como bases de código legadas, requisitos de conformidade ou cadeias de dependência complexas. Por meio do [Programa de Sustentabilidade do Ecossistema da OpenJS Foundation (OpenJS Foundation Ecosystem Sustainability Program)](https://openjsf.org/blog/ecosystem-sustainability-program), Node.js é apoiado pela HeroDevs e NodeSource para fornecer serviços comerciais de correções de segurança.
+
+HeroDevs fornece [Suporte Sem Fim (NES)](https://nodejs.org/esp/herodevs) para versões do Node.js que já passaram de sua fase oficial de manutenção. Isso inclui patches de segurança, assistência de conformidade e suporte técnico para ajudar a preencher a lacuna enquanto você planeja sua estratégia de atualização.
+
+O uso de versões EOL através de suporte comercial deve ser visto como uma solução temporária - o objetivo deve ser sempre atualizar para versões ativamente mantidas.

apps/site/pages/pt-br/about/get-involved/collab-summit.md

@@ -0,0 +1,16 @@
+---
+title: Encontro de Colaboradores
+layout: about
+---
+
+# Encontro de Colaboradores
+
+O Encontro de Colaboradores do Node.js é um evento informal que reúne a comunidade, incluindo contribuidores atuais e em potencial, para discutir o Node.js em um ambiente de colaboração ativa, aprendizado e troca de conhecimentos. Duas vezes por ano, equipes, grupos de trabalho e contribuidores se encontram para debates que auxiliam na tomada de decisões e para trabalhar presencialmente em iniciativas inovadoras que desejam impulsionar.
+
+## Quem pode participar?
+
+O Encontro de Colaboradores tem como público principal os contribuidores ativos e os membros da comunidade, mas também está de portas abertas para quem ainda não contribui e tem interesse em participar. Se você está começando a colaborar com o Node.js, o Encontro pode ser uma ótima oportunidade para se inteirar sobre o que acontece na comunidade e contribuir com as habilidades que você possui e deseja desenvolver.
+
+Antes do encontro, os colaboradores e membros da comunidade enviam propostas de sessões para criar um cronograma. Os participantes podem se familiarizar com as sessões antes de chegarem ao local, participando das discussões gerais dos colaboradores e, em seguida, se aprofundando nas sessões. Haverá também muitas oportunidades para conversas informais e sessões de brainstorm.
+
+Para informações sobre os Encontros de Colaboradores futuros e passados, confira o [repositório do Encontro](https://github.com/openjs-foundation/summit). Dê uma olhada nas [issues registradas](https://github.com/nodejs/summit/issues) que compartilham o que os contribuidores e membros da comunidade estão propondo para discutir pessoalmente.

apps/site/pages/pt-br/about/get-involved/events.mdx

@@ -0,0 +1,16 @@
+---
+title: Eventos Futuros
+layout: about
+---
+
+## Eventos Futuros
+
+Os eventos do Node.js são abertos ao público. Qualquer pessoa é bem-vinda para participar e contribuir.
+
+### Próximas Reuniões do Node.js®
+
+O projeto Node.js realiza diversas reuniões ao longo do ano para discutir e planejar aspectos do projeto.
+
+As seguintes reuniões acontecerão nos próximos 7 dias.
+
+<UpcomingMeetings />

apps/site/pages/pt-br/about/get-involved/index.md

@@ -0,0 +1,34 @@
+---
+title: Participe
+layout: about
+---
+
+# Participe
+
+Se você está interessado em se envolver com a comunidade Node.js, existem muitas maneiras de fazer isto. O projeto Node.js é uma grande e diversa comunidade com muitas formas de contribuir além de apenas escrever códigos.
+
+## Discussões da Comunidade
+
+- O [repositório `nodejs/node` no Github](https://github.com/nodejs/node/issues) é o lugar para discutir funcionalidades do core do Node.js e reportar problemas.
+- O [repositório `nodejs/node` no Github](https://github.com/nodejs/help/issues) é o lugar oficial para perguntar sobre Node.js.
+- O [servidor oficial do Node.js](https://discord.gg/nodejs) é um lugar para conversar com outros desenvolvedores e ver notícias oficiais do projeto Node.js.
+- [Calendário de projetos](https://nodejs.org/calendar) do Node.js com todas as reuniões públicas da equipe do Node.js.
+
+## Materiais de Aprendizado
+
+Se você está procurando aprender mais sobre o Node.js, há muitos recursos disponíveis para você.
+
+- [Materiais de aprendizagem oficiais](https://nodejs.org/en/learn/) do Node.js.
+- [Documentação oficial de referência da API](https://nodejs.org/api/) do Node.js.
+- [NodeSchool.io](https://nodeschool.io/) ensina conceitos Node.js através de jogos interativos de linha de comando.
+- [A tag Node.js no StackOverflow](https://stackoverflow.com/questions/tagged/node.js) contém um grande número de tópicos com recursos úteis.
+- [A tag Node.js no DEV Community](https://dev.to/t/node) contém artigos e conteúdo relacionados ao Node.js.
+
+## Áreas de Discussão Não Oficiais
+
+Existem diversas áreas de discussão não oficiais, caso você esteja procurando por um lugar mais informal para discutir Node.js. Observe que o projeto Node.js não as endossa oficialmente. Siga os respectivos códigos de conduta/regras.
+
+- [Node Slackers](https://www.nodeslackers.com/) é uma comunidade no Slack focada em Node.js.
+- [OpenJSF Slack](https://slack-invite.openjsf.org/) é um espaço no Slack para a OpenJS Foundation. Há vários canais relacionados ao Node.js. _(canais com prefixo `#nodejs-` estão relacionados ao projeto)_
+- O [r/node](https://www.reddit.com/r/node/) é um subreddit focado em Node.js.
+- `irc.libera.chat` no canal `#node.js` com um [cliente IRC](https://en.wikipedia.org/wiki/Comparison_of_Internet_Relay_Chat_clients) ou conecte-se diretamente no seu navegador usando [um cliente web](https://kiwiirc.com/nextclient/).

apps/site/pages/pt-br/about/governance.md

@@ -0,0 +1,26 @@
+---
+title: Governança do Projeto
+layout: about
+---
+
+# Governança do Projeto
+
+## Processo de Busca por Consenso
+
+O projeto Node.js segue um modelo de tomada de decisão baseado em [Busca por Consenso](https://en.wikipedia.org/wiki/Consensus-seeking_decision-making).
+
+## Colaboradores
+
+O repositório principal do GitHub [nodejs/node](https://github.com/nodejs/node) é mantido pelos Colaboradores, que são nomeados por outros Colaboradores existentes de forma contínua.
+
+Indivíduos que fazem contribuições significativas e valiosas são nomeados Colaboradores e recebem acesso de commit ao projeto. Essas pessoas são identificadas por outros Colaboradores e sua nomeação é discutida com os Colaboradores existentes.
+
+Para a lista atual de Colaboradores, consulte o [README.md](https://github.com/nodejs/node/blob/main/README.md#current-project-team-members) do projeto.
+
+Um guia para Colaboradores é mantido em [collaborator-guide.md](https://github.com/nodejs/node/blob/main/doc/contributing/collaborator-guide.md).
+
+## Comitê de Direção Técnica (TSC)
+
+O projeto é governado pelo [Comitê de Direção Técnica (Technical Steering Committee ou TSC)](https://github.com/nodejs/TSC/blob/main/TSC-Charter.md),
+que é responsável pela orientação de alto nível do projeto. O TSC é um
+subconjunto de Colaboradores ativos que são nomeados por outros membros existentes do TSC.