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.