# Szablon obrazka OG: Ranking

Tablica wyników z oświetlonym podium dla pierwszej trójki — inicjały w złotym, srebrnym i brązowym pierścieniu — i listą kolejnych miejsc z wynikiem i zmianą pozycji.

- Slug: `leaderboard`
- Preview (real render): https://shareglint.com/storage/template-previews/leaderboard.jpg
- Page: https://shareglint.com/pl/templates/leaderboard

Dla społeczności, zespołów sprzedaży, gier, klas i projektów open source, które publikują swój ranking. Do dziesięciu wierszy: w kadrach poziomych i kwadratowych mieszczą się miejsca 4–8, w pionowym portrecie do 9., na Pintereście i w relacjach wszystkie dziesięć. Imiona i wyniki kończą się wielokropkiem, zmiana z minusem robi się czerwona, a jedno miejsce można wyróżnić jako własne miejsce oglądającego. W kadrach poziomych podium stoi obok listy, w pozostałych nad nią.

## Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

| Pole | Typ | Opis | Przykład |
|---|---|---|---|
| `title` | tekst | Tytuł, np. Najaktywniejsi w społeczności. (domyślnie: Leaderboard) | Top contributors |
| `period` | tekst | Okres w pigułce, np. Październik 2026. | October 2026 |
| `rows` | tekst | Wiersze oddzielone średnikami, każdy jako miejsce\|imię\|wynik\|zmiana; miejsce można pominąć (imię\|wynik\|zmiana). Np. 1\|Maja Nowak\|4820 pkt\|+2; 2\|Leon Park\|4610 pkt\|-1. Najwyżej dziesięć. | 1\|Maya Chen\|4,820 pts\|+2; 2\|Leo Park\|4,610 pts\|-1; 3\|Ana Silva\|4,375 pts\|+1; 4\|Tom Weber\|3,990 pts\|0; 5\|Priya Nair\|3,815 pts\|+4; 6\|Jonas Berg\|3,640 pts\|-2; 7\|Emma Rossi\|3,410 pts\|+1; 8\|Kenji Ito\|3,205 pts\|-3 |
| `highlight` | tekst | Miejsce do wyróżnienia, np. 6. | 6 |
| `site` | tekst | Strona albo marka pod listą. | community.northwind.dev |
| `logo` | adres obrazka | Logo obok tytułu. | https://example.com/images/logo-northwind.png |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #8b5cf6) | #8b5cf6 |
| `theme` | dark | light | Schemat kolorów: dark albo light. | — |

## Wyrenderuj go jednym żądaniem

```bash
curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "leaderboard",
    "modifications": {
        "title": "Top contributors",
        "period": "October 2026",
        "rows": "1|Maya Chen|4,820 pts|+2; 2|Leo Park|4,610 pts|-1; 3|Ana Silva|4,375 pts|+1; 4|Tom Weber|3,990 pts|0; 5|Priya Nair|3,815 pts|+4; 6|Jonas Berg|3,640 pts|-2; 7|Emma Rossi|3,410 pts|+1; 8|Kenji Ito|3,205 pts|-3",
        "highlight": "6",
        "site": "community.northwind.dev",
        "logo": "https://example.com/images/logo-northwind.png"
    }
}'
```

## Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

```bash
curl -X POST "https://shareglint.com/v1/templates/library/leaderboard/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```