# Szablon obrazka OG: Portfolio z pracami

Do trzech prac rozłożonych jak karty w dłoni, a obok imię, rola i ponumerowane tytuły projektów.

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

Dla projektantów, programistów, fotografów i kreatorów portfolio, którym obrazek OG ma pokazać prace, a nie tylko twarz. Każdy obraz staje się kartą w wachlarzu; projekt bez obrazu dostaje prążkowaną kartę z pierwszą literą, a brak zdjęcia profilowego — koło z inicjałami. Długie tytuły kończą się wielokropkiem, a projekty ponad trzy są policzone. Szerokie kadry stawiają imię po lewej, a wachlarz po prawej; kwadratowe i pionowe układają imię nad większym wachlarzem.

## 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 |
|---|---|---|---|
| `name` | tekst | Imię i nazwisko. (domyślnie: Your name) | Noor Haddad |
| `role` | tekst | Czym się zajmujesz, do dwóch linii. | Product designer for fintech and data tools |
| `projects` | tekst | Tytuły projektów rozdzielone `;`, np. Panel finansowy;Aplikacja bankowa;Okładka płyty. Widać trzy, w kolejności obrazów. | Ledger analytics dashboard;Pocket banking app;Sunset Drive album art |
| `site` | tekst | Adres portfolio. | noorhaddad.design |
| `image_1` | adres obrazka | Obraz pierwszego projektu; na karcie widać jego górną część. | https://example.com/images/dashboard.png |
| `image_2` | adres obrazka | Obraz drugiego projektu. | https://example.com/images/phone-app.png |
| `image_3` | adres obrazka | Obraz trzeciego projektu. | https://example.com/images/album-cover.png |
| `avatar` | adres obrazka | Twoje zdjęcie, okrągłe. | https://example.com/images/avatar-woman2.jpg |
| `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": "portfolio-showcase",
    "modifications": {
        "name": "Noor Haddad",
        "role": "Product designer for fintech and data tools",
        "projects": "Ledger analytics dashboard;Pocket banking app;Sunset Drive album art",
        "site": "noorhaddad.design",
        "image_1": "https://example.com/images/dashboard.png",
        "image_2": "https://example.com/images/phone-app.png",
        "image_3": "https://example.com/images/album-cover.png",
        "avatar": "https://example.com/images/avatar-woman2.jpg"
    }
}'
```

## 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/portfolio-showcase/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```