# O'Rly Generator

![](https://badgen.net/badge/version/1.4.1/blue)
[![License](https://img.shields.io/github/license/ArthurBeaulieu/ORlyGenerator.svg)](https://github.com/ArthurBeaulieu/ORlyGenerator/blob/master/LICENSE.md)

Want to make your own nerd O'Rly meme? You know, those ironic book covers that mimic the [O'Reilley](https://www.oreilly.com/) style?

[See it live](https://arthurbeaulieu.github.io/ORlyGenerator/)!

Featuring 53 base images and 17 predefined colors, don't limit your imagination to make the perfect meme! All text fields are customizable, so is positioning and color. You can also browse the 58 existing O'Rly books cover found on the web if you're too lazy to make your own. Once your meme is ready, you can download the output as a high resolution PNG to impress your colleagues or friends!

<p>
  <img src="/assets/screenshots/demo-1.4.0.png" width="960" alt="orly-generator-screenshot"/>
</p>

Since I'm not a drawing artist, I took images from [USF ClipArt ETC](https://etc.usf.edu/clipart) and from [freepik](https://www.freepik.com/). Feel free to PR with more beasts (or `!beast`, why not) to exhibit, but only if images are license free. Icons are taken from [flaticon](https://www.flaticon.com/).

You can save your creations thanks to [html2canvas](https://html2canvas.hertzen.com/), which draws DOM elements into a canvas you can use.

If you want to use the downloading feature on a local environment, you may run a web server using `npm install && npm run start`, then open a browser at [https://127.0.0.1:1337/](https://127.0.0.1:1337/).

Tested on Firefox, Chrome and Edge browsers (desktop and mobile).

Many thanks to [vocatan](https://github.com/vocatan) and [ipinak](https://github.com/ipinak) for their contributions!
