Add privacy policy

content/pages/privacy/index.es.mdx

@@ -0,0 +1,18 @@
+---
+slug: '/privacy'
+title: 'Política de Privacidad'
+---
+
+## Entorno de Desarrollo de Processing (PDE)
+El software de Processing en sí no recopila ningún dato del usuario. El PDE (Entorno de Desarrollo de Processing) se ejecuta completamente de manera local, y no se rastrean, almacenan ni comparten datos sobre su uso con la Fundación Processing ni con terceros. El PDE puede conectarse al servidor de Processing para verificar actualizaciones, pero no se recopila información personal en este proceso. Si lo desea, puede desactivar esta verificación de actualizaciones en la configuración.
+
+## Sitio Web de Processing
+Nos comprometemos a respetar su privacidad cuando visite el sitio web de Processing. Para comprender el tráfico del sitio web y mejorar nuestros servicios de la manera más respetuosa con la privacidad posible, utilizamos Fathom Analytics, una plataforma de análisis centrada en la privacidad.
+
+Fathom Analytics no utiliza cookies y cumple totalmente con las leyes de privacidad, incluidas GDPR, ePrivacy (PECR), COPPA y CCPA. Su dirección IP se procesa brevemente durante su visita, pero se anonimiza y no tenemos medios para identificarlo. No se almacena ni rastrea información personal a lo largo del tiempo.
+
+El propósito de utilizar Fathom Analytics es comprender el tráfico del sitio web y mejorar la experiencia del usuario sin comprometer su privacidad. Nuestra base legal para usar estos datos, según GDPR, es el Artículo 6(1)(f), donde nuestro interés legítimo es mejorar continuamente el sitio web. Puede obtener más información sobre la política de privacidad de Fathom Analytics en su sitio web en [https://usefathom.com/legal/privacy](https://usefathom.com/legal/privacy).
+
+Esta política está sujeta a cambios y se actualizará en esta página. Animamos a los usuarios a revisar la política regularmente para cualquier actualización.
+
+Para cualquier pregunta sobre esta política de privacidad, por favor contáctenos en [privacy@processing.org](mailto:privacy@processing.org).

content/pages/privacy/index.mdx

@@ -0,0 +1,18 @@
+---
+slug: '/privacy'
+title: 'Privacy Policy'
+---
+
+## Processing Development Environment (PDE)
+The Processing software itself does not collect any user data. The PDE (Processing Development Environment) runs entirely locally, and no data about your usage is tracked, stored, or shared with the Processing Foundation or any third parties. The PDE may connect to the Processing server to check for updates, but no personal information is collected in this process. If you’d like, you can disable this update check in the settings.
+
+## Processing Website
+We are committed to respecting your privacy when you visit the Processing website. To understand website traffic and improve our services in the most privacy-friendly way possible, we use Fathom Analytics, a privacy-focused analytics platform.
+
+Fathom Analytics does not use cookies and is fully compliant with privacy laws, including GDPR, ePrivacy (PECR), COPPA, and CCPA. Your IP address is briefly processed during your visit, but it is anonymized, and we have no means of identifying you. No personal information is stored or tracked over time.
+
+The purpose of using Fathom Analytics is to understand website traffic and improve the user experience without compromising your privacy. Our legal basis for using this data, under GDPR, is Article 6(1)(f), where our legitimate interest is to continually improve the website. You can learn more about Fathom Analytics' privacy policy on their website at [https://usefathom.com/legal/privacy](https://usefathom.com/legal/privacy).
+
+This policy is subject to change and will be updated on this page. We encourage users to review the policy regularly for any updates.
+
+For any questions about this privacy policy, please contact us at [privacy@processing.org](mailto:privacy@processing.org).

i18n/react-intl/en.json

@@ -18,6 +18,7 @@
   "about": "About",
   "overview": "Overview",
   "people": "People",
+  "privacy": "Privacy",
   "donate": "Donate",
   "search": "Search",
   "searchWithGoogle": "Search with Google",
@@ -72,6 +73,7 @@
   "overviewIntro": "A short introduction to the Processing software and projects from the community.",
   "peopleIntro": "Processing is a community effort led by a small group of contributors.",
   "booksIntro": "Processing books cover topics from programming basics to visualization. Browse this page to find the right books for you.",
+  "privacyIntro": "Processing is an open-source project that values your privacy.",
   "readMore": "Read more",
   "downloadTitle": "Create with code, everywhere",
   "downloadTitleMeta": "Download Processing",

i18n/react-intl/es.json

@@ -72,6 +72,7 @@
   "overviewIntro": "Una pequeña introducción al software Processing y a los proyectos de la comunidad.",
   "peopleIntro": "Processing es un esfuerzo comunitario lidereado por un pequeño grupo de colaboradores.",
   "booksIntro": "Los libros sobre Processing cubren temas desde los principios básicos de programación a la visualización. Navega esta pagina para encontrar un libro adecuado para ti.",
+  "privacyIntro": "Processing es un proyecto de código abierto que valora tu privacidad. Lee más acerca de nuestra política de privacidad.",
   "readMore": "Leer más",
   "downloadTitle": "Crea con código, en cualquier lugar",
   "downloadTitleMeta": "Descarga Processing",

src/components/Navbar.js

@@ -49,7 +49,8 @@ export const items = [
     name: 'about',
     children: [
       { name: 'overview', href: '/overview' },
-      { name: 'people', href: '/people' }
+      { name: 'people', href: '/people' },
+      { name: 'privacy', href: '/privacy' }
     ]
   },
   {

src/pages/privacy.js

@@ -0,0 +1,64 @@
+
+import React from 'react';
+import classnames from 'classnames';
+import { graphql, Link } from 'gatsby';
+import { MDXRenderer } from 'gatsby-plugin-mdx';
+import { useIntl } from 'react-intl';
+
+import HeadMatter from '../components/HeadMatter';
+import Donate from '../components/character/Donate';
+import Layout from '../components/Layout';
+
+import * as css from '../styles/pages/about.module.css';
+import * as grid from '../styles/grid.module.css';
+
+const Privacy = ({ data, pageContext }) => {
+  const { mdx } = data;
+  const intl = useIntl();
+  return (
+    <Layout>
+      <HeadMatter
+        title={intl.formatMessage({ id: 'privacy' })}
+        description={intl.formatMessage({ id: 'privacyIntro' })}
+      />
+      <div className={classnames(grid.grid, grid.container, css.root)}>
+        {mdx ? (
+          <>
+            <Donate />
+            <h1 className={grid.col}>{mdx.frontmatter.title}</h1>
+            <h3 className={grid.col}>
+              {intl.formatMessage({ id: 'privacyIntro' })}
+            </h3>
+            <div className={classnames(grid.col, css.content)}>
+              <MDXRenderer>{mdx.body}</MDXRenderer>
+            </div>
+          </>
+        ) : (
+          <>
+            {intl.formatMessage({ id: 'notTranslated' })}&nbsp;
+            <Link to={pageContext.originalPath}>
+              {intl.formatMessage({ id: 'englishPage' })}
+            </Link>
+          </>
+        )}
+      </div>
+    </Layout>
+  );
+};
+
+export const query = graphql`
+  query($locale: String!) {
+    mdx(
+      fields: { locale: { eq: $locale } }
+      frontmatter: { slug: { eq: "/privacy" } }
+    ) {
+      body
+      frontmatter {
+        slug
+        title
+      }
+    }
+  }
+`;
+
+export default Privacy;