Bug 16221 – Planet WebKit needs a nicer stylesheet

• Status: RESOLVED
• Resolution: FIXED
• Component: WebKit Website

[Adam Roben (:aroben)]

Planet WebKit <http://planet.webkit.org/> needs a nicer stylesheet. It would be great if it fit in with the rest of webkit.org, perhaps with a different color scheme. We might be able to draw inspiration from <http://nightly.webkit.org/>.

[Matt Lilek]

Created attachment 17632 [details]
idea 1

Too similar to the main webkit.org?

[Timothy Hatcher]

This looks ok. But you are right, it might be too similar. I feel funny having the current WebKit icon on the page, since it has the Safari icon.

[Adam Roben (:aroben)]

Comment on attachment 17632 [details]
idea 1

I like it, personally, though perhaps the <h*> tags could be slightly darker for increased contrast. I think most of the <h*> tags on webkit.org have a slight text-shadow as well. But it looks great!

[Matt Lilek]

I've put the whole thing on my server so you can see what's below the fold - <http://mattlilek.com/planet/>

[Adam Roben (:aroben)]

(In reply to comment #2)
> I feel funny having the current WebKit icon on the page, since it has the Safari icon.

Step 2: Put a globe in that box

[Adam Roben (:aroben)]

Comment on attachment 17632 [details]
idea 1

I really like that you reversed the order of article title/blog title. It's much more readable this way.

[Matt Lilek]

Created attachment 17687 [details]
idea 2

Sorry for the delay, but what do you guys thing about this? (Maybe make all the links the darker blue, but that might make it look too similar to the black date headers?)

(In reply to comment #5)
> (In reply to comment #2)
> > I feel funny having the current WebKit icon on the page, since it has the Safari icon.
> 
> Step 2: Put a globe in that box
> 

I didn't touch the logo as I was hoping someone had a layered photoshop file of the box or something.  Either way, someone with more Photoshop skills (Tim :) might want to take care of that.

[Adam Roben (:aroben)]

Comment on attachment 17687 [details]
idea 2

I think we should go with this as soon as we have a non-Safari icon for this page. Care to make a patch for the rest of it?

[Matt Lilek]

Created attachment 17691 [details]
Patch

Should be ready to drop in as soon as we get a logo

[Adam Roben (:aroben)]

Comment on attachment 17691 [details]
Patch

r=me

Maybe we can land this but comment out the #icon rules until we have a better image?

[Matt Lilek]

Landed in r28380 and r28381