Right now all of our principles are presented as a long list. Unfortunately it takes up too much space. One way in which we can save space, while preserving the descriptions for the icons, is to have a description print below the icons depending on which icon the user is hovering over.
Technical specs:
On mouse over add an extremely light blue background as a circle.
Print the title and description below the icons.
Clicking on an icon should keep the blue background and text locked in placed until a user clicks on another icon. The text should only automatically respond to the mouse hover before the first click.
(This might not be the right implementation. The problem to solve is that if a user wants to click on the link below the text, the link needs to stay present, and moving the mouse would hide the text).
Copied from original issue: empirical-org/Design-Homepage#1
From @petergault on May 15, 2014 1:53
Right now all of our principles are presented as a long list. Unfortunately it takes up too much space. One way in which we can save space, while preserving the descriptions for the icons, is to have a description print below the icons depending on which icon the user is hovering over.
Technical specs:
Copied from original issue: empirical-org/Design-Homepage#1