Links on the download page hardly visible

Discussions about the wiki documentation of FreeCAD and its translation.
chrisb
Posts: 16916
Joined: Tue Mar 17, 2015 9:14 am

Links on the download page hardly visible

Postby chrisb » Fri Mar 08, 2019 10:14 pm

On the download page it is difficult to distinguish the links from the regular text. I know that the are there, so I can find them, but newcomers can hardly see them and perhaps this is a reason for some questions.

With default colors it is very easy to quickly scan a page and see the links. Can this be improved? Perhaps with an extra links area? Here is an example from the Linux section.
Attachments
Bildschirmfoto 2019-03-08 um 23.12.57.png
Bildschirmfoto 2019-03-08 um 23.12.57.png (32.25 KiB) Viewed 299 times
garya
Posts: 171
Joined: Tue Nov 20, 2018 1:00 am
Location: Ovando, MT, USA

Re: Links on the download page hardly visible

Postby garya » Fri Mar 08, 2019 10:57 pm

ouch. I had no idea they were even there. I had to move the pointer over them to get the cursor to change. Once I noticed the boldface on the second link I could find the rest. Or at least some of them. The default for links on a web page is (or at least used to be; I think still is) an underline. That alone would be enough to make them stand out.
chrisb
Posts: 16916
Joined: Tue Mar 17, 2015 9:14 am

Re: Links on the download page hardly visible

Postby chrisb » Fri Mar 08, 2019 11:00 pm

Underline is good. Any suggestions for a colour that improves distinguishability further without looking awkward?
garya
Posts: 171
Joined: Tue Nov 20, 2018 1:00 am
Location: Ovando, MT, USA

Re: Links on the download page hardly visible

Postby garya » Sat Mar 09, 2019 12:14 am

chrisb wrote:
Fri Mar 08, 2019 11:00 pm
Underline is good. Any suggestions for a colour that improves distinguishability further without looking awkward?
I'm probably not the right person to voice an opinion on this. Things I like because they are easy to see are probably too garish. Whatever the color, probably not particularly highly saturated. I tried 0xf8e3c2 and it looked ok. One might play with it a bit on a color wheel to see how much saturation you can use without being too in-your-face.
chrisb
Posts: 16916
Joined: Tue Mar 17, 2015 9:14 am

Re: Links on the download page hardly visible

Postby chrisb » Sat Mar 09, 2019 12:59 am

Can you show somewhere how it looks?
garya
Posts: 171
Joined: Tue Nov 20, 2018 1:00 am
Location: Ovando, MT, USA

Re: Links on the download page hardly visible

Postby garya » Sat Mar 09, 2019 2:43 am

I hope I'm not wasting bandwidth here.
3 files attached, increasing saturation.
These are not perfect mock-ups; the text is originally anti-aliased. These were a selection of "most" of the text pixels and filling them all with the same color.
The original hue was very unscientifically arrived at; I spun the gimp color wheel until I found something I thought would work, and then picked a saturation I thought looked "ok".
Sorry the images are so large; I wanted to get some text on both backgrounds.
Attachments
f8e3c2.png
f8e3c2.png (82.42 KiB) Viewed 270 times
f8d297.png
f8d297.png (82.48 KiB) Viewed 270 times
f8c16b.png
f8c16b.png (82.58 KiB) Viewed 270 times
chrisb
Posts: 16916
Joined: Tue Mar 17, 2015 9:14 am

Re: Links on the download page hardly visible

Postby chrisb » Sat Mar 09, 2019 8:36 am

I would vote for second or third, all three of them are are easy to read. Is it possible to have both, underline and color. As you mentioned above, underline makes them easily identifiable as links.
I appreciate your concerns about bandwidth, but I have seen much worse spoiling.
garya
Posts: 171
Joined: Tue Nov 20, 2018 1:00 am
Location: Ovando, MT, USA

Re: Links on the download page hardly visible

Postby garya » Sat Mar 09, 2019 4:02 pm

chrisb wrote:
Sat Mar 09, 2019 8:36 am
I would vote for second or third, all three of them are are easy to read. Is it possible to have both, underline and color. As you mentioned above, underline makes them easily identifiable as links.
I appreciate your concerns about bandwidth, but I have seen much worse spoiling.
Yes, I thought the 2nd or 3rd looked best also. Yes, you can have both.
In a .css file it would be something like:
a:link { text-decoration: underline; color:#f8d297; }
and in an individual link ref:
<a href="https://forum.freecadweb.org/" style="text-decoration: underline; color: f8d297;">FreeCAD Forum</a>
chrisb
Posts: 16916
Joined: Tue Mar 17, 2015 9:14 am

Re: Links on the download page hardly visible

Postby chrisb » Sun Mar 10, 2019 10:23 am

garya wrote:
Sat Mar 09, 2019 4:02 pm
Yes, I thought the 2nd or 3rd looked best also. Yes, you can have both.
In a .css file it would be something like:
a:link { text-decoration: underline; color:#f8d297; }
and in an individual link ref:
<a href="https://forum.freecadweb.org/" style="text-decoration: underline; color: f8d297;">FreeCAD Forum</a>
There seem to be no more comments, so you may implement it as you wish.
User avatar
NormandC
Posts: 18534
Joined: Sat Feb 06, 2010 9:52 pm
Location: Québec, Canada

Re: Links on the download page hardly visible

Postby NormandC » Sun Mar 10, 2019 3:21 pm

I don't think that anybody can change the css file for the website, you may need Yorik for that.