Skip to content

ABSphreak/readme-jokes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

178 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

README Jokes

jokes GIF

Random programming jokes on your README.

GitHub deployments GitHub deployments GitHub issues

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: Jokes Card
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:
Jokes Card

Parameters Available

  • bgColorBackground Color
  • borderColorBorder Color
  • qColorQuestion Color
  • aColorAnswer Color
  • textColorNormal text Color
  • codeColorCode Color
  • hideBorderMention as a value-less parameter to hide boder
  • themeTheme (Must be one of the following)
Click to see all available themes.
Theme Name Preview Image
default Image
gradientBlue Image
solidBlue Image
halloween Image
watermelon Image
pinkish Image
daySky Image
radical Image
merko Image
gruvbox Image
tokyonight Image
onedark Image
cobalt Image
synthwave Image
dracula Image
prussian Image
monokai Image
vue Image
vue-dark Image
nightowl Image
buefy Image
blue-green Image
algolia Image
darcula Image
bear Image
solarized-dark Image
solarized-light Image
gotham Image
material-palenight Image
graywhite Image
ayu-mirage Image
calm Image
flag-india Image
omni Image
react Image
blueberry Image
random Image

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

Jokes Card

Jokes Card

Jokes Card

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


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

About

😄 Jokes for your GitHub READMEs

Topics

Resources

License

Stars

709 stars

Watchers

7 watching

Forks

Sponsor this project

Contributors