updated another round of feedback

Author: fdoflorenzano

i18n/react-intl/en.json

@@ -72,12 +72,12 @@
   "booksIntro": "Processing books cover topics from programming basics to visualization. Browse this page to find the right books for you.",
   "readMore": "Read more",
   "downloadIntro": "Processing is open source and is available for macOS, Windows, and Linux. Projects created with Processing are also cross-platform, and can be used on macOS, Windows, Android, Raspberry Pi, and many other Linux platforms.",
-  "windowsIntelAssetTooltip": "Tested on Windows 10. Untested on Windows 11 but should work.",
-  "macOsIntelAssetTooltip": "Compatible with macOS 10.15.7 (Catalina), 11 (Big Sur), and 12 (Monterey)",
-  "macOsSiliconAssetTooltip": "Compatible with <a href='https://support.apple.com/en-us/HT211814'>M1 and M2 processors</a>. Tested on macOS 12 (Monterey)",
-  "linuxIntelAssetTooltip": "Tested on Ubuntu 22.04.",
-  "raspberryPi32AssetTooltip": "This is the only 32-bit platform that is supported with Processing 4.",
-  "raspberryPi64AssetTooltip": "Not a ton of people are 64-bit with their RPi devices yet, but releases are happening.",
+  "windowsIntelAssetTooltip": "Compatible with Windows 10 and 11. For best compatibility, we recommend Windows 10.",
+  "macOsIntelAssetTooltip": "Compatible with macOS 10.15.7 (Catalina) through macOS 13 (Ventura). macOS 12 (Monterey) recommended.",
+  "macOsSiliconAssetTooltip": "Compatible with M1 and later processors. Where possible, we recommend macOS 12 (Monterey).",
+  "linuxIntelAssetTooltip": "Tested and supported on Ubuntu 22.04, but will work with most major distributions.",
+  "raspberryPi32AssetTooltip": "Latest version of Raspberry Pi OS is recommended.",
+  "raspberryPi64AssetTooltip": "Latest version of Raspberry Pi OS is recommended. The 64-bit release Raspberry Pi OS is newer, so if you have issues, try the 32-bit version.",
   "publishedOn": "Published on",
   "macOsIntelWarning": "Got an M1 or M2 CPU? Download the <a href='{0}'>Apple Silicon</a> version instead.",
   "otherVersions": "Need another version?",

i18n/react-intl/es.json

@@ -72,12 +72,12 @@
   "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.",
   "readMore": "Leer más",
   "downloadIntro": "Processing es código abierto y está disponible para macOS, Windows, y Linux. Proyectos creados con Processing también multiplataforma, y pueden ser ejecutados en macOS, Windows, Android, Raspberry Pi, y muchas plataformas Linux.",
-  "windowsIntelAssetTooltip": "Testeado en Windows 10. No testeado en Windows 11, pero debería funcionar.",
-  "macOsIntelAssetTooltip": "Compatible con macOS 10.15.7 (Catalina), 11 (Big Sur), y 12 (Monterey)",
-  "macOsSiliconAssetTooltip": "Compatible con <a href='https://support.apple.com/en-us/HT211814'>procesadores M1 and M2</a>. Testeado en macOS 12 (Monterey)",
-  "linuxIntelAssetTooltip": "Testeado en Ubuntu 22.04.",
-  "raspberryPi32AssetTooltip": "Esta es la única plataforma de 32-bit compatible con Processing 4.",
-  "raspberryPi64AssetTooltip": "Aún no muchas personas usan 64-bit con sus dispositivos RPi, pero hay avances en progreso.",
+  "windowsIntelAssetTooltip": "Compatible con Windows 10 y 11. Para mejor compatibilidad, recomendamos Windows 10.",
+  "macOsIntelAssetTooltip": "Compatible desde macOS 10.15.7 (Catalina) hasta macOS 13 (Ventura). Recomendamos macOS 12 (Monterey).",
+  "macOsSiliconAssetTooltip": "Compatible con M1 y procesadores siguientes. Cuando sea posible, recomendamos macOS 12 (Monterey).",
+  "linuxIntelAssetTooltip": "Testeado y con soporte en Ubuntu 22.04, pero funcionará con la mayoría de distribuciones.",
+  "raspberryPi32AssetTooltip": "Se recomienda la últimva versión de Raspberry Pi OS.",
+  "raspberryPi64AssetTooltip": "Se recomienda la últimva versión de Raspberry Pi OS. El lanzamiento Raspberry Pi OS 64-bit es más reciente, así que de tener problemas, intenta con la versión 32-bit.",
   "publishedOn": "Publicado en",
   "macOsIntelWarning": "¿Usas macOS con CPU M1 o M2? Descarga entonces la versión <a href='{0}'>Apple Silicon</a>.",
   "otherVersions": "¿Necesitas otra versión?",

src/components/character/Donate.module.css

@@ -5,7 +5,7 @@
   width: var(--col1);
   float: right;
   text-align: center;
-  z-index: 1;
+  z-index: 10;
   padding: var(--vertical-margin-small) 4px;
 
   transition: top 0.2s ease;

src/styles/templates/download.module.css

@@ -25,7 +25,7 @@ a.mainDownloadButton {
   background-color: var(--processing-blue);
   color: white;
   border-radius: 40px;
-  margin-bottom:  var(--vertical-margin-xsmall);
+  margin-bottom:  var(--vertical-margin-small);
   padding: var(--gutter) var(--margin);
 
   display: flex;
@@ -49,6 +49,7 @@ a.mainDownloadButton {
     font-family: var(--font);
     font-size: var(--text-reduced);
     line-height: 1.2;
+    padding-top: 0.15em;
     text-align: center;
   }
 }
@@ -149,7 +150,7 @@ a.mainDownloadButton {
     color: white;
     border-radius: 40px;
     width: 100%;
-    padding: var(--gutter-half) 0;
+    padding: calc(var(--gutter-half)+ 0.15em) 0 var(--gutter-half) 0;
 
     display: flex;
     flex-direction: column;
@@ -253,8 +254,9 @@ a.mainDownloadButton {
     display: block;
     background-color: var(--processing-blue);
     color: white;
-    padding: var(--gutter-double) var(--gutter-half);
+    padding: var(--gutter-double) var(--gutter);
     border-radius: 5px;
+    border: #f2f6ff 1px solid;
     text-align: center;
   }
 }

src/templates/download.js

@@ -145,7 +145,8 @@ const MainDownloadSection = memo(({ release, onAfterDownload }) => {
           onClick={onAfterDownload}>
           <span>
             {intl.formatMessage({ id: 'download' })} Processing{' '}
-            {release.version}{' '}
+            {release.version} {intl.formatMessage({ id: 'for' })}{' '}
+            {detectedAsset.os}
           </span>
         </a>
 
@@ -197,6 +198,15 @@ const InfoTooltip = ({ asset, date, className, zIndex, translateX }) => {
 
   useEffect(() => {
     if (open) {
+      const dropdownRect = tooltipRef.current.getBoundingClientRect();
+      const dropdownRightX = dropdownRect.x + dropdownRect.width;
+      if (dropdownRightX > window.innerWidth) {
+        console.log('hey');
+        tooltipRef.current.style.left = 'auto';
+        tooltipRef.current.style.right = '0';
+        tooltipRef.current.style.transform = 'none';
+      }
+
       const outsideInteraction = (e) => {
         if (tooltipRef.current == null) return;
         if (tooltipRef.current.contains(e.target)) return;