Redesign of user page

[michih]

What do you think about the user page https://travelmapping.net/user/ ?

--------------------------------------------
From https://github.com/TravelMapping/Web/issues/530

Actual design:



I think that the size of the new text about scrollable maps and top stats should be aligned with the link to the log file
Wording should also be aligned (once "stats" once "statistics"). And, do we still need "new"? Should the links be here or is there a better place for it?

Suggestions:

• Move the "mapview" link from user page to the header between "Traveler Stats" and "Highway Browser".
• Use same font size for "top stats" as used for "log files"
• Move the (user) "top stats" link under "Overall stats" and use the smaller font size
• Link to https://travelmapping.net/shields/clinched.php should be visible under "Overall stats" (currently "hidden" link on 3rd and 4th line of table)
• Leave the "log file" where it is or move it to "Overall stats" to have all links there?
• Use "stats" only, not "statistics"

--------------------------------------------

H o w    s h o u l d    t h e    u s e r    p a g e    b e    d e s i g n e d ?

[Jim]

Hoping to get feedback from many of you about this.  It's easy enough to experiment with some redesign ideas.

[Jim]

Check out a version on tmstage.teresco.org.

[Spinoza]

I think it is nice, especially the scrollable mapview.

[Jim]

Another possibility for "top stats" is to put that table right in this same page.

[Markkos1992]

Check out a version on tmstage.teresco.org.

I am fine with this version at the moment.

[michih]

I like the additional info "User michih has travels in 86 regions." or "User michih has travels in 150 highway systems." I'd like to have more like this, e.g. "has clinched x regions / highway systems" etc.

It looks odd that the "user links" paragraph is left-aligned while everything else is centered. I have no good idea how to solve it though. A centered table with one column and left-aligned text?

[Jim]

I like the additional info "User michih has travels in 86 regions." or "User michih has travels in 150 highway systems." I'd like to have more like this, e.g. "has clinched x regions / highway systems" etc.

I didn't bother with clinched counts since it's pretty unusual for our users to clinch any but the smallest regions and highway systems.

It looks odd that the "user links" paragraph is left-aligned while everything else is centered. I have no good idea how to solve it though. A centered table with one column and left-aligned text?

To start, I just used the same CSS for the text that we use throughout the site.  I worry that doing too much to try to get this somehow centered (which I don't want to do outright) will not behave nicely on a variety of screen sizes.