Move sample and browser info upwards about pdx-tools

[nickbabcock]

This is more of a design question. The current design emphasizes the call to action for regular users to analyze a file, while describing the app succinctly. Followed by a screenshot showing what the app is. New users will continue to scroll and find the requirements and the sample. Putting them above the fold seems odd as they are to be easily discovered but are unimportant for returning users. I'm happy to move it, but I'd like to see more thorough reasoning, ideally using examples from other apps communicating the same info, as to why it should be placed above the fold.

[crschnick]

If I were a new user, I would like to know how it actually looks and feels like first before searching my computer for the savegames directory. Most new users probably don't have a specific file at hand they can and want to analyze.

If you don't want to move it upwards, maybe highlight this part more with a different background color and give it more space?
Otherwise it is overshadowed by the big image:

[nickbabcock]

New users are the most likely ones to scroll. And yeah if you want the design of the requirements + sample updated, hit me with some mockups.

[crschnick]

Make the icons + description bigger, more padding, and make the color alternate to distinguish it like the other points here:

[nickbabcock]

Ah gotcha, thanks

[nickbabcock]

Closing this as now the sample button is right next to the analyze box.

The browser compatibility was moved lower into the body, but if the browser is incompatible, it will be displayed at the top of the page