[Design-devel] urgent: help us fix the background for website banner for Stretch

Laura Arjona Reina larjona at debian.org
Sat Jun 17 18:14:29 UTC 2017

Dear designers (and website friends),

First, thanks again all for all the awesome designs you have made for

We're about to release and I've been making tests for the website
homepage banner.

There is a website banner provided in:

But we need to split it in two images: one for the background and
another one with the "drawing". This is made so the background covers
all the horizontal space even with big sizes of screens, and we can
keep the drawing and slogan in the center.

I've done the split and you can see the images in

(softwaves.png and softwaves_web_bg.png)

the CSS file is here:

But when I try to use those images (I made a test with the Inspector
of Firefox), and I make ctrl-- to make size smaller so I emulate a big
screen, I see that the background is repeated (this is ok) creating
some "jumps" in the color gradient (this is not ok).

See https://lut.im/ncJMP6Sm9L/u7UvWdU57CSuQu3K.jpg for an example of
what happens.

I don't know very well why this happens but I *think* it is because
the "ending" colour at left edge and right edge is maybe not exactly
the same.

I don't know how to fix that. If any of you can provide an improved
image for background, it's very appreciated. If we don't get it soon,
we'll use the one I committed and we'll try to improve it later.

If somebody starts to work on this, please reply to all so others
don't repeat work.

Thank you very much!
Laura Arjona Reina

More information about the Design-devel mailing list