antirez/lamernews — Issue #60: New layout
Author: thatcoolguy
Created: 2011-10-24 15:28:50+00:00
State: open

I changed the (CSS) layout a bit.

The main changes are:

* Mobile first responsiveness (pretty basic right now)
* The comments were changed to a sans-serif font
* The front page now uses a two-colum grid and is centered
* The top bar is using a black background and white font and dimensions were changed a little

Screenshots:

The front page:
![LN frontpage](http://f.cl.ly/items/2j0y210x1l393k2Z0901/Captura%20de%20tela%202011-10-24%20às%2012.11.12.png)

The front page resized (look at how the two column grid turns into one column):
![LN frontpage(http://f.cl.ly/items/3f1r2f1y3Q3o231T1834/Captura%20de%20tela%202011-10-24%20às%2012.10.40.png)

The comments page:
![LN frontpage](http://f.cl.ly/items/162p3f3L0V0y2n0A2z3a/Captura%20de%20tela%202011-10-24%20às%2013.24.54.png)

Currently the CSS is totally screwed up (it seems to be very hard to maintain), so I plan to restart the layout and CSS from zero (if you guys agree with a redesign), although keeping LN's minimal design.

Also, I propose some markup changes: it seems LN is currently using some elements that don't even exist in the HTML5 spec, like ``, ``, `` etc.
I'd be happy to help you change that to a more semantic markup, the only problem is that I don't know how to use the tool LN uses to generate the markup.