Forum: >>> Magnum BBS <<<

Now in master! new homepage of www.debian.org (publish date today)

From Baptiste Jammet@21:1/5 to All on Fri Dec 18 14:50:02 2020

XPost: linux.debian.www

Hi all,

Dixit Laura Arjona Reina, le 17/12/2020 :

Thanks for all the reviews and translations!

Thanks for your work.
Is the banner translatable ? Could we make it translatable ? (or
this means serve as many images as alvailable languages).

Sorry if this has been already asked somewhere else.

Baptiste

-----BEGIN PGP SIGNATURE-----

iQEzBAEBCgAdFiEE29hsQpwcnBgqbELUxoTwarjsCUYFAl/csRwACgkQxoTwarjs CUZM2gf9FkoTbBYqFpEjWNyd1r3tPbqfooBYdqu+pGiSI0P8IVZ0/kwoht3Z+8vi 0untQvY/q8iMCmNrNTb9+exMOe6K2juhY8QC8VJ+Gmd7YNu9htPY55P7dVXq8fTD Zepep0rBHNWaBD4pYuQ/inzQ3Gym3a0c4LykW3BeZ9BbfnmrZt7TKMn1hIKu+k/c izwrJR4L3TVX+giuVRP2bNEB5FIXnEBB1f48l4hvZggHW9SReNLGlCDDocCYy5/w oNoLYX6VKaVlddtCInyzteqlkz/0a9CFzrKsQECMe3wHGSoE69HgFasW8RqVqZjD pMQwSfUoUt5wD/7KmVlCKUC4F9vJ7g==
=y3yv
-----END PGP SIGNATURE-----

--- SoupGate-Win32 v1.05
* Origin: fsxNet Usenet Gateway (21:1/5)

From Laura Arjona Reina@21:1/5 to All on Fri Dec 18 20:50:01 2020

XPost: linux.debian.www

Hi Baptiste

CC'ing debian-www and design-devel mailing lists, for the case somebody
has better ideas than mine.

El 18/12/20 a las 14:39, Baptiste Jammet escribió:

Hi all,

Dixit Laura Arjona Reina, le 17/12/2020 :

Thanks for all the reviews and translations!

Thanks for your work.
Is the banner translatable ? Could we make it translatable ? (or
this means serve as many images as alvailable languages).

Sorry if this has been already asked somewhere else.

Baptiste

Currently the banner is shown using 2 images, usually one for the
background, and another for the "Debian - The universal operating
system" (motto):

https://www.debian.org/Pics/futureprototype-bg.png https://www.debian.org/Pics/futureprototype.png

We split like this because there is some CSS "magic" (I say magic
because I don't understand it well, but it works), that make the
background use all the width, and "Debian" and the motto to be shown
centred no matter the size of the screen:

#splash {
background-image: url('Pics/futureprototype-bg.png');
background-position:top center;
background-repeat: no-repeat;
background-size: cover;
margin-top: 0;
margin-bottom: 1.5em;
text-align: center;
overflow: hidden;
height: 120px;
}
#splash h1 {
background-image: url('Pics/futureprototype.png');
background-position:top center;
padding-top:130px;
overflow:hidden;
text-align:center;
background-repeat:no-repeat;
display:block;
margin:0;
height:0;

Source code for the CSS is here:

https://salsa.debian.org/webmaster-team/webwml/-/blob/master/english/debhome.css

We "create" these two images using the SVG provided by the theme creator (editing it with Inkscape to split the two images and exporting them to
png). We probably should find the way to do it better (maybe to just
keep the "Debian" from the banner provided by the designer, and place
ourselves the translatable motto with CSS in the correct place over the
2 images) but somebody should step ahead to do the work.

Another way is, as you say, that each language team provides the .png
for the front, already translated (the work would consist on taking the
SVG from the wiki, editing it with Inkscape to split the two images, and translate the text in Inkscape, and then export to png). We could place
the corresponding CSS in the debian-xx.css file for the languages that
provide such images.

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

--- SoupGate-Win32 v1.05
* Origin: fsxNet Usenet Gateway (21:1/5)

From victory@21:1/5 to Laura Arjona Reina on Fri Dec 18 23:00:03 2020

XPost: linux.debian.www

On Fri, 18 Dec 2020 20:40:57 +0100
Laura Arjona Reina wrote:

El 18/12/20 a las 14:39, Baptiste Jammet escribió:

Is the banner translatable ? Could we make it translatable ? (or
this means serve as many images as alvailable languages).

We "create" these two images using the SVG provided by the theme creator (editing it with Inkscape to split the two images and exporting them to
png). We probably should find the way to do it better (maybe to just
keep the "Debian" from the banner provided by the designer, and place ourselves the translatable motto with CSS in the correct place over the
2 images) but somebody should step ahead to do the work.

tested using firefox 84 (win10/64bit);
erase the phrase from the image and tweak css like:

#splash h1:{
padding-top:85px;
color: white;
}
#splash h1::after{
content: " - The universal operating system";
}

then, translators can use debian-<lang>.css:
html[lang=<lang>] #splash h1::after{
content: " - <translation>";
}

I don't understand at all why the h1 have "Debian" only, though,
this way (using :after pseudo class) selecting the content area doesn't grab the
" - The universal operating system" stanza as the current
(I don't care which font to use)

--
victory
no need to CC me :-)

--- SoupGate-Win32 v1.05
* Origin: fsxNet Usenet Gateway (21:1/5)

From Luna Jernberg@21:1/5 to All on Sun Dec 20 15:40:02 2020

XPost: linux.debian.www

Debian Det universella operativsystemet for Swedish

On Fri, Dec 18, 2020 at 8:41 PM Laura Arjona Reina <larjona@debian.org>
wrote:

Hi Baptiste

CC'ing debian-www and design-devel mailing lists, for the case somebody
has better ideas than mine.

El 18/12/20 a las 14:39, Baptiste Jammet escribió:

Hi all,

Dixit Laura Arjona Reina, le 17/12/2020 :

Thanks for all the reviews and translations!

Thanks for your work.
Is the banner translatable ? Could we make it translatable ? (or
this means serve as many images as alvailable languages).

Sorry if this has been already asked somewhere else.

Baptiste

Currently the banner is shown using 2 images, usually one for the
background, and another for the "Debian - The universal operating
system" (motto):

https://www.debian.org/Pics/futureprototype-bg.png https://www.debian.org/Pics/futureprototype.png

We split like this because there is some CSS "magic" (I say magic
because I don't understand it well, but it works), that make the
background use all the width, and "Debian" and the motto to be shown
centred no matter the size of the screen:

#splash {
background-image: url('Pics/futureprototype-bg.png');
background-position:top center;
background-repeat: no-repeat;
background-size: cover;
margin-top: 0;
margin-bottom: 1.5em;
text-align: center;
overflow: hidden;
height: 120px;
}
#splash h1 {
background-image: url('Pics/futureprototype.png');
background-position:top center;
padding-top:130px;
overflow:hidden;
text-align:center;
background-repeat:no-repeat;
display:block;
margin:0;
height:0;

Source code for the CSS is here:

https://salsa.debian.org/webmaster-team/webwml/-/blob/master/english/debhome.css

We "create" these two images using the SVG provided by the theme creator (editing it with Inkscape to split the two images and exporting them to
png). We probably should find the way to do it better (maybe to just
keep the "Debian" from the banner provided by the designer, and place ourselves the translatable motto with CSS in the correct place over the
2 images) but somebody should step ahead to do the work.

Another way is, as you say, that each language team provides the .png
for the front, already translated (the work would consist on taking the
SVG from the wiki, editing it with Inkscape to split the two images, and translate the text in Inkscape, and then export to png). We could place
the corresponding CSS in the debian-xx.css file for the languages that provide such images.

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

<div dir="ltr"><div>Debian Det universella operativsystemet for Swedish </div><div> </div><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Fri, Dec 18, 2020 at 8:41 PM Laura Arjona Reina <<a href="mailto:larjona@debian.org">larjona@
debian.org</a>> wrote: </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">Hi Baptiste 

CC'ing debian-www and design-devel mailing lists, for the case somebody has better ideas than mine. 

El 18/12/20 a las 14:39, Baptiste Jammet escribió: 
> Hi all, 
> 
> Dixit Laura Arjona Reina, le 17/12/2020 : 
>> Thanks for all the reviews and translations! 
> 
> Thanks for your work. 
> Is the banner translatable ? Could we make it translatable ? (or > this means serve as many images as alvailable languages). 
> 
> Sorry if this has been already asked somewhere else. 
> 
> Baptiste 
> 

Currently the banner is shown using 2 images, usually one for the background, and another for the "Debian - The universal operating system" (motto): 

<a href="https://www.debian.org/Pics/futureprototype-bg.png" rel="noreferrer" target="_blank">https://www.debian.org/Pics/futureprototype-bg.png</a> 
<a href="https://www.debian.org/Pics/futureprototype.png" rel="noreferrer" target="_blank">https://www.debian.org/Pics/futureprototype.png</a> 

We split like this because there is some CSS "magic" (I say magic because I don't understand it well, but it works), that make the background use all the width, and "Debian" and the motto to be shown 
centred no matter the size of the screen: 

#splash { 
background-image: url('Pics/futureprototype-bg.png'); background-position:top center; 
background-repeat: no-repeat; 
background-size: cover; 
margin-top: 0; 
margin-bottom: 1.5em; 
text-align: center; 
overflow: hidden; 
height: 120px; 
} 
#splash h1 { 
background-image: url('Pics/futureprototype.png'); 
background-position:top center; 
padding-top:130px; 
overflow:hidden; 
text-align:center; 
background-repeat:no-repeat; 
display:block; 
margin:0; 
height:0; 

Source code for the CSS is here: 

<a href="https://salsa.debian.org/webmaster-team/webwml/-/blob/master/english/debhome.css" rel="noreferrer" target="_blank">https://salsa.debian.org/webmaster-team/webwml/-/blob/master/english/debhome.css</a> 

We "create" these two images using the SVG provided by the theme creator 
(editing it with Inkscape to split the two images and exporting them to png). We probably should find the way to do it better (maybe to just 
keep the "Debian" from the banner provided by the designer, and place 
ourselves the translatable motto with CSS in the correct place over the 
2 images) but somebody should step ahead to do the work. 

Another way is, as you say, that each language team provides the .png 
for the front, already translated (the work would consist on taking the 
SVG from the wiki, editing it with Inkscape to split the two images, and translate the text in Inkscape, and then export to png). We could place 
the corresponding CSS in the debian-xx.css file for the languages that provide such images. 

Kind regards, 
-- 
Laura Arjona Reina 
<a href="https://wiki.debian.org/LauraArjona" rel="noreferrer" target="_blank">https://wiki.debian.org/LauraArjona</a> 

</blockquote></div></div>

--- SoupGate-Win32 v1.05
* Origin: fsxNet Usenet Gateway (21:1/5)

Who's Online
Recent Visitors
- Briels
  Tue Apr 23 20:54:03 2024
  from Uk via SSH
- Michal Wronka
  Wed Apr 24 14:13:57 2024
  from Wroclaw, Poland via SSH
- Michal Wronka
  Wed Apr 24 14:02:51 2024
  from Wroclaw, Poland via SSH
- Guest
  Wed Apr 24 01:40:10 2024
  from A via Telnet

System Info

Sysop:	Keyop
Location:	Huddersfield, West Yorkshire, UK
Users:	296
Nodes:	16 (2 / 14)
Uptime:	31:07:59
Calls:	6,648
Calls today:	3
Files:	12,193
Messages:	5,328,493

Now in master! new homepage of www.debian.org (publish date today)

Who's Online

Recent Visitors

System Info