wistia/wistia-doc — pull request #1 by jeffvincent (2012-12-09 03:47:33+00:00)
Title: Implementing the awesome-est header for the DevHQ page

@MaxPower15 This includes everything we did to get the epic header done (everything that wasn't a static image, basically).

**Here's what has been did before (and you have already reviewed):**
* Add 'tiles' to 'tiled wall'
* build arrow inside the tiles
* remove 4 tiles from bottom row, and replace with the 'wistia.developers' headline
* inserted second div below, and aligned subheader with headline

**Here's what I've done today:**
* Find the first half rows, and make them `openBrackets`. I wrapped the forward slash '/' in a span `dimBracket`. Just realized I should call that `dimSlash`...fixed.
* Add row number to each 'tile' during the building process. Iterate over row array to assign colors. This was tougher than expected (because we built the tiled wall top-to-bottom), solution ended up pretty elegant/unobtrusive I think.

**What I think *could* still be done:**
* Adopt some of this to be 'relative', meaning it would work better in the situation where we re-size the header (so on smaller screens, we would make the header smaller). `getStart()` is the big violator.
* Add a 'clear' button, to take it back to the original setting.
* ???