Re: [Haskell-cafe] The Haskell theme

2010-10-22 Thread Thomas Schilling
I agree with Mark that we shouldn't try to over-constrain things.
However, basic startup-resources are perfectly fine.  It gives a good
default for people who don't really like (web-)design, and can serve
as a baseline for others.  I.e., encourage consistency but don't
enforce it.

On 12 October 2010 22:17, Christopher Done chrisd...@googlemail.com wrote:

 http://img840.imageshack.us/img840/3577/ideasv.png

I mostly like it, with the following remarks:

  - Only blue for a colour scheme is too cold.  This is why I used
this orange-red for the new wiki.  There are other ways to do this, of
course.  I'd just like to encourage people to not only use blueish
tones.

  - The wiki edit links in your sketch are very dark.  I prefer the
light grey as used in the new wiki, because it doesn't stand out that
much.


 To download the Inkscape SVG grab it here:
 http://chrisdone.com/designs/haskell-theme-1.svg

 I don't know what I was thinking here but it seemed like fun:
 http://img412.imageshack.us/img412/1827/rect5935.png

With a bit of tuning, this can look nice.


 I get bored really quickly, I was alright for 15 minutes and then I
 lost the will to point and click. Anyway, I was thinking rather than
 trying to come up with a brilliant all-encompassing design, we could
 agree on conventions:

 * colours
 * headings
 * spacing
 * links
 * the particular incarnation of the logo

 etc.

 I'm pretty happy to go with the colour theme of
 http://new-www.haskell.org/haskellwiki/Haskell

 Haskellers.com also makes me think we need an umbrella theme that
 encompasses all Haskell sites.

 Maybe we should do a theme poll like the logo poll. I don't know.
 Regardless, I think we do need to decide on something and stick with
 it. Should this discussion be taken to the web devel mailing list? Is
 that appropriate?
 ___
 Haskell-Cafe mailing list
 Haskell-Cafe@haskell.org
 http://www.haskell.org/mailman/listinfo/haskell-cafe




-- 
Push the envelope. Watch it bend.
___
Haskell-Cafe mailing list
Haskell-Cafe@haskell.org
http://www.haskell.org/mailman/listinfo/haskell-cafe


Re: [Haskell-cafe] The Haskell theme Haskellers design

2010-10-22 Thread Mark Lentczner
You might have seen the post I did yesterday about the Haskell project I'm 
currently working on. In it I posted an screen shot or a web page, which you 
can find here:

http://mtnviewmark.files.wordpress.com/2010/10/source-editing.png

I think that page illustrates what I was thinking in terms of themes: It 
actually has yet a different color scheme, though it shares some colors with 
the basic pallet. What further ties it together, and what I'd like to propose 
Haskell sites use, is that top bar. It is the same as the top bar used in the 
Haddock Ocean theme.

For sites, I suggest the top bar appear as it does in that image: The Haskell 
logotype on the left (linked to haskell.org), and some or all of the community 
links on the right. (Though I think the lambdas should be smaller versions of 
the logo.) Specific site branding and navigation goes under.

Another way to use the bar would be like Haddock does: The left side contains 
the name of a major collection of pages. The links on the right are constant 
links to major sections.

- Mark

P.S.: The CSS for the top bar in that image can be found here:

http://github.com/mtnviewmark/barley/blob/master/seed/static/scaffold.css
Look for selectors with topbar in them.

The CSS for the same bar in Haddock can be found here:
http://code.haskell.org/haddock/html/Ocean.std-theme/ocean.css
Look for selectors with package-header in 
them.___
Haskell-Cafe mailing list
Haskell-Cafe@haskell.org
http://www.haskell.org/mailman/listinfo/haskell-cafe


Re: [Haskell-cafe] The Haskell theme Haskellers design

2010-10-22 Thread Nubis
On Sat, Oct 23, 2010 at 1:27 AM, Mark Lentczner ma...@glyphic.com wrote:

 You might have seen the post I did yesterday about the Haskell project I'm
 currently working on. In it I posted an screen shot or a web page, which you
 can find here:

http://mtnviewmark.files.wordpress.com/2010/10/source-editing.png


That's cool!
I'm working on a proposal for the haskellers website and that top bar is
exactly what it's missing from it.

cheers
nubis :)
___
Haskell-Cafe mailing list
Haskell-Cafe@haskell.org
http://www.haskell.org/mailman/listinfo/haskell-cafe


Re: [Haskell-cafe] The Haskell theme

2010-10-13 Thread Christopher Done
On 13 October 2010 05:49, Mark Lentczner ma...@glyphic.com wrote:
  I spent some time beforehand looking at what other successful language 
 communities do w.r.t. visual design. I found that none of the communities had 
 a single theme; most had two or three. but these themes were visually 
 harmonious. Furthermore, I found that they were used consistently, and that 
 the various themes were generally at the same level of polish.

Just out of interest, can you show some examples? A cursory glance at
Ruby, and I see that the home page[1] and their package site[2] are
completely different!

[1]: http://www.ruby-lang.org/en/
[2]: http://rubyforge.org/

 This means leaning toward consistent colors, and logo form, rather than exact 
 layout. Further, it seems more important that our projects get designers who 
 will do a thorough job, and less important that it be a single central 
 design group.

Indeed.

 It is no accident that the new Haddock backend looks like the new wiki 
 design: Thomas Schilling (nominolo) supplied the initial style sheet that the 
 Haddock team used to build the Ocean theme. I think this exemplifies what 
 we should strive for: The two projects look well together, look like they 
 have a relationship, and both are full treatments of their subjects. It isn't 
 so important that they have identical layouts or details.

Ah, I didn't notice! I see that there is a navy blue bar at the top, a
grey footer and the links are orange. This is generally good enough, I
suppose. Nice.

 Since parts of the Hackage site integrate so closely with the Haddock output, 
 I've been asked if I would take a stab at styling the new Hackage (or at 
 least the package pages). I'll be aiming to make that fit, but without being 
 100% rigid about conformance to the Ocean output.

Wwe could provide a base stylesheet which provides fonts, colours,
spacing, the heading and footer and logo. That way when you or anyone
starts on a new site you already have the base style upon which to
built, it will look like Haskell whatever layout or content you use.

 http://img840.imageshack.us/img840/3577/ideasv.png

 Lovely ideas there and I think a Haskell project built on those lines would 
 continue to look well with the wiki and Haddock.

Can we use this logo? Or can we pick one? Every site I see has a
different incarnation of it. The favicon of the new-www site is even
different to the logo that's on the left. In fact on the new-www site
the logo colour changes from the home page to sub pages!

This reminds me, do we have a good syntax highlighting theme?
HsColour's has always been pretty bad (no offence intended -- but
there is a reason people always redefine it).

 I'd lean toward us putting these thoughts down in the wiki, and developing a 
 set of guide posts for styling Haskell, rather than a strict set of 
 policies.

This sounds like a good idea. The Python site has a page like this[3],
ours could be a little more comprehensive regarding the polish, as
you say.

[3]: http://python.org/community/logos/
___
Haskell-Cafe mailing list
Haskell-Cafe@haskell.org
http://www.haskell.org/mailman/listinfo/haskell-cafe


Re: [Haskell-cafe] The Haskell theme

2010-10-13 Thread Johan Tibell
On Wed, Oct 13, 2010 at 5:49 AM, Mark Lentczner ma...@glyphic.com wrote:
 I'd lean toward us putting these thoughts down in the wiki, and developing a 
 set of guide posts for styling Haskell, rather than a strict set of 
 policies.

Here's a strawman proposal for a very first guideline:

Body text defaults
==

Size: Equivalent to 13 px. in default browser settings
Color: #000 (black)

Motivation: I believe this is the most commonly used font size on the
web. Mark did a bunch of research on this so perhaps he can clarify.
Black gives a good contrast.
___
Haskell-Cafe mailing list
Haskell-Cafe@haskell.org
http://www.haskell.org/mailman/listinfo/haskell-cafe


Re: [Haskell-cafe] The Haskell theme

2010-10-13 Thread Nicolas Wu
On 13 October 2010 07:41, Christopher Done chrisd...@googlemail.com wrote:
 This reminds me, do we have a good syntax highlighting theme?
 HsColour's has always been pretty bad (no offence intended -- but
 there is a reason people always redefine it).

I've been sitting on a post about highlighting Haskell for a while now
which is about Haskell syntax highlighting in HTML files [1]. This
would let you use any CSS style file from SHJS [2], and does a pretty
good job of highlighting Haskell. Feel free to use the style file on
my website if you like it.

Nick

[1] http://zenzike.com/posts/2010-10-14-highlighting-haskell-with-shjs/
[2] http://shjs.sourceforge.net/css/
___
Haskell-Cafe mailing list
Haskell-Cafe@haskell.org
http://www.haskell.org/mailman/listinfo/haskell-cafe


[Haskell-cafe] The Haskell theme

2010-10-12 Thread Christopher Done
To kick off discussion about Haskell's general theme, as discussed
recently, here's some random ideas.

Going with the original colours of the nominated Haskell logo, and
kinda what's been done here:
http://new-www.haskell.org/haskellwiki/Haskell

http://img840.imageshack.us/img840/3577/ideasv.png

To download the Inkscape SVG grab it here:
http://chrisdone.com/designs/haskell-theme-1.svg

I don't know what I was thinking here but it seemed like fun:
http://img412.imageshack.us/img412/1827/rect5935.png

I get bored really quickly, I was alright for 15 minutes and then I
lost the will to point and click. Anyway, I was thinking rather than
trying to come up with a brilliant all-encompassing design, we could
agree on conventions:

* colours
* headings
* spacing
* links
* the particular incarnation of the logo

etc.

I'm pretty happy to go with the colour theme of
http://new-www.haskell.org/haskellwiki/Haskell

Haskellers.com also makes me think we need an umbrella theme that
encompasses all Haskell sites.

Maybe we should do a theme poll like the logo poll. I don't know.
Regardless, I think we do need to decide on something and stick with
it. Should this discussion be taken to the web devel mailing list? Is
that appropriate?
___
Haskell-Cafe mailing list
Haskell-Cafe@haskell.org
http://www.haskell.org/mailman/listinfo/haskell-cafe


Re: [Haskell-cafe] The Haskell theme

2010-10-12 Thread Mark Lentczner
On Oct 6, 2010, at 12:10 PM, Don Stewart wrote:
 * haskell visual design group?
+ consistent color themes across haskell.org sites.
+ consistent haskell branding.

On Oct 12, 2010, at 2:17 PM, Christopher Done wrote:

 To kick off discussion about Haskell's general theme, as discussed
 recently, here's some random ideas.

I was there for the BoF discussion, and this was one of the topics I was there 
to discuss. I spent some time beforehand looking at what other successful 
language communities do w.r.t. visual design. I found that none of the 
communities had a single theme; most had two or three. but these themes were 
visually harmonious. Furthermore, I found that they were used consistently, and 
that the various themes were generally at the same level of polish.

For Haskell I think this means that while it isn't essential that we have a 
single common theme on all properties, it is important that various site 
designers think of the whole look of Haskell when designing their projects. 
This means leaning toward consistent colors, and logo form, rather than exact 
layout. Further, it seems more important that our projects get designers who 
will do a thorough job, and less important that it be a single central design 
group.

It is no accident that the new Haddock backend looks like the new wiki design: 
Thomas Schilling (nominolo) supplied the initial style sheet that the Haddock 
team used to build the Ocean theme. I think this exemplifies what we should 
strive for: The two projects look well together, look like they have a 
relationship, and both are full treatments of their subjects. It isn't so 
important that they have identical layouts or details.

Since parts of the Hackage site integrate so closely with the Haddock output, 
I've been asked if I would take a stab at styling the new Hackage (or at least 
the package pages). I'll be aiming to make that fit, but without being 100% 
rigid about conformance to the Ocean output.

 http://img840.imageshack.us/img840/3577/ideasv.png

Lovely ideas there and I think a Haskell project built on those lines would 
continue to look well with the wiki and Haddock.

 I don't know what I was thinking here but it seemed like fun:
 http://img412.imageshack.us/img412/1827/rect5935.png

For some projects, I could imagine this feel would be more appropriate - yet 
still, there is enough tie-in to make it part of the family.

 Maybe we should do a theme poll like the logo poll. I don't know.
 Regardless, I think we do need to decide on something and stick with
 it. Should this discussion be taken to the web devel mailing list? Is
 that appropriate?

I'd lean toward us putting these thoughts down in the wiki, and developing a 
set of guide posts for styling Haskell, rather than a strict set of policies.

- Mark


___
Haskell-Cafe mailing list
Haskell-Cafe@haskell.org
http://www.haskell.org/mailman/listinfo/haskell-cafe