We need feedback on these:
Overall Layout
There are two options for this one:
1. Everything in-line. Explanations followed by blocks of code, followed by more explanations, etc. This is the current format of the guides.
2. Have the code snippets, tables, output blocks, etc. flow on the right side of the page while the
explanations flow on the left side. Stripe does a very good job with this and it looks really neat: https://stripe.com/docs/api/curl#authentication
Basically, every section will be separated from every other (personally I like the suggestion by Kin in this issue: OpenLiberty/openliberty.io#92). Each section will be as long as its longest left (text) or right (code, tables, etc.) side. In other words, the left or right side will make up in length with empty space (see Stripe).
Copy/no copy
Sometimes its confusing as to what code needs to be copied to clipboard. Currently our solution is to tag snippets that don't need copying with the "no_copy" class, which prevents the user from copying the snippet when clicking it directly. Of course the users can still just select the snippets themselves. There needs to be a better distinction or all blocks should just be copyable.
Suggestions:
- Make all blocks copyable - as long as there are good descriptions, it should be clear what needs to be copied.
- Add some sort of visual aid (one sentences can be added to the "Getting started" section that says something like "blue snippets are important for building classes and must be copied, orange are not" -> can replace "blue" with an actual color block to clarity):
Accessibility? (currently there is no way to tell either)
Website
- The section titles don't stand out enough. Look at Laraval for example: https://laravel.com/docs/5.5/authorization. There is a good amount of white space between each section header and also all h1 headers have a "#" next to them, making them stand out more. Actually, the suggestions in this issue are really nice: OpenLiberty/openliberty.io#92
- The table of contents should be static; ie. not move when scrolling through the guide (I noticed that there is already an issue opened for this: OpenLiberty/openliberty.io#90)
Summary
All in all, we need to address these quickly and update the template accordingly as this is holding us back from doing more guides atm. Also, the more guides we write and the more we hold off on these things, the more difficult it will be to change everything later. We already have 11 guides out, with 3 others finished and almost ready to go. Tweaking these alone will take a 2-3 days.
This is an issue summarizes the following issues: