Dear all

I know I should have had a look at this with more time, but life happens :/

We're preparing the website for the new Debian 11 release and one of the tasks 
is updating the banner.

The Homeworld theme made by Juliette Taka (thanks!) provides a banner that can 
be downloaded in png or svg format from

https://wiki.debian.org/DebianArt/Themes/Homeworld

On the other side, we usually split the website banner in 2 images, one for 
background (plain or gradient colour) and the other for foreground 
("Debian"+"The universal operating system"+drawing). This way, using CSS the 
banner is well shown with most of the screen widths (usually).

I've done my best and uploaded the background and foreground pictures in the 
https://wiki.debian.org/DebianArt/Themes/Homeworld page, under "Derivative 
works" section.

The reason to display the Debian logo+motto and the coloured part almost 
centered is that the proposed website banner does not fit in narrow screens.

I've also uploaded png files to the website: the current images were 800x120 so 
I've scaled the new ones to 120px height.

You can see the current proposal by going to https://www-staging.debian.org/ 
and then using the Developer tools, go to the CSS editor, and in the "splash" 
sections, change "futureprototype-bg.png" for "homeworld-bg.png", and 
"futureprototype.png" by "homeworld-fg.png"

I've used the Adaptable Design view of the Developer tools in Firefox to test 
this on different screen sizes and I think it works well for screens 600px wide 
or more, but not for narrower screens. I don't know enough CSS to tweak there.

If anybody knows a way to make all this better (whether using other design for 
the banner, other image sizes, or changes in the CSS), any help is appreciated.

Kind regards,
-- 
Laura Arjona Reina
https://wiki.debian.org/LauraArjona

Reply via email to