googol88 / repltalk-badge

🛡️ Embeddable badges for your Repl Talk posts to place in posts, markdown files, and websites!

Home Page:https://create-replit-badge.now.sh

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🔼 Repl Talk Badge

Create embeddable badges for your Repl Talk posts to display upvotes on websites and markdown files.

Tech Stack

API: Serverless functions deployed on Vercel, cheerio and axios for web scraping

Badge generator: Next.js site with Geist UI for styling

Usage

Use the badge generator to create your own custom badge in HTML and Markdown.

Markdown

[![Repl Talk Badge](https://replit-badge.vercel.app/api?id=143059)](https://replit.com/talk/share/post/143059)

HTML

<a href="https://replit.com/talk/share/post/143059">
  <img src="https://replit-badge.vercel.app/api?id=143059" alt="Repl Talk Badge">
</a>

Examples

Badge Styles

Repl Talk Badge Repl Talk Badge

Repl Talk Badge Repl Talk Badge

Custom Font and Labels

Repl Talk Badge

API

Option Type Required Default Description
id Integer Yes - Repl Talk post ID, located in post URL
style String No "flat" "flat" | "gradient"
theme String No "light" "light" | "dark"
border String No "rounded" "rounded" | "square"
featuredOn String No "FEATURED ON" Alternate text for upper label
replTalk String No "Repl Talk" Alternate text for lower label

Acknowledgements

AnandChowdhary/hackerbadge

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

About

🛡️ Embeddable badges for your Repl Talk posts to place in posts, markdown files, and websites!

https://create-replit-badge.now.sh

License:MIT License


Languages

Language:TypeScript 100.0%