Add JSCamp Sponsor Logos

[ ] Create Sponsor Model on CMS
[ ] Add sponsors to CMS
[ ] Fetch sponsor info from CMS using built-in Gatsby GraphQL plugin
[ ] Create Sponsors Template in Website
[ ] Display sponsor logos on home page

Sponsor Model

title (enum): "Platinum", "Gold", "Silver", "Bronze"
name (string)
image (string)

The file to update lives here

You can see an example of this file here

CMS

The CMS lives under /admin and is powered by Netlify CMS.

Sponsor Images

All sponsor logos live under cloudinary. The image resource should match the image field under the CMS. No image extension is required (cloudinary is smart!)

For example:

Recommendation

build a getImageUrl function that consumes the image field and returns the full Cloudinary URL. That way if we ever need to change it, we can change it within one function.

Current JSON of all sponsors

This will need to be added into Netlify CMS

[
  {
    "title": "gold sponsors",
    "width": 300,
    "items": [
      {
        "name": "accenture interactive",
        "cloudinary": "accenture"
      },
      {
        "name": "cars.com",
        "cloudinary": "carsdotcom"
      },
      {
        "name": "server central",
        "cloudinary": "servercentral"
      },
      {
        "name": "turing group",
        "cloudinary": "turinggroup"
      }
    ]
  },
  {
    "title": "silver sponsors",
    "width": 270,
    "items": [
      {
        "name": "fraight ai",
        "cloudinary": "fraightai",
        "url": "https://res.cloudinary.com/chicagojs/image/upload/co_rgb:000000,e_colorize:100,f_auto,w_270/v1537038153/2018sponsors/fraightai.png",
        "options": {
          "co_rgb": "000000",
          "e_colorize": "100"
        }
      },
      {
        "name": "one north",
        "cloudinary": "onenorth",
        "url": "https://res.cloudinary.com/chicagojs/image/upload/co_rgb:000000,e_colorize:100,f_auto,w_270/v1537038153/2018sponsors/onenorth.png",
        "options": {
          "co_rgb": "000000",
          "e_colorize": "100"
        }
      },
      {
        "name": "braintree",
        "cloudinary": "braintree"
      },
      {
        "name": "fly io",
        "cloudinary": "fly"
      },
      {
        "name": "active campaign",
        "cloudinary": "activecampaign"
      },
      {
        "name": "quik order",
        "cloudinary": "quikorder"
      },
      {
        "name": "hash rocket",
        "cloudinary": "hashrocket"
      },
      {
        "name": "dragon spears",
        "cloudinary": "dragonspears"
      },
      {
        "name": "draftbit",
        "url": "https://res.cloudinary.com/chicagojs/image/upload/co_rgb:000000,e_colorize:100,f_auto,w_270/v1537038153/2018sponsors/draftbit.png",
        "cloudinary": "draftbit"
      },
      {
        "name": "next capital",
        "cloudinary": "nextcapital"
      }
    ]
  }
]

ChicagoJS / chicagojs.org