Visual Synth tutorial

[msurguy]

@gohai this will be an ongoing PR, please don't merge yet

[msurguy]

@gohai in https://github.com/processing/processing-pi-website/pull/10/commits/874f28682ece883c2ec4f7a01315fbbea852fb50 I'm toying around with a little different header style for the tutorial: shifting the tags + author to the top, making the name of the project a little bigger + lighter, also removing the updated date and putting that as a title attribute so that when the text is rolled over, it shows up.

Here's the new layout:

Do you think this is an improvement?

[gohai]

@msurguy I think before was better, but removing the edit date is certainly a plus. Would just use spacing, and perhaps a lighter grey for the tags if they are still too prominent to your eyes.

[msurguy]

@gohai Increased spacing by 10px, didn't change the colors.

Feel free to adjust as you see fit!

[gohai]

@msurguy ready for me to pull?

[msurguy]

@gohai getting close, just three things left:

• [x] clarify pull up / pull down section
• [x] renaming the images and files
• [x] rephrasing the section about pinMode

[gohai]

@msurguy Thanks for being on top of that

[msurguy]

@gohai all done!

I've implemented all feedback that you have provided so this should be ready to be merged at your discretion!

[gohai]

@msurguy Pulled and uploaded. Good work!