https://github.com/processing/p5.js-website-translator

Experimental web app to facilitate the p5.js website translation.
https://github.com/processing/p5.js-website-translator

Last synced: 9 months ago
JSON representation

Experimental web app to facilitate the p5.js website translation.

• Host: GitHub
• URL: https://github.com/processing/p5.js-website-translator
• Owner: processing
• License: mit
• Created: 2020-07-11T09:57:05.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-01-01T10:47:30.000Z (almost 5 years ago)
• Last Synced: 2025-03-27T15:31:12.644Z (9 months ago)
• Language: Vue
• Homepage: https://processing.github.io/p5.js-website-translator
• Size: 8.06 MB
• Stars: 7
• Watchers: 6
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md
  • License: license

Awesome Lists containing this project

README

          
# p5.js-website-translator

Welcome!

The p5.js-website-translator is a platform designed to help contributors translating the p5.js website.

**How to use the p5.js-website-translator**:

1) Open the [p5.js-website-translator](https://processing.github.io/p5.js-website-translator).

  ![p5.js-website-translator Home Page](media/homepage.png "Home Page")

2) Select the section of the p5.js website you want to translate.

  ![How to select the translation section](media/select_section.gif "Select Section")

3) Choose the language you want to translate the text in. 

  ![How to select the translation language](media/select_language.gif "Select Language")

  *(Currently, you can only edit the translation files that already exist in the p5.js-website repository. The feature to add new translations is coming soon!)*

4) Edit the text cards.

  ![How to edit the text cards](media/textcard_edit.gif "Edit text card")

  *(The green highlight of the "Color Conversion" text card signals that the text in the card is not translated. As you can see, it disappears once the translation is edited.)*

5) Download the edited file.

  ![How to download the edited file](media/download.gif "Download the file")

6) Submit a Pull Request with the edited file to the p5.js-website repository.

### Get Involved 

If you discover a bug or have an idea for a new feature you'd like to add, please submit an issue. If you would like to work on an existing issue, feel free to create a Pull Request. Any help or suggestion is more than welcome!

### Build Setup

```bash

# install dependencies

$ npm install

# serve with hot reload at localhost:3000

$ npm run dev

# build for production and launch server

$ npm run build

$ npm run start

# generate static project

$ npm run generate

```

For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).

### Code of Conduct

All contributors to the p5.js-website-translator are expected to follow the [Code of Conduct](https://github.com/processing/p5.js/blob/main/CODE_OF_CONDUCT.md). We strive to create a friendly and safe community!