Working on Unofficial Arabic Translation of p5.js Website

[sherifsallam]

Language

Arabic

What improvement are you suggesting?

Hello Everyone!

I've come here to say that I'll be working on translating the p5.js website into Arabic, and hosting it somewhere as an unofficial version. I think this will be very helpful for a big part of the world that we could benefit from. Arab and Middle Eastern creatives and designers have seen a huge and significant increase in numbers over the past five years, and I think p5.js is a perfect tool for developers to understand, create with, and contribute to.

I will be posting updates here as I start the translation. What I find interesting is the right to the left alignment of the Arabic Language, and how it will affect and change the layout/design of the website. Obviously, something like this would very much benefit from different creative inputs and POVs. So please feel free to advise, ask to join in working on it with me, or ask any questions! We'd go at a much faster rate if we work on different pages, and proofread each other's work after, etc.

Excited to be working on this inclusive translation that I think will be very useful for the Middle Eastern community to learn about p5.js.

Thanks!

Would you like to work on the issue?

Myself and Any Volunteers

[sherifsallam]

Also just found @limzykenneth 's comment on one of the past translation threads. (https://github.com/processing/p5.js-website/issues/584#issuecomment-603784803) Gave me a bit of motivation to know that it's something you'd be interested to see! I would appreciate any advice or feedback whenever I'm able to post something tangible you guys can look at :)

[sherifsallam]

Hello! Just wanted to give you guys an update on the unofficial Arabic translation. I've hosted it here: https://p5unofficialarabic.netlify.app/

Please visit the link above and click on the Arabic button from the languages in the top left corner.

It is still a work in progress. I have managed to translate the Home, Download, Donate, and Get Started pages.

Any tips and feedback on the layout and functionality would be very appreciated. Thanks!

[limzykenneth]

Looks great so far! Do you have a link to the source code of the repo on github so that if others wanted to help they can contribute to your repo?

[nabilhassein]

Hello! Chiming in to say I would love to contribute to the Arabic translation as well starting next month or early next year -- thank you so much @sherifsallam for getting it started :)

And @limzykenneth, it appears that the repo is here: https://github.com/sherifsallam/p5.js-website

I've briefly examined the site linked above, and it seems there is some kind of styling issue preventing the text from flowing in the right-to-left direction proper to Arabic. For example, in the attached screenshot, the periods at the end of sentences come on the right as they would in English, rather than on the left as they should in Arabic. Those who can read Arabic can also see that the text does not visually flow correctly. However, when I copy-paste the text into a textbox which expects Arabic (e.g. Google Translate) it comes out in the proper order for reading, so I believe the underlying text is probably in the correct logical order, and the styling issue should hopefully be a quick fix of adding "direction: rtl" in the proper location within the CSS. Perhaps my first contribution in a month or two if no one beats me to it!

[limzykenneth]

Hi @nabilhassein, sorry I'll have to go through your comment here a bit later but I just want to hijack this for now to get your attention at https://github.com/processing/p5.js/issues/5831, specifically whether would you be interested in helping with the Arabic proofreading of the p5.js Contributor Docs survey? I have the Arabic translation already but am still having problem finding someone to do the proofreading and you show up here at just the right time! 😝

If you are able and willing to help with the proofreading, please drop me an email at [email protected] and I'll arrange things over email.

I'll circle back to your comment above when I have more time. Thanks!