748781 - Sandstone elmo

Status: RESOLVED FIXED

(Webtools Graveyard :: Elmo, defect, P2)

Description

[Axel Hecht [:Pike]]

Sandstone is coming up as new mozilla theme, guess we should go there.

Open items I see:

- need design or design signoff?
- bedrock's impl is in less, infra?
- should we have tabzilla?

PS: I did glance a bit at http://www-dev.allizom.org/b/en-US/sandstone/, and I could picture that many things might just work for us. I'd go for the default stone color, as we're adding color ourselves for success etc enough.

Comment 1

[Peter Bengtsson [:peterbe]]

I'd say we need design. Whatever that means. Sandstone does a great job setting the colors and the fonts but we still need to think about the UX. Like the navigation and stuff.

Comment 2

[Peter Bengtsson [:peterbe]]

Note-to-self: Conclusion from meeting: Give it a shot and cap the time to see if we CAN pull it off without design experts. Then review resources and time.

Comment 3

[Peter Bengtsson [:peterbe]]

So it's starting to take shape.

The home page:
http://cl.ly/GnSy

A regular page:
http://cl.ly/GnA6

A wide page:
http://cl.ly/Gmvn

* The login thing is a bit of a challenge. Anybody got any sexy suggestions for how to solve that? ...before we call in the experts

* This new version does NOT have the Teams and Documentation links on every page :(
Maybe we can come up with an extra nav floating to the right of the logo and below the tabzilla thing. 

* For the home page, on the Sandstone page, the navigation links on the white background is anchor links but I'm currently using them for Home, Teams and Documentation and that's maybe stupid. 

* Regular non-wide pages look great!

* The wide pages will require a lot more css-fu. Skills I might not possess but I haven't taken a good stab at it yet. 

* Maybe we can change the "mozilla" logo to one that says "mozilla Localization" in some fancy way.  


I'm currently cheating and instead of using the .less files I just downloaded the compiled .css file. 
Code here: 
https://github.com/peterbe/elmo/tree/feature/bug748781-sandstone
Compare:
https://github.com/peterbe/elmo/compare/feature/bug748781-sandstone

Comment 4

[Axel Hecht [:Pike]]

That's nice, thanks.

A few comments: I don't think that vanilla tabzilla makes sense for us. Like, you're on the team page for the German localization, and "Get Involved" takes you http://www.mozilla.org/b/en-US/contribute/. We also need to get rid of a few "mozilla", in particular on the home page. Re login, not sure if I like what MDN does, in particular, their integration of tabzilla looks weird to me.

I wonder if starting without tabzilla makes that easier. Re adjusting tabzilla to focused sites, maybe try to poke slater in person?

Comment 5

[Peter Bengtsson [:peterbe]]

(In reply to Axel Hecht [:Pike] from comment #4)
> That's nice, thanks.
> 
> A few comments: I don't think that vanilla tabzilla makes sense for us.
> Like, you're on the team page for the German localization, and "Get
> Involved" takes you http://www.mozilla.org/b/en-US/contribute/. We also need
> to get rid of a few "mozilla", in particular on the home page. Re login, not
> sure if I like what MDN does, in particular, their integration of tabzilla
> looks weird to me.
> 
> I wonder if starting without tabzilla makes that easier. Re adjusting
> tabzilla to focused sites, maybe try to poke slater in person?

Tabzilla is meant to be hosted globally on www.mozilla.org. We can't affect it's content, looks or functionality. 
I've updated my code so it uses `//www.mozila.org/...` instead of a local copy.

Comment 6

[Peter Bengtsson [:peterbe]]

To whoever takes over, my branch is here:
https://github.com/peterbe/elmo/tree/feature/bug748781-sandstone

Comment 7

[Laura Thomson :laura]

Assigning to Matjaz.

Comment 8

[Axel Hecht [:Pike]]

I'd be happy if Matjaz can help out with this, but I'm not sure all Matjaz Horvat's are equal. Did you talk to Matjaz about assigning this to him?

Comment 9

[Matjaz Horvat [:mathjazz]]

They probably are, but [e-mail] is the most equal one. :-)

Taking this one.

Comment 10

[Axel Hecht [:Pike]]

Just talked to Sean, they probably want to actually do a sandstone design for us.

Key pages would be https://l10n.mozilla.org/, and https://l10n.mozilla.org/teams/fr.

We'd also have wide pages like https://l10n.mozilla.org/dashboard/history?tree=fx_central&locale=fr.

Comment 12

[Axel Hecht [:Pike]]

This has been fixed for a while.