Usage
Endpoint URL: https://readme-jokes.vercel.app/api
Embed one of these in your README:
<!-- Markdown -->
![Jokes Card](https://readme-jokes.vercel.app/api)
or
<!-- HTML -->
<img src="https://readme-jokes.vercel.app/api" alt="Jokes Card" />
Customization Guide
Customize using ?
after /api in the https link, example here with no borders using the hideBorder
parameter.
Markdown method:
![Jokes Card](https://readme-jokes.vercel.app/api?hideBorder)
Image method:
<img src="https://readme-jokes.vercel.app/api?hideBorder" alt="Jokes Card" />
Both methods will produce the following jokes card without border:
To use multiple parameters use '&
' after the first parameter, e.g. ?hideBorder&theme=cobalt&qColor=%23944bcc&aColor=%23bbdb51
will produce a jokes card without border, with cobalt theme, answer color #944bcc and question color #bbdb51 like so:
Parameters Available
bgColor
โ Background ColorborderColor
โ Border ColorqColor
โ Question ColoraColor
โ Answer ColortextColor
โ Normal text ColorcodeColor
โ Code ColorhideBorder
โ Mention as a value-less parameter to hide bodertheme
โ Theme (Must be one of the following)
Click to see all available themes.
Note: Use URL-encoded #
for color values i.e. %23
eg: #FFF
will be %23FFF
Note: You can also use the URL parameters to customize the themes.
URL eg: https://readme-jokes.vercel.app/api?bgColor=%23073b4c&textColor=%2306d6a0&aColor=%2306d6a0&borderColor=%2306d6a0
Demo
Known Issues
- Not Mobile responsive. #3
Contributions
- Fork this repository.
- Deploy on your own Vercel instance.
- See issues that need help.
- Open a PR, if you solve something.
- Got some idea? Just open an issue.
References
- Jokes API has been generated from wesbos/dad-jokes
- Project is inspired by anuraghazra/github-readme-stats
Feel free to ask any questions, open a PR if you feel something can be done differently!
๐ Star this repository๐
Created by Abhinav Sharma & Community | Deployed on Vercel