[Design] Banners on the Front Page

Alex Barth alex at mapbox.com
Thu May 9 15:45:55 UTC 2013


Great, working with Saman here on an update to the open pull request [1].
We'll do a carousel where we show Birmingham's ad [2] first, then SanFran
[3], alternating every 5s in as unobtrusive a way as possible. Both linked
to their corresponding conference sites. I hope this works for everyone.
Update + screenshot coming in a bit.

[1] https://github.com/openstreetmap/openstreetmap-website/pull/217
[2] http://harrywood.dev.openstreetmap.org/temp/comeToSotm.png
[3]
https://f.cloud.github.com/assets/108094/260977/f462aaa4-8ce3-11e2-90ff-32076e9acd25.png



On Thu, May 9, 2013 at 10:33 AM, Harry Wood <mail at harrywood.co.uk> wrote:

>
> > I would go with the suggestion that already has been made by having an
> "upcoming events" page on
> > the wiki and have a link to that on the main page. Maybe someone could
> make some widget for it that
> > rotates the upcoming events (and dates) and possibly
> filtered/prioritized by geoip.
> > And have a banner for official events organized by the OSMF.
> >
> > Henk
>
> We already have a "Current events" page on the wiki. Could link to that.
> But then we *could* link to a lot of things.
>
>
> Brian emailed me with an image previously. I'll share it here:
> http://harrywood.dev.openstreetmap.org/temp/comeToSotm.png
> That's actually quite massive. 165x165 pixels
>
> Previous banners were smaller e.g. 165x116 for this SOTM PDX one. I think
> the tokyo one (can't find it in github just now) was shorter than it was
> wide too.
>
> https://github.com/mvexel/openstreetmap-website/blob/cd280aeac2874305b2d65871c56e2f02b1f2e7ef/app/assets/images/sotmpdx.png
>
> A taller image shoves things further down the page. "Make a donation", and
> indeed the bottom of the banner image itself will start to fall off the
> bottom of the screen for non-logged in users.  I'd suggest that should be
> redesigned a bit less tall in line with previous banners. (agree / disagree
> anyone?)
>
>
> But we could consider a banner at size 165x50 similar to this SOTM
> scotland banner, or shorter even :
>
> https://github.com/openstreetmap/openstreetmap-website/blob/749caaff73596e284c39ce7d0a840f8a0a50687d/app/assets/images/sotmscotland.png
>
> That's if we wanted to place both banners,  SOTM black bull and SOTM US,
>  on top of eachother.  So in this case we'd need the SOTM US image a bit
> smaller too. This one:
>
> https://github.com/samanpwbb/openstreetmap-website/blob/1781f56180fe6597d4f1808734f71b470a227bc1/app/assets/images/sotm-us-ad.png
>
> Does anyone want to prototype that?
> ...or it's probably quite trivial to put in a bit of randomised flipping
> code, if we just go with both images at a larger size.
>
>
> Harry
>
>
>
>
>
>
>
>
> _______________________________________________
> design mailing list
> design at openstreetmap.org
> http://lists.openstreetmap.org/listinfo/design
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/design/attachments/20130509/2e1e50b2/attachment.html>


More information about the design mailing list