Homepage redesign

Have some feature requests, feedback, cool stuff to share, or want to know where FreeCAD is going? This is the place.
Forum rules
Be nice to others! Read the FreeCAD code of conduct!
User avatar
quick61
Veteran
Posts: 3803
Joined: Sat Aug 24, 2013 2:49 am
Location: u.S.A.

Re: Homepage redesign

Post by quick61 »

That looks great!

+1!
This post made with 0.0% Micro$oft products - GOT LINUX?
triplus
Veteran
Posts: 9471
Joined: Mon Dec 12, 2011 4:45 pm

Re: Homepage redesign

Post by triplus »

Looking good.
renatorivo
Veteran
Posts: 2611
Joined: Tue Feb 21, 2012 8:07 pm
Location: Torino - Italy

Re: Homepage redesign

Post by renatorivo »

Good!
Sorry if I report what I think should to be improved :oops:
- strange behavior when the page is resized, first the image disappears and after the titles are aligned to the right
- black text on a dark background is not very readable
Attachments
resize.png
resize.png (62.65 KiB) Viewed 1393 times
triplus
Veteran
Posts: 9471
Joined: Mon Dec 12, 2011 4:45 pm

Re: Homepage redesign

Post by triplus »

Yes i noticed that. Probably some CSS rule sets too wide min-width value for the div. Fixing this will as a bonus probably improve mobile user experience (reported earlier).
User avatar
yorik
Founder
Posts: 13640
Joined: Tue Feb 17, 2009 9:16 pm
Location: Brussels
Contact:

Re: Homepage redesign

Post by yorik »

The bootstrap framework has 4 different screen sizes. Some css classes change when you switch from one to the other. Moving the background image totally out of the way on small screen sizes is the best solution I could find. As for placing the left column on top on small screen sizes, this is done by bootstrap itself, and I found it a good solution...
jeno
Veteran
Posts: 1821
Joined: Sun Jun 29, 2014 10:41 am

Re: Homepage redesign

Post by jeno »

yorik wrote:The bootstrap framework has 4 different screen sizes. Some css classes change when you switch from one to the other. Moving the background image totally out of the way on small screen sizes is the best solution I could find. As for placing the left column on top on small screen sizes, this is done by bootstrap itself, and I found it a good solution...
Maybe you could use the img-responsive class instead of define zoom and aligning dependent on media size. See description here
User avatar
yorik
Founder
Posts: 13640
Joined: Tue Feb 17, 2009 9:16 pm
Location: Brussels
Contact:

Re: Homepage redesign

Post by yorik »

jeno wrote:Maybe you could use the img-responsive class instead of define zoom and aligning dependent on media size. See description here
It's a background image, unfortunately...
User avatar
yorik
Founder
Posts: 13640
Joined: Tue Feb 17, 2009 9:16 pm
Location: Brussels
Contact:

Re: Homepage redesign

Post by yorik »

Small adjustment to make the background a bit lighter so the text is more readable:
screenshot.jpg
screenshot.jpg (213.76 KiB) Viewed 1263 times
I know some of you don't like this or that, but if we try to make everybody happy we will never change anything, like it happened several times already. So let's try another approach this time. Since I'm basically happy with it, I'll adapt it to be translatable, then put it online. I propose that if someone feels something is wrong, that he forks the page on github and makes another version. If a majority prefers that version, I'll be glad to use it.
drei
Posts: 479
Joined: Sun May 11, 2014 7:47 pm
Location: Mexico
Contact:

Re: Homepage redesign

Post by drei »

I'll gladly translate to Spanish as soon as the files are available.
Cheers.
Need help? Feel free to ask, but please read the guidelines first
User avatar
r-frank
Veteran
Posts: 2180
Joined: Thu Jan 24, 2013 6:26 pm
Location: Möckmühl, Germany
Contact:

Re: Homepage redesign

Post by r-frank »

Hello.

Looking real good (and modern ...).
Great Job Yorik.

1) clicking on "Documentation" leads to an error - no wiki

2) in the wiki, the FreeCAD-Logo in the top left corner is invisible (but you can click on this place and it leads you to wiki-home
OS: Windows 7, 64 bit, using latest Firefox-Browser ...

Roland
Deutsche FreeCAD Tutorials auf Youtube
My GrabCAD FreeCAD-Projects
FreeCAD lessons for beginners in english

Native german speaker - so apologies for my english, no offense intended :)
Post Reply