Firsto is a platform for launching and showcasing your projects. To recognize outstanding creators, Firsto provides ranking badges for projects that rank in the Top 3 on daily, weekly, and monthly leaderboards. These badges can be embedded on your website, landing page, or README to enhance credibility and visibility.

🔧 Badge Embedding Guide

Badges are dynamically generated based on your project’s ranking. You can embed them using the following HTML code snippets. Replace:

• siteName with your project name
• slug with your project slug on Firsto
• siteUrl with https://firsto.co

🗓️ Daily Ranking Badges

<!-- Daily Top 1 -->
<a href="<https://firsto.co/projects/{slug}>" target="_blank" title="{siteName} Top 1 Daily Winner">
  <img
    src="<https://firsto.co/images/badges/daily-top1.svg>"
    alt="{siteName} Top 1 Daily Winner"
    style="width: 195px; height: auto;"
  />
</a>

<!-- Daily Top 2 -->
<a href="<https://firsto.co/projects/{slug}>" target="_blank" title="{siteName} Top 2 Daily Winner">
  <img
    src="<https://firsto.co/images/badges/daily-top2.svg>"
    alt="{siteName} Top 2 Daily Winner"
    style="width: 195px; height: auto;"
  />
</a>

<!-- Daily Top 3 -->
<a href="<https://firsto.co/projects/{slug}>" target="_blank" title="{siteName} Top 3 Daily Winner">
  <img
    src="<https://firsto.co/images/badges/daily-top3.svg>"
    alt="{siteName} Top 3 Daily Winner"
    style="width: 195px; height: auto;"
  />
</a>

📅 Weekly Ranking Badges

<!-- Weekly Top 1 -->
<a href="<https://firsto.co/projects/{slug}>" target="_blank" title="{siteName} Top 1 Weekly Winner">
  <img
    src="<https://firsto.co/images/badges/weekly-top1.svg>"
    alt="{siteName} Top 1 Weekly Winner"
    style="width: 195px; height: auto;"
  />
</a>

<!-- Weekly Top 2 -->
<a href="<https://firsto.co/projects/{slug}>" target="_blank" title="{siteName} Top 2 Weekly Winner">
  <img
    src="<https://firsto.co/images/badges/weekly-top2.svg>"
    alt="{siteName} Top 2 Weekly Winner"
    style="width: 195px; height: auto;"
  />
</a>

<!-- Weekly Top 3 -->
<a href="<https://firsto.co/projects/{slug}>" target="_blank" title="{siteName} Top 3 Weekly Winner">
  <img
    src="<https://firsto.co/images/badges/weekly-top3.svg>"
    alt="{siteName} Top 3 Weekly Winner"
    style="width: 195px; height: auto;"
  />
</a>

🗓️ Monthly Ranking Badges

<!-- Monthly Top 1 -->
<a href="<https://firsto.co/projects/{slug}>" target="_blank" title="{siteName} Top 1 Monthly Winner">
  <img
    src="<https://firsto.co/images/badges/monthly-top1.svg>"
    alt="{siteName} Top 1 Monthly Winner"
    style="width: 195px; height: auto;"
  />
</a>

<!-- Monthly Top 2 -->
<a href="<https://firsto.co/projects/{slug}>" target="_blank" title="{siteName} Top 2 Monthly Winner">
  <img
    src="<https://firsto.co/images/badges/monthly-top2.svg>"
    alt="{siteName} Top 2 Monthly Winner"
    style="width: 195px; height: auto;"
  />
</a>

<!-- Monthly Top 3 -->
<a href="<https://firsto.co/projects/{slug}>" target="_blank" title="{siteName} Top 3 Monthly Winner">
  <img
    src="<https://firsto.co/images/badges/monthly-top3.svg>"
    alt="{siteName} Top 3 Monthly Winner"
    style="width: 195px; height: auto;"
  />
</a>

📘 Example Usage

If your project SuperWidget ranked 2nd on the weekly chart, and its slug is superwidget, you can embed this:

<a href="<https://firsto.co/projects/superwidget>" target="_blank" title="SuperWidget Top 2 Weekly Winner">
  <img
    src="<https://firsto.co/images/badges/weekly-top2.svg>"
    alt="SuperWidget Top 2 Weekly Winner"
    style="width: 195px; height: auto;"
  />
</a>