Size sponsors : sponsors pages

Question

Size sponsors : sponsors pages

kanedafromparis opened this issue 2 years ago · 4 comments

kanedafromparis commented 2 years ago

https://parisjug.hardcoding.fr/about/sponsors/

Answer 1 · 2022-12-05T16:15:31.000Z

What's the issue? There is no description, expectation, nor proposal except than a link 🧐

Answer 2 · 2022-12-05T17:15:40.000Z

you are right (there is no "draft", so this was a "note"

Anyhow, in order to deal with various logo size and shape we "fix them into a rectangle"

width : 600 pixel
height : 300 pixel

Proportion need to be 2:1, when we have new sponsor, we fix their logo into this view box (viewBox="0 0 595.28 260.79") and use img size attribute width="250", width="180px" and so on

Answer 3 · 2022-12-06T07:46:42.000Z

What I did until now (on the sponsor widget) is to crop the padding from the svg viewport then define the svg size from page CSS.

It feels more adaptable to any layout.
For example, we can force a 2:1 ratio and a max-width and max-height to such dimension without having to change the svg again.

Answer 4 · 2022-12-06T07:51:53.000Z

The change is not within the SVG. It's within the img size attributes. The 2:1 ratio is enforce by the SVG viewbox. So my point is to set img size attributes (html or css) in order to let all sponsors with the same size.

…

On Tue, Dec 6, 2022, 08:46 Bruce Bujon ***@***.***> wrote: What I did until now (on the sponsor widget) is to crop the padding from the svg viewport then define the svg size from page CSS. It feels more adaptable to any layout. For example, we can force a 2:1 ratio and a max-width and max-height to such dimension without having to change the svg again. — Reply to this email directly, view it on GitHub <#4 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAK2XNMP6RWW3QYUD5LZTHDWL3VO3ANCNFSM6AAAAAASUEL6TU> . You are receiving this because you authored the thread.Message ID: ***@***.***>