diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index c2f396d..aa8738e 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -5,7 +5,7 @@ There are two pieces to `og-image` that are worth noting before you begin develo 1. The backend image generator located in [/api/index.ts](https://github.com/zeit/og-image/blob/master/api/index.ts) 2. The frontend inputs located in [/web/index.ts](https://github.com/zeit/og-image/blob/master/web/index.ts) -The Now 2.0 platform handles [routing](https://github.com/zeit/og-image/blob/master/now.json#L6) in an elegate way for us so deployment is easy. +Vercel handles [routing](https://github.com/zeit/og-image/blob/master/now.json#L6) in an elegate way for us so deployment is easy. To start hacking, do the following: diff --git a/LICENSE b/LICENSE index 28e3023..b3a62cd 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2019 ZEIT, Inc. +Copyright (c) 2019-2020 Vercel, Inc. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 19d3dde..1821e20 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ - + # [Open Graph Image as a Service](https://og-image.now.sh) @@ -32,7 +32,7 @@ It looks like the following: ## Why use this service? -Read the [blog post](https://zeit.co/blog/social-og-image-cards-as-a-service) for more info on the "Why" part. +Read the [blog post](https://vercel.com/blog/social-og-image-cards-as-a-service) for more info on the "Why" part. The short answer is that it would take a long time to painstakingly design an image for every single blog post. And we don't want the exact same image for every blog post because that wouldn't make the article stand out when it was shared to Twitter. @@ -59,14 +59,14 @@ You'll want to fork this repository and deploy your own image generator. 4. Make changes by swapping out images, changing colors, etc (see [contributing](https://github.com/zeit/og-image/blob/master/CONTRIBUTING.md) for more info) 5. Run locally with `now dev` and visit [localhost:3000](http://localhost:3000) (if nothing happens, run `npm install -g now`) 6. Deploy to the cloud by running `now` and you'll get a unique URL -7. Setup [GitHub](https://zeit.co/github) to autodeploy on push +7. Setup [GitHub](https://vercel.com/github) to autodeploy on push Alternatively, you can do a one-click to deploy with the button below. -[![Deploy to now](https://zeit.co/button)](https://zeit.co/new/project?template=zeit/og-image) +[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/new/project?template=zeit/og-image) -If you are using free ZEIT Now plan, you will need to remove all configuration inside `now.json` besides -`rewrites`. So your `now.json` should look like this: +If you are using the Hobby plan, you will need to remove all configuration inside `now.json` besides +`rewrites`. Your `now.json` should look like this: ```json { @@ -76,9 +76,9 @@ If you are using free ZEIT Now plan, you will need to remove all configuration i } ``` -Once you have an image generator that sparks joy, you can setup [automatic Now + GitHub](https://zeit.co/github) deployments so that pushing to master is also deploying to production! 🚀 +Once you have an image generator that sparks joy, you can setup [automatic GitHub](https://vercel.com/github) deployments so that pushing to master will deploy to production! 🚀 ## Authors -- Steven ([@styfle](https://twitter.com/styfle)) - [ZEIT](https://zeit.co) -- Evil Rabbit ([@evilrabbit](https://twitter.com/evilrabbit_)) - [ZEIT](https://zeit.co) +- Steven ([@styfle](https://twitter.com/styfle)) - [Vercel](https://vercel.com) +- Evil Rabbit ([@evilrabbit](https://twitter.com/evilrabbit_)) - [Vercel](https://vercel.com) diff --git a/now.json b/now.json index c139679..e44a282 100644 --- a/now.json +++ b/now.json @@ -1,7 +1,6 @@ { "regions": ["all"], "public": true, - "version": 2, "functions": { "api/**": { "memory": 3008 diff --git a/public/index.html b/public/index.html index 50fcdc6..c5b13c2 100644 --- a/public/index.html +++ b/public/index.html @@ -4,9 +4,9 @@ - + Open Graph Image as a Service - + @@ -30,7 +30,7 @@

This is a service that generates dynamic Open Graph images that you can embed in your <meta> tags.

For each keystroke, headless chromium is used to render an HTML page and take a screenshot of the result which gets cached.

Find out how this works and deploy your own image generator by visiting GitHub.

- + diff --git a/web/index.ts b/web/index.ts index 7de837f..cbe54bd 100644 --- a/web/index.ts +++ b/web/index.ts @@ -142,14 +142,14 @@ const markdownOptions: DropdownOption[] = [ ]; const imageLightOptions: DropdownOption[] = [ - { text: 'ZEIT', value: 'https://assets.zeit.co/image/upload/front/assets/design/zeit-black-triangle.svg' }, + { text: 'Vercel', value: 'https://assets.zeit.co/image/upload/front/assets/design/zeit-black-triangle.svg' }, { text: 'Next.js', value: 'https://assets.zeit.co/image/upload/front/assets/design/nextjs-black-logo.svg' }, { text: 'Hyper', value: 'https://assets.zeit.co/image/upload/front/assets/design/hyper-color-logo.svg' }, ]; const imageDarkOptions: DropdownOption[] = [ - { text: 'ZEIT', value: 'https://assets.zeit.co/image/upload/front/assets/design/zeit-white-triangle.svg' }, + { text: 'Vercel', value: 'https://assets.zeit.co/image/upload/front/assets/design/zeit-white-triangle.svg' }, { text: 'Next.js', value: 'https://assets.zeit.co/image/upload/front/assets/design/nextjs-white-logo.svg' }, { text: 'Hyper', value: 'https://assets.zeit.co/image/upload/front/assets/design/hyper-bw-logo.svg' }, ];