[LogiLogi-list] UI coloring and a bit of layout changes

Hi Wybo,

I couldn't resist and been spending time to think about layout again,
from things we've talk about specially, and also when applying colors
things change a bit. Also I'm trying to follow our simplification path
to a better UI, and I think things are getting better.

Here is a description of last changes:

== Colors
First of all, I applied the current logilogi color schema. I did other
schemas before but Wybo prefered to keep the current, so I used this
with just a few modifications.

Buttons are sky-blue. On mouse-hover or active they are blue, like the
active logi border.

Logis are differentiated/associated by their blue border. When they
are active it is darker than when not. I really like now Charls
proposal of big-title contenders, and now they have more importance,
and I like this... I would also do something similar with comments,
but that I'll think about it after release.

Titles are dark brown and sidepanels background light brown.

tags: still not very convinced, have to think about them

icons: I'll also think about this further, so we use always the same
structure for icons, like plus, minus, X, or other icons.

common links: links outside the logi should behave like normal links.

set's of tags: I could think of an alternative display for set of tags
that are displayed all together, something like what I've already
proposed, or we should have them like links, what do you think?

== Create logi and peergroup
Well, I've proposed this before and I'm proposing this again. I
certainly still see this should be placed this way. The new logi
button because we want to promote the creation of logis. The peergroup
because we need to show the importance of it.

== Contenders
Again, I really like contenders as they are now, and also highlighted
like I put them now. There is also a need for a "more contenders" link
that would add through ajax, I'd say.

Also, if I had another proposal that is a bit more radical, so I
didn't do it. We are repeating information again. The logi has an
image, title, rating, author, and it's listed again in the contenders
list.  Wouldn't it be somehow nice if the logi body would contain only
the text and leave the title, image, and rating to the side in the
contenders list? I can imagine that flowing with ajax very nicely when
switching contenders :) But, that for later.

== Rating and power
As we talked yesterday I thought we have to put this stuff together to
make it more miningful, and that's what I did. I also took it out of
the way somehow as the rating is in the contenders list now too.

== Sizes in general
Well, I did most of the styling in the Logi-view, so the rest is not
following exactly, but I'll define in the svg the sizes of fonts and
so on before going into the HTML.


I hope you all like how the UI is working out. This past week has been
a real team work between Wybo and me, very creative process that lead
us to this better UI. There are still differences as always, and I'd
like to ask for a bit of "last word" on this small details this time,
just to give them/me a try/opportunity. Obviously I'm referring to
position of elements, or borders, or small bits, not illogical stuff,
and we should certainly agree in logic.

Looking forward your comments, going to bed soon, see you in about 8 hours.

-- 
Bruno