Introduction to Open Source Contribution: Hands‐On Issues Activity

Please refer to the Contributor Docs, or specifically, Preparing an Issue, to start with opening one of the issues below!

The issues listed below are meant to be a reference point for pinpointing the issue's location within the p5.js editor and to reflect on why they are listed as a potential issue for users. Please feel free to ask questions!

Add Direct Links to Join Community to Community Section in README

• Type: Documentation and Translations
• Why would it be helpful to have direct links to other social media platforms here?
• What other resources could be helpful to have in the Community section of the README, or the README in general?

Add Translations for the p5.js Editor and Contributor Docs

• Type: Documentation and Translations

• The p5.js Editor currently has 16 contributor provided translations. If you are familiar with one of these languages and are interested in contributing to translations, read the Translations Documentation and then feel free to go ahead and check them out to see if they're correct and up-to-date!

• You can also provide translations for the Contributor Documentation as well, which currently belong in the /translations/contributor_docs folder.

Typo in Contributor Documentation

• Type: Documentation and Translations
• Fix the typo in the Contributor Documentation README title!

Adding "Mode" to the text in the Share Modal

• Type: Platform Change
• Why would this change be helpful?
• Are there any other changes or additional improvements that might be useful to include in the Share modal?

Color of the "Down" Arrow in the Console

• Type: Platform Change
• Currently, in the p5.js Editor Console, when a user hovers on the "Clear" button and "Down Arrow" icon on the upper-right hand corner, only the "Clear" button becomes pink on hover. What CSS change could be added to help indicate that the "Down Arrow" icon is an interactive element?
• You can use the "Inspect" function in the Developer Tools to help narrow down which class/file you would need to update to insert your desired changes.

Hover in the Menubar

• Type: Platform Change
• What type of change could you add to help make the padding appear consistent for the menu items on hover?

p5.js Version Number Not Visible in About Page

• Type: Platform Change
• Currently, the p5.js version number is not visible in the footer of the About Page. What changes can you implement to make the p5.js version number appear again? You can observe the way the version number is being pulled for the p5.js editor as reference.

How can you make the Unavailable Options in the Dropdown Menu More Obvious?

• Type: Platform Change
• Some users have recently noted trouble interacting with certain elements in the dropdown menu, without realizing that these options were unavailable. What changes can we implement to make it more obvious?

How to Improve "Sketches" or "Collections" Page

• Type: Ideas
• Examine the /sketches and /collections page on the editor. Are there any points of confusion or improvements that you see?

How to Improve File Manager

• Type: Ideas
• Examine the File manager on the editor. Are there any points of confusion or improvements that you see?