]> git.openstreetmap.org Git - rails.git/blob - FAQ.md
Merge branch 'wheres_this' of https://github.com/pnorman/openstreetmap-website into...
[rails.git] / FAQ.md
1 ## How do I create a banner to promote my OpenStreetMap event?
2
3 We occasionally display banner images on the main page of [openstreetmap.org](https://www.openstreetmap.org/) to
4 promote a large OpenStreetMap focused conference or host a worldwide donation
5 drive.  This is a great way to reach a lot of people!
6
7 1. Please review [openstreetmap/operations#150](https://github.com/openstreetmap/operations/issues/150) to
8 know whether your event qualifies for a front-page banner.
9
10 2. Create the banner image.  Some guidelines:
11   * Image should be 350px wide (exactly) x 350px tall (or shorter).
12   * Use a standard web image format (.gif, .jpg, .png)
13   * Note that a close 'X' button will be drawn over the top right 60x60px
14   corner of the banner, so please do not put anything important in that space.
15
16 3. Prepare a pull request which includes the following:
17   * The banner should be saved under the
18   [`app/assets/images/banners/`](https://github.com/openstreetmap/openstreetmap-website/tree/master/app/assets/images/banners) folder, and should have a name that makes it clear what it is for (e.g. `donate-2017.jpg`)
19   * Edit [`config/banners.yml`](https://github.com/openstreetmap/openstreetmap-website/blob/master/config/banners.yml)
20   to contain an entry for the event banner.  It should contain the following:
21     * `id` - a unique identifier (e.g. `donate2017`)
22     * `alt` - alt name for the image (e.g. `OpenStreetMap Funding Drive 2017`)
23     * `link` - URL for your event page (e.g. `https://donate.openstreetmap.org/`)
24     * `img` - the filename for the banner image (e.g. `banners/donate-2017.jpg`)
25     * `enddate` - the final date that the banner will be shown (e.g. `2017-oct-31`)
26   * (optional) Feel free to cleanup the old images from the `app/assets/images/banners/`
27   folder and old entries in the `config/banners.yml` file.
28
29 See [PR #1296](https://github.com/openstreetmap/openstreetmap-website/pull/1296)
30 as an example.