Re: Feedback needed for gnome.org homepage redesign

[Tom Tryfonidis <tomtryf gmail com>]

Hello Bastian & Andreas,

 

Cool! this is only a little layout-related but I have some suggestions for the thumbnail there. I think the current thumbnail is too small to show off the GNOME user interface and describe the desktop properly.

My suggestion to solve that would be to let the screenshot take up the full width and overlay the text (see http://i.imgur.com/BKie4Om.png). Another approach which my be more favorable would be to frame the thumbnail inside something tangible like a laptop or a desktop monitor to convey the utility (http://i.imgur.com/iyBxRQb.png).

 

I really like both graphics! In the second one, it might be good to have the monitors grouped together in the center.
Also you may consider a compination of both graphics. A dark background with the monitors in the center, and the graphic with the apps in the "donation and get involved section" to separate the content. (Hmm maybe i have to visualise it)
 

How doable are these suggestions doable you think? anyone else got input on this?

 

No worries, It's a simple addition of a background image!

I have some more suggestions on the smaller details ( font sizes, padding, text) but if you want we can wait until a later iteration with that.

I totally agree. With the release of the new FoG pages, we will migrate to Bootstrap framework, so many small things might be broken.

On 2 November 2016 at 15:38, Andreas Nilsson <lists andreasn se> wrote:

The tiniest of details, but in the news section, each header is closer to the news item above it, than it is to the summary below.

Thank you for noticing. There's also a min-height property which causes the issue.

 

A couple of quick things from the top of my head:
* What about search?

I forgot to add it!

 

* Is it responsive? What happens to the menu in smaller resolutions?

Sure! The menu is Bootstrap's navbar with a custom Wordpress walker class [1]. The external lib is not the best option and i would like to replace it with something which doesn't look unmaintained.

In smaller resolutions the menu is collapsed to a "list" icon,  same functionality as flatpak.org.
Another option is to add a vertical menu with slide in/out effect.

[1] https://github.com/twittem/wp-bootstrap-navwalker

[2] For example: http://takien.github.io/jPushMenu/

 

* How does the subnavigation on the Foundation section work? Roughly like now?

Yes, i'm thinking of adding a sub navbar, slightly darker, with a fade in/out effect.

Tom