Re: urgent: help us fix the background for website banner for Stretch

Cyril Brulebois <[email protected]> Sat, 17 Jun 2017 20:33:36 +0200

Newsgroups	gmane.linux.debian.devel.www
Organization	Debian
Message-ID	<[email protected]>

Hi,

And thanks for your work on this. Please pretend I don't know anything
about web, standards, and best practices.

Laura Arjona Reina <[email protected]> (2017-06-17):
> 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.

We could just make the gradient image take the whole horizontal space,
that seems to work just fine on this 1920px wide screen.

Just set background-size to 100% and disabled the repeat mode, see
attached patch.


KiBi.

debhome.diff (text/x-diff, 547 B)

Index: debhome.css
===================================================================
RCS file: /cvs/webwml/webwml/english/debhome.css,v
retrieving revision 1.22
diff -u -r1.22 debhome.css
--- debhome.css	17 Jun 2017 17:52:04 -0000	1.22
+++ debhome.css	17 Jun 2017 18:29:39 -0000
@@ -26,7 +26,8 @@
 #splash {
 	background-image: url('Pics/softwaves_web_bg.png');
 	background-position:top center;
-	background-repeat: repeat;
+	background-repeat: no-repeat;
+	background-size: 100%;
 	margin-top: 0;
 	margin-bottom: 1.5em;
 	text-align: center;

signature.asc (application/pgp-signature, 819 B)