<html><body><div dir="ltr">Hey folks, I am making a proposal below for a quick fix, please respond with a +1 and we can unblock an issue that has become urgent.</div><div dir="ltr"><br></div><div dir="ltr">Discussion welcome, but growing scope is not. I was present during the website project so I know some of the graphical design tradeoffs in order to answer questions.</div><div dir="ltr"><br></div><div dir="ltr">Thanks,</div><div dir="ltr">Jody</div><div dir="ltr"><br></div><div dir="ltr"><b>Problem:</b></div><div dir="ltr"><b><br></b></div>
So some pages of the website have run into problems (with updates and changes) and need some emergency graphic design decisions.<div><br></div><div dir="ltr">The <font color="#419cff"><a href="https://www.osgeo.org/sponsors/">https://www.osgeo.org/sponsors/</a></font> page is a bit broken right now, with logos displaying in a single column, and square logos ending up with too much visual weight making for an inconsistent visual.</div><div dir="ltr"><br><div dir="ltr">Notes:</div><div dir="ltr"><ul style="list-style-type:"\002013 ";margin:0px" dir="ltr"><li><font color="#419cff"><span style="--dark-color: var(--NSColor_linkColor);"><a href="https://trac.osgeo.org/osgeo/ticket/3000">https://trac.osgeo.org/osgeo/ticket/3000</a></span></font> discussing the technical challenges e<br>(This is held up due to lack of graphic design input)</li><li>Lior was going to look at sponsorship benefits and this page <a href="https://www.osgeo.org/about/how-to-become-a-sponsor/">https://www.osgeo.org/about/how-to-become-a-sponsor/</a><br>(Presently it has very prescriptive benefits with exact icons sizes while is ill-advised)</li></ul><div dir="ltr"><div><br></div><div dir="ltr"><b>Sponsor Page Quickfix Proposal</b></div><div dir="ltr"><br></div><div dir="ltr"><ul dir="ltr" style="list-style-type:"\002013 ";margin:0px"><li>Goal is a good single page presentation, with logos given representation based on sponsorship logo. Logos within a tier should have similar visual impact. </li><li>Restore columns: The <font color="#419cff"><a href="https://foss4g.asia/2023/our-sponsors-partners/">https://foss4g.asia/2023/our-sponsors-partners/</a></font> page is similar to what we started with, with visibility based on sponsorship tier.</li><li>Logo scaling for fair visual impact: The <font color="#419cff"><a href="https://foss4gna.org/">https://foss4gna.org/</a></font> page is a good example of fair logo scaling with a perfect rectangle provided for each logo, with a margin for white space so each logo can breath, both square and rectangle logos end up with similar space. <br>(This is an example of how to be fair, I am not recommending the rectangles be visible as is done on the foss4g-na site)</li></ul></div><div dir="ltr"><br></div><div dir="ltr"><br></div><div dir="ltr"><b>Planning</b></div><div dir="ltr">If we do get a budget for 2024 we should assemble a work package of outstanding requests (review emergency fix, mastodon social logos, committee page template etc...)</div><div dir="ltr"><br></div><div dir="ltr"><div dir="ltr">I strongly wish to avoid doing isolated quick fixes, it is so easy to do small changes that make sense for one objective, and damage the effectiveness of an individual page. Example: some sponsors get color logos, having logos moving in the footer, etc...</div><div><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div>--</div><div>Jody Garnett</div></div></div></div></div></div></div></div></div></div></body></html>