m14t/sots — Issue #176: Revise Square Update Design
Author: jjkaye
Created: 2011-11-19 01:03:48+00:00
State: open

http://cl.ly/251i2o3T3w2w0z3T4746

This appears on both the homepage and the right column of interior pages.

Imagine that each one of these squares is a 'playing card', the two squares represent the each side of the playing card. Hovering a square would simply 'flip' it over to the other style.

What we would like to do is anytime we have multiple squares appearing together, we'd like to alternate the A/B side of the card from square to square.

So if 4 squares are in a row:
A - B - A - B

If you hover each one:
B - A - B - A

The A side has an image with the brand/climber voice in the lower right hand corner faded to 50%. Also, the 'Action Chiclet' is in the lower left hand corner if there is an action associated with it.

For the B side, the image is covered with a semi-transparent blue overlay and the Action (Verb) + Update title text appears set in Futura. The brand/climber voice follows if applicable. The voice image an chiclet remain unchanged.