<html><body><div dir="ltr">
The page has been restored to column layout, and looks much better: <font color="#419cff"><a href="https://www.osgeo.org/sponsors/">https://www.osgeo.org/sponsors/</a></font></div><div dir="ltr"><br></div><div dir="ltr">Limitations:</div><div dir="ltr"><ul style="list-style-type:"\002013 ";margin:0px" dir="ltr"><li>The column layout does not adapt to narrow screens (such as phone or tablet) - anyone good with CSS :)</li><li>The present approach requires someone (presently me) to prep sponsor logo according guidelines defined on <font color="#419cff"><a href="https://github.com/OSGeo/osgeo/issues/250">https://github.com/OSGeo/osgeo/issues/250</a></font> <br>The results are in version control here <a href="https://github.com/OSGeo/osgeo/tree/master/marketing/website">https://github.com/OSGeo/osgeo/tree/master/marketing/website</a></li></ul><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><br>
</div>
<br>
<div class="gmail_quote">
<div dir="ltr" class="gmail_attr">On Feb 15, 2024 at 12:01:17 AM, Jody Garnett <<a href="mailto:jody.garnett@gmail.com">jody.garnett@gmail.com</a>> wrote:<br></div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex" type="cite">
<div><div><div dir="ltr">
The results for current sponsors are now available online: <a href="https://www.osgeo.org/sponsors/">https://www.osgeo.org/sponsors/</a></div><div dir="ltr">While the sponsors page will not look correct until multi-column layout is restored, the website footer is noticeably better. <br></div><div dir="ltr"><br></div><div dir="ltr">The files are available here: <a href="https://github.com/OSGeo/osgeo/tree/master/marketing/website">https://github.com/OSGeo/osgeo/tree/master/marketing/website</a></div><div dir="ltr"><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><br>
</div>
<br>
<div class="gmail_quote">
<div dir="ltr" class="gmail_attr">On Feb 4, 2024 at 12:16:32 PM, Jody Garnett <<a href="mailto:jody.garnett@gmail.com">jody.garnett@gmail.com</a>> wrote:<br></div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex" type="cite">
<div><div><div dir="ltr">
Hey folks, I am moving notes to a GitHub issue here: <a href="https://github.com/OSGeo/osgeo/issues/250">https://github.com/OSGeo/osgeo/issues/250</a></div><div dir="ltr">I have made a good visual template for aligning sponsor logos within a 740 x 412 px tile.</div><div dir="ltr"><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><br>
</div>
<br>
<div class="gmail_quote">
<div dir="ltr" class="gmail_attr">On Feb 2, 2024 at 8:53:22 PM, Jody Garnett <<a href="mailto:jody.garnett@gmail.com">jody.garnett@gmail.com</a>> wrote:<br></div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex" type="cite">
<div><div><div dir="ltr">Some good news, it looks like we can find the design documents from GetInteractive, and can revise engineer some details, to recover the sponsors page:<div dir="ltr"><ul style="list-style-type:"\002013 ";margin:0px" dir="ltr"><li>Checking meeting notes sponsor wireframes were sent to the list for discussion</li><li>Email indicates this <a href="https://drive.google.com/file/d/0B08AjQ2hqLipMmxRWFYtR1ZKLWM/view?resourcekey=0-5X32G9CAEXeMePkQPGI8cQ" style="color:rgb(65,156,255)!important">google document</a> and I can see the wireframe on page 17 </li><li>It looks like the wordpress theme is very simple, and relied on some care being used when producing the sponsors images</li></ul><div><br></div><div dir="ltr">This leaves us with a clear "quickfix":</div><div dir="ltr">a) go through the sponsors logos and place each on a 740 x 412 template (taking care to centre and adjust so the result is "fair" visually)<br></div><div dir="ltr">b) restore the css styling (rows and columns) matching design</div><div dir="ltr"><br></div></div><div dir="ltr">Here are my research notes for anyone wishing to check my work...</div><div dir="ltr">Jody<br></div><div dir="ltr"><br></div><div dir="ltr">NOTES</div><div dir="ltr"><br></div><div><div dir="ltr"><b>GetInteractive Design</b></div><div dir="ltr"><br></div><div dir="ltr"><ul dir="ltr" style="list-style-type:inherit;margin:0px"><li>When editing a sponsors page - and adding a logo the image produces a warning indicating:<ul style="list-style-type:inherit"><li>Width should be at least: 740px</li><li>Height should be at least: 412px</li></ul></li><li>740 by 412px (aspect ratio of 1.80)</li><li>The easiest thing to do is recreate the sponsor logos in this size and then multi-column layout becomes easier</li><li>The wireframe shows rectangles, with some margins between them (which would mitigate some of the relative size conflicts we are experiencing)</li></ul><div><br></div><div><img src="cid:35B088C1-85A5-42BF-9AF2-2518FB4815C9" style="width: 429px; max-width: 100%;"><br></div><div dir="ltr"><br></div><div dir="ltr"><b>Looking at wordpress media:</b></div><div dir="ltr"><br></div><div dir="ltr">The original logos provided by GetInteractive all have filenames sponsor-xxxxx<br></div><div dir="ltr"><br></div></div></div><blockquote style="margin:0 0 0 40px;border:none;padding:0px"><div><div dir="ltr"><div dir="ltr"><div dir="ltr">sponsor-gaia3d-e1594996762376.png</div></div></div></div></blockquote><div><div dir="ltr"><div dir="ltr"><div dir="ltr"><ul style="list-style-type:"\002013 ";margin:0px"><ul><li>August 9, 2017</li><li>16 KB</li><li>358 by 160 pixels (aspect ratio 2.24)</li></ul></ul></div></div></div></div><blockquote style="margin:0 0 0 40px;border:none;padding:0px"><div><div dir="ltr"><div dir="ltr"><div dir="ltr"><div><br></div></div></div></div></div><div><div dir="ltr"><div dir="ltr"><div dir="ltr"><div><div>sponsor-geodan.png</div></div></div></div></div></div></blockquote><div><div dir="ltr"><div dir="ltr"><div dir="ltr"><div><ul style="list-style-type:"\002013 ";margin:0px"><ul><li>August 9, 2017</li><li>14 KB</li><li>358 by 160 pixels (aspect ratio 2.24)</li></ul></ul></div></div></div></div></div><blockquote style="margin:0 0 0 40px;border:none;padding:0px"><div><div dir="ltr"><div dir="ltr"><br></div></div></div><div><div dir="ltr"><div dir="ltr">Further more these were created with a consistent amount of white space.</div></div></div></blockquote><div><div dir="ltr"><div dir="ltr"><br></div><div dir="ltr">Newer logos did not keep this aspect ratio, or the recommended size:</div><div dir="ltr"><br></div></div></div><blockquote style="margin:0 0 0 40px;border:none;padding:0px"><div><div dir="ltr"><div dir="ltr">OrangeMan-Logo_RoundOrangeENG.png</div></div></div></blockquote><blockquote style="margin:0 0 0 40px;border:none;padding:0px"><div><div dir="ltr"><div dir="ltr"><ul style="list-style-type:"\002013 ";margin:0px"><li>December 29, 2021<br></li><li>24 KB<br></li><li>380 by 385 pixels (aspect ratio 0.99)<br></li></ul></div><br></div></div><div><div dir="ltr"><div dir="ltr">camptocamp_logo_square_moto_2020_cmyk-1.png</div></div></div></blockquote><div><div dir="ltr"><div dir="ltr"><ul style="list-style-type:"\002013 ";margin:0px"><ul style="list-style-type:inherit"><li>February 22, 2021</li><li>63 KB</li><li>897 by 447 pixels (aspect ratio of 2.01)</li></ul></ul><div><br></div><div dir="ltr"><b>Changes to page theme</b></div><div dir="ltr"><ul style="list-style-type:"\002013 ";margin:0px" dir="ltr"><li>The logos are now arranged in square, not the rectangles from the wireframe</li><ul style="list-style-type:inherit"><li>CSS allows logos to completely fill the available square (example 500x500 pixels)</li><li>Q: I wonder if we can compare with the initial GetInteractive design in version history</li></ul></ul><div><br></div><div dir="ltr"><b>Checking www_osgeo/origional branch:</b></div></div></div></div></div><blockquote style="margin:0 0 0 40px;border:none;padding:0px"><div><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div>wp-content/themes/roots/templates/atomic/organism-sponsors-list.php</div><div dir="ltr">(grayscale indicates to me that this is for the footer)</div><div dir="ltr"><br></div><div><div> <li class="col-sm-2 list-item sponsors-item grayscale"></div><div> <?php if ($url): ?><a href="<?php echo $url ?>"><?php endif; ?></div><div> <?php gi_load_template('templates/atomic/atom-image.php', array(</div><div> 'src' => $logo['url'], </div><div> 'title' => $sponsor->post_title,</div><div> 'width' => 195,</div><div> 'height' => 80</div><div> )); ?></div><div> <?php if ($url): ?></a><?php endif; ?></div><div> </li></div></div><div><br></div><div>wp-content/themes/roots/templates/atomic/organism-sponsors.php<br></div><div dir="ltr">(this must be for the individual rows)</div><div><br></div><div><div> <li></div><div> <?php if ($sponsorUrl): ?><a href="<?php echo $sponsorUrl; ?>" target="<?php echo $target; ?>"><?php endif; ?></div><div> <?php</div><div> echo gi_load_template('templates/atomic/atom-image.php', array(</div><div> 'src' => $sponsorImage['url'],</div><div> 'title' => $sponsor->post_title,</div><div> 'width' => $size,</div><div> 'height' => $size</div><div> ));</div><div> ?></div><div> <?php if ($sponsorUrl): ?></a><?php endif; ?></div><div> </li></div></div></div></div></div></div></div></blockquote><div><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><br></div></div></div></div></div><blockquote style="margin:0 0 0 40px;border:none;padding:0px"><div><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr">wp-content/themes/roots/archive-sponsor.php<br></div><div dir="ltr">(Not sure why these pages all say "archive" but this does the rows)</div><div dir="ltr"><br></div><div dir="ltr"><div dir="ltr"> <section class="block diamond-sponsors"></div><div dir="ltr"> <div class="container"></div><div dir="ltr"> <h2>Diamond sponsors <?php echo $currentYear; ?></h2></div><div dir="ltr"> </div><div dir="ltr"> <div class="row"></div><div dir="ltr"> <?php gi_load_template('templates/atomic/organism-sponsors.php', array('sponsorType' => 'diamond', 'size' => 400, 'target' => '_blank')); ?> </div><div dir="ltr"> </div></div><div dir="ltr"> </div></div><div dir="ltr"> </section></div></div></div></div></div></div></blockquote><div><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><br></div><div><br></div></div></div></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>
</blockquote>
</div></div></div>
</blockquote>
</div></div></div>
</blockquote>
</div></body></html>