# Szablon obrazka OG: Stos technologiczny

Technologie projektu jako izometryczny stos płyt — pierwsza pozycja na górze, każda płyta podpisana przy krawędzi.

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

Dla programistów, agencji i ogłoszeń o pracę, które pokazują, na czym zbudowano projekt. Każda pozycja to jedna płyta z logo na boku; pozycja bez logo dostaje inicjały. Szerokie kadry mieszczą sześć płyt, kwadratowe osiem, pionowe dziesięć; ponad to ostatnia płyta jest przerywaną warstwą „+N more”, a przy wysokim stosie płyty robią się cieńsze. Bez pozycji stos pokazuje trzy puste płyty. W szerokich kadrach tytuł stoi po lewej, w kwadratowych i pionowych na górze.

## 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 | Nagłówek, np. Zbudowane na albo Na czym działa Northwind. (domyślnie: Built with) | What powers Northwind |
| `project` | tekst | Nazwa projektu nad tytułem. | Northwind image API |
| `items` | tekst | Pozycje rozdzielone `;`, każda jako nazwa\|rola, rola opcjonalna, np. Laravel\|Aplikacja i API;PostgreSQL\|Baza danych. Pierwsza pozycja to górna płyta. | Laravel\|App and API;PostgreSQL\|Database;Redis\|Queues and cache;Headless Chrome\|Rendering;Docker\|Deploys;Go\|Egress proxy |
| `url` | tekst | Adres projektu w małym polu z czcionką o stałej szerokości, pod tytułem. | northwind.dev/stack |
| `logo_1` | adres obrazka | Logo pierwszej pozycji; logo_2 do logo_8 idą z kolejnymi pozycjami. | https://example.com/images/b06-icon-hex.png |
| `logo_2` | adres obrazka | Logo drugiej pozycji. | https://example.com/images/b06-icon-db.png |
| `logo_3` | adres obrazka | Logo trzeciej pozycji. | https://example.com/images/b06-icon-bolt.png |
| `logo_4` | adres obrazka | Logo czwartej pozycji. | https://example.com/images/b06-icon-spark.png |
| `logo_5` | adres obrazka | Logo piątej pozycji. | — |
| `logo_6` | adres obrazka | Logo szóstej pozycji. | — |
| `logo_7` | adres obrazka | Logo siódmej pozycji. | — |
| `logo_8` | adres obrazka | Logo ósmej pozycji; dalsze dostają inicjały. | — |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #f97316) | #f97316 |
| `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": "tech-stack",
    "modifications": {
        "title": "What powers Northwind",
        "project": "Northwind image API",
        "items": "Laravel|App and API;PostgreSQL|Database;Redis|Queues and cache;Headless Chrome|Rendering;Docker|Deploys;Go|Egress proxy",
        "url": "northwind.dev/stack",
        "logo_1": "https://example.com/images/b06-icon-hex.png",
        "logo_2": "https://example.com/images/b06-icon-db.png",
        "logo_3": "https://example.com/images/b06-icon-bolt.png",
        "logo_4": "https://example.com/images/b06-icon-spark.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/tech-stack/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```