TASK 6: Make OSCSA blog bilingual.

[Thesaleem]

Description

Make the OSCSA blog bilingual by allowing user switch between English and Arabic.

Who is working on this issue?

@Mublin @mutmainaho @Thesaleem

[Mublin]

We are working on it together @Thesaleem @mutmainaho

[Thesaleem]

How do we get started @Mublin @mutmainaho

[Mublin]

we learn more about quarto, do your research

we create a nav item, an icon like in the main website

we create the arabic

Then maybe we can add dark-mode

[Nuel-Eneji]

@Mublin and @Thesaleem Can i join you both on this task ?

[Mublin]

Sure

[Nuel-Eneji]

What progress have you made now so I know where to start from

[Mublin]

still wrapping my head around quarto, we have to understand it first. I am still checking how it works, what about you?

[Nuel-Eneji]

I've watched a few introductory videos on youtube and I'm reading the documentation now I've also setup RStudio on my local machine and I'm playing around with the features

[mutmainaho]

Hello @Mublin why do we have to use quarto cause I can see it uses python but the project was built on JavaScript. just asking for clarifications

[Mublin]

I've watched a few introductory videos on youtube and I'm reading the documentation now I've also setup RStudio on my local machine and I'm playing around with the features

Great, happy to have you on board

[Mublin]

Hello @Mublin why do we have to use quarto cause I can see it uses python but the project was built on JavaScript. just asking for clarifications

I think when you read the task it shows bilingual and it shows we can check the sample from a github project, it’s uses quarto but try using your own way and see how it goes😉, there’s no right way in coding

[Njong392]

I don't know if it has much to do with quarto. What if we used a translation plugin like i18n @BatoolMM ? I see that the project uses JavaScript, and we can use JSON files to serve both translations. So that the user could use some sort of toggle to switch between languages, and a fetch method is used to get the different translation files.

Would love to hear what you all think, here is an article I found.

[Mublin]

Give it a try I guess

On Wed, 12 Oct 2022 at 10:58, Njong Emy @.***> wrote:

I don't know if it has much to do with quarto. What if we used a translation plugin like i18n @BatoolMM https://github.com/BatoolMM ? I see that the project uses JavaScript, and we can use JSON files to serve both translations. So that the user could use some sort of toggle to switch between languages, and a fetch method is used to get the different translation files.

Would love to hear what you all think, here is an article https://phrase.com/blog/posts/step-step-guide-javascript-localization/ I found.

— Reply to this email directly, view it on GitHub https://github.com/Open-Science-Community-Saudi-Arabia/OSCSA-en-blog/issues/9#issuecomment-1275906439, or unsubscribe https://github.com/notifications/unsubscribe-auth/AYN6QHUSZIYWVVGB6L4EWJ3WC2DTLANCNFSM6AAAAAARCPWP5I . You are receiving this because you were mentioned.Message ID: <Open-Science-Community-Saudi-Arabia/OSCSA-en-blog/issues/9/1275906439@ github.com>

[victorvictoria-maker]

@Mublin and @Njong392 I am not sure if there are Arabic content files in the repo as stated but I added google translate since the content on the blog page won't be static. I made a pull request also @BatoolMM

[Njong392]

@Mublin and @Njong392 I am not sure if there are Arabic content files in the repo as stated but I added google translate since the content on the blog page won't be static. I made a pull request also @BatoolMM

The problem with google translate is that it does not care about the format of certain things like dates, numbers etc. I thought we could use localization to work around that.

[Thesaleem]

I don't know if it has much to do with quarto. What if we used a translation plugin like i18n @BatoolMM ? I see that the project uses JavaScript, and we can use JSON files to serve both translations. So that the user could use some sort of toggle to switch between languages, and a fetch method is used to get the different translation files.

Would love to hear what you all think, here is an article I found.

@Mublin have you seen this? I read the article and I think it makes sense . I’m curious as to what @BatoolMM thinks.

[Mublin]

I don't know if it has much to do with quarto. What if we used a translation plugin like i18n @BatoolMM ? I see that the project uses JavaScript, and we can use JSON files to serve both translations. So that the user could use some sort of toggle to switch between languages, and a fetch method is used to get the different translation files. Would love to hear what you all think, here is an article I found.

@Mublin have you seen this? I read the article and I think it makes sense . I’m curious as to what @BatoolMM thinks.

Sure let’s try that too

[Nuel-Eneji]

From the discussions on the reference repo given by @BatoolMM , (Here's the link) . I think we need to create different .yml files for both languages and render it. That means we still need to a fair knowledge of quarto

[Mublin]

You understand the concept now, im already working on that, work on that too

[victorvictoria-maker]

I don't know if it has much to do with quarto. What if we used a translation plugin like i18n @BatoolMM ? I see that the project uses JavaScript, and we can use JSON files to serve both translations. So that the user could use some sort of toggle to switch between languages, and a fetch method is used to get the different translation files. Would love to hear what you all think, here is an article I found.

@Mublin have you seen this? I read the article and I think it makes sense . I’m curious as to what @BatoolMM thinks.

I think it does make sense too but from the article, all the english text has to be translated to arabic.

[Teslimsama]

@Thesaleem I will would like join

[BatoolMM]

Thank you all for your hard work. An example of Arabic blog post with Quarto is here, but it's not deployed. YOu can locally deploy it and re-use some of the content!

[Mublin]

I cannot find the arabic posts, I have done it, but I cannot find the arabic posts @BatoolMM

[BatoolMM]

It is a short one, but it's in the same repo. Also, note the CSS used for Arabic to switch everything to right-to-left.

Let us know if you need anything else!

[Mublin]

Ok will check it out now

[Mublin]

I cannot still find the Arabic post can you give me a link to check please @BatoolMM the link you gave me is given a 400 error code

[Mublin]

Still waiting for the Arabic contents the blog post @BatoolMM @alswajiab

[BatoolMM]

@Mublin It should work now, the repo was private but I made it public now!

[Mublin]

@Mublin It should work now, the repo was private but I made it public now!

ok thank you working on it you can check it out here

[BatoolMM]

Thank you @Mublin, it looks good to me but I need to review the PR!

[Mublin]

Thank you @Mublin, it looks good to me but I need to review the PR!

Thank you too, pull request done, you can check it out and see what is going on

[Tammy-Ajoko]

@Mublin I'd like to join in. What has been done so far

[Mublin]

@Mublin I'd like to join in. What has been done so far

Everything has been done