@jjlmoya/utils-games-development 1.54.0 → 1.56.0

package/src/tool/pixelArtPaletteSwapper/i18n/nl.ts

@@ -0,0 +1,233 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { PixelArtPaletteSwapperUI } from '../ui';
+
+export const content: ToolLocaleContent<PixelArtPaletteSwapperUI> = {
+  slug: 'pixel-art-palet-wisselaar',
+  title: 'Pixel Art Palet Wisselaar',
+  description: 'Reduceer sprites en spritesheets tot klassieke consolepaletten of een aangepaste lijst hex-kleuren direct in je browser.',
+  ui: {
+    uploadTitle: 'Sleep een sprite of spritesheet',
+    uploadHint: 'PNG, JPEG of WebP worden lokaal verwerkt',
+    chooseImage: 'Afbeelding kiezen',
+    replaceImage: 'Afbeelding vervangen',
+    paletteTitle: 'Kies palet',
+    gameBoyPalette: 'Game Boy',
+    nesPalette: 'Geïnspireerd op NES',
+    pico8Palette: 'PICO-8',
+    commodore64Palette: 'Commodore 64',
+    dawnBringerPalette: 'DawnBringer 16',
+    customPalette: 'Aangepaste kleuren',
+    customPaletteHint: 'Scheid hex-waarden met komma s, spaties of nieuwe regels.',
+    applyCustomPalette: 'Palet toepassen',
+    resetCustomPalette: 'Herstellen',
+    sourcePreview: 'Origineel',
+    resultPreview: 'Gereduceerd resultaat',
+    waitingForImage: 'Wachten op een afbeelding',
+    uploadToPreview: 'Upload een afbeelding voor een voorbeeld',
+    resultEmpty: 'Originele en gereduceerde versie verschijnen naast elkaar.',
+    downloadPng: 'PNG downloaden',
+    downloadDisabled: 'Upload een afbeelding om te exporteren.',
+    colorCount: 'Bronkleuren',
+    mappedCount: 'Gebruikte kleuren',
+    imageSize: 'Afbeeldingsgrootte',
+    paletteCount: 'paletkleuren',
+    preserveAlpha: 'Transparantie behouden',
+    zoomLabel: 'Zoom',
+    processing: 'Pixels toewijzen',
+    invalidPalette: 'Voeg minimaal één geldige hex-kleur toe',
+    invalidImage: 'Kies een PNG-, JPEG- of WebP-afbeelding',
+    readyStatus: 'Klaar',
+    dropActive: 'Loslaten om te laden',
+    mappedSummary: '{source} bronkleuren omgezet naar {mapped} paletkleuren',
+  },
+  seo: [
+    {
+      type: 'title',
+      level: 2,
+      text: 'Zet een Volledig Gekleurde Sprite om naar een Doordacht Retropalet',
+    },
+    {
+      type: 'paragraph',
+      html: 'Een beperkt kleurenpalet is meer dan een technische beperking. Het geeft een sprite een herkenbare kleurentaal, zorgt ervoor dat elementen in een scène als één geheel voelen en roept het visuele karakter van een specifieke console of retro-hardware op. Met deze online paletwisselaar kun je het originele beeld vergelijken met de gereduceerde versie terwijl je experimenteert met Game Boy, NES-geïnspireerde, PICO-8, Commodore 64, DawnBringer 16 en eigen paletten.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Hoe Conversie via Dichtstbijzijnde Kleur Werkt',
+    },
+    {
+      type: 'paragraph',
+      html: 'De tool leest de rood-, groen- en blauwkanalen voor elke zichtbare pixel en vergelijkt die kleur met elke kleur in het gekozen palet. Het kiest de paletwaarde met de kleinste kwadratische RGB-afstand en schrijft de vervangende kleur naar een nieuwe canvasbuffer. Het alfakanaal blijft gescheiden, zodat transparante pixels transparant blijven en half-transparante randen hun originele dekking behouden wanneer Transparantie behouden is ingeschakeld.',
+    },
+    {
+      type: 'comparative',
+      columns: 2,
+      items: [
+        {
+          title: 'Paletbeperking',
+          description: 'Elke bronkleur wordt vervangen door de dichtstbijzijnde beschikbare kleurwaarde.',
+          points: [
+            'Snel en voorspelbaar voor sprites, iconen, tegels en interface-elementen',
+            'Behoudt de originele afmetingen en pixelposities exact',
+            'Maakt het eenvoudig om een vastgesteld kleurenbudget te controleren',
+          ],
+        },
+        {
+          title: 'Palette Swapping',
+          description: 'Hetzelfde artwork kan worden omgezet naar een andere zorgvuldig gekozen set kleuren.',
+          points: [
+            'Handig voor alternatieve outfits, omgevingen en schade-statussen',
+            'Aangepaste hex-lijsten sluiten naadloos aan op je eigen artistieke richting',
+            'Het gedownloade PNG-bestand kan direct weer in je editor worden geïmporteerd',
+          ],
+        },
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Een Palet Kiezen voor Pixel Art',
+    },
+    {
+      type: 'table',
+      headers: ['Palet', 'Kleuren', 'Geschikt voor', 'Let op'],
+      rows: [
+        ['Game Boy', '4', 'Monochroom handheld-gevoel en duidelijke contraststudies', 'Een klein bereik kan nabijgelegen materialen samenvoegen'],
+        ['Geïnspireerd op NES', '16', 'Karakteristieke arcade-sprites, personages en tegels', 'Zeer felle kleuren kunnen kleine details overheersen'],
+        ['PICO-8', '16', 'Moderne pixel art met volle, verzadigde accenten', 'Sterk verzadigde tinten vragen om bewust contrast'],
+        ['Commodore 64', '16', 'Zachte retro-scènes en klassieke computergame-esthetiek', 'Laag contrast werkt het beste met duidelijke silhouetten'],
+        ['DawnBringer 16', '16', 'Veelzijdig handgekozen palet voor algemene pixel art', 'Kleurverlopen hebben nog steeds een duidelijke lichtrichting nodig'],
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Praktische Werkwijze voor Spritesheets',
+    },
+    {
+      type: 'paragraph',
+      html: 'Begin met het grootste bronbestand dat je prettig kunt bewerken en upload de geëxporteerde sprite of spritesheet hier. Kies een preset om een richting te bepalen of plak een eigen hex-lijst. Inspecteer beide schermen op een hogere zoom om te controleren op verloren gelaatstrekken, samengevoegde omtrekken of highlights. Als het resultaat wazig oogt, probeer dan een palet met grotere contraststappen of voeg één bewuste accentkleur toe.',
+    },
+    {
+      type: 'tip',
+      title: 'Houd het Palet Doordacht',
+      html: 'Een grotere kleurenlijst is niet automatisch beter. Begin met 4 tot 16 kleuren, geef elke kleur een duidelijke functie en bewaar de brightste waarden voor focuspunten of goed leesbare accenten. Het algoritme behoudt de pixelposities, maar kan niet bepalen welke kleuren de visuele hiërarchie van je sprite moeten dragen.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Export-Checklist voor Pixel Art',
+    },
+    {
+      type: 'diagnostic',
+      variant: 'info',
+      title: 'Vóór het Importeren van het Gereduceerde PNG bestand',
+      html: 'Controleer het resultaat op 100 procent en op de uiteindelijke schaal in de game, zorg dat transparante randen schoon blijven, controleer of belangrijke silhouetten goed leesbaar blijven en bewaar het originele bronbestand naast de export om het palet aan te passen zonder opnieuw te hoeven beginnen.',
+    },
+    {
+      type: 'glossary',
+      items: [
+        {
+          term: 'Kleurkwantisatie',
+          definition: 'Het proces van het reduceren van een grote set bronkleuren tot een kleinere, vastgestelde set.',
+        },
+        {
+          term: 'Kleurgradiënt (Ramp)',
+          definition: 'Een geordende reeks van donkere, middelste en lichte tinten om een oppervlak te schaduwen.',
+        },
+        {
+          term: 'Geïndexeerd palet',
+          definition: 'Een compacte kleurentabel waarin pixels verwijzen naar indexen in een lijst in plaats van volledige kleurwaarden op te slaan.',
+        },
+      ],
+    },
+  ],
+  faq: [
+    {
+      question: 'Worden mijn afbeeldingen geüpload naar een server?',
+      answer: 'Nee. De afbeelding wordt in je browser op een canvas gedecodeerd, lokaal verwerkt met JavaScript en direct geëxporteerd als PNG. De tool heeft geen uploadstap.',
+    },
+    {
+      question: 'Kan ik mijn eigen palet gebruiken?',
+      answer: 'Ja. Plak 6-cijferige of 3-cijferige hex-kleuren in het veld Aangepaste kleuren, gescheiden door komma s, spaties of nieuwe regels, en kies Palet toepassen.',
+    },
+    {
+      question: 'Wordt de grootte van mijn sprite aangepast?',
+      answer: 'Nee. De uitvoer behoudt de originele breedte, hoogte, pixelposities en alfawaarden wanneer Transparantie behouden is ingeschakeld.',
+    },
+    {
+      question: 'Welk algoritme wordt er gebruikt?',
+      answer: 'Elke zichtbare pixel wordt toegewezen aan de dichtstbijzijnde kleur in het gekozen palet via kwadratische euclidische afstand in RGB-ruimte. Het is snel, deterministisch en eenvoudig te bekijken, maar gebruikt geen dithering of perceptuele Lab-kleurcorrectie.',
+    },
+  ],
+  howTo: [
+    {
+      name: 'Sprite laden',
+      text: 'Sleep een PNG-, JPEG- of WebP-sprite of spritesheet naar het werkgebied of gebruik Afbeelding kiezen.',
+    },
+    {
+      name: 'Palet kiezen',
+      text: 'Kies een klassieke preset of voer je eigen hex-kleuren in. Het resultaat wordt direct bijgewerkt.',
+    },
+    {
+      name: 'Vergelijken en exporteren',
+      text: 'Inspecteer het originele en het gereduceerde scherm, pas de zoom aan en download het resultaat als PNG.',
+    },
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      name: 'Pixel Art Palet Wisselaar',
+      applicationCategory: 'DesignApplication',
+      operatingSystem: 'Any',
+      offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      mainEntity: [
+        {
+          '@type': 'Question',
+          name: 'Worden mijn afbeeldingen geüpload naar een server?',
+          acceptedAnswer: {
+            '@type': 'Answer',
+            text: 'Nee. De afbeelding wordt lokaal verwerkt in de browser en direct als PNG geëxporteerd.',
+          },
+        },
+        {
+          '@type': 'Question',
+          name: 'Kan ik mijn eigen palet gebruiken?',
+          acceptedAnswer: {
+            '@type': 'Answer',
+            text: 'Ja. Plak hex-kleuren in het veld Aangepaste kleuren en kies Palet toepassen.',
+          },
+        },
+      ],
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      name: 'Hoe reduceer je een sprite naar een retropalet',
+      step: [
+        { '@type': 'HowToStep', name: 'Sprite laden', text: 'Sleep een bestand naar het werkgebied.' },
+        { '@type': 'HowToStep', name: 'Palet kiezen', text: 'Kies een preset of voer hex-kleuren in.' },
+        { '@type': 'HowToStep', name: 'Vergelijken en exporteren', text: 'Inspecteer het resultaat en download de PNG.' },
+      ],
+    },
+  ],
+  bibliography: [
+    {
+      name: 'MDN Canvas API',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
+    },
+    {
+      name: 'Lospec Palette List',
+      url: 'https://lospec.com/palette-list',
+    },
+    {
+      name: 'W3C Portable Network Graphics Specification',
+      url: 'https://www.w3.org/TR/png-3/',
+    },
+  ],
+};

package/src/tool/pixelArtPaletteSwapper/i18n/pl.ts

@@ -0,0 +1,233 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { PixelArtPaletteSwapperUI } from '../ui';
+
+export const content: ToolLocaleContent<PixelArtPaletteSwapperUI> = {
+  slug: 'konwerter-palety-pixel-art',
+  title: 'Konwerter Palety dla Pixel Artu',
+  description: 'Redukuj kolory spritów i arkuszy grafik do klasycznych palet konsolowych lub własnej listy kolorów hex bezpośrednio w przeglądarce.',
+  ui: {
+    uploadTitle: 'Przeciągnij sprite lub arkusz grafik',
+    uploadHint: 'Pliki PNG, JPEG lub WebP są przetwarzane na Twoim urządzeniu',
+    chooseImage: 'Wybierz obraz',
+    replaceImage: 'Zamień obraz',
+    paletteTitle: 'Wybierz paletę',
+    gameBoyPalette: 'Game Boy',
+    nesPalette: 'Inspirowana NES',
+    pico8Palette: 'PICO-8',
+    commodore64Palette: 'Commodore 64',
+    dawnBringerPalette: 'DawnBringer 16',
+    customPalette: 'Własne kolory',
+    customPaletteHint: 'Rozdziel wartości hex przecinkami, spacjami lub nowymi liniami.',
+    applyCustomPalette: 'Zastosuj paletę',
+    resetCustomPalette: 'Zresetuj',
+    sourcePreview: 'Oryginał',
+    resultPreview: 'Zredukowany wynik',
+    waitingForImage: 'Oczekiwanie na obraz',
+    uploadToPreview: 'Prześlij obraz, aby zobaczyć podgląd',
+    resultEmpty: 'Wersja oryginalna i zredukowana pojawią się obok siebie.',
+    downloadPng: 'Pobierz PNG',
+    downloadDisabled: 'Prześlij obraz, aby odblokować eksport.',
+    colorCount: 'Kolory źródłowe',
+    mappedCount: 'Użyte kolory',
+    imageSize: 'Rozmiar obrazu',
+    paletteCount: 'kolorów w palecie',
+    preserveAlpha: 'Zachowaj przezroczystość',
+    zoomLabel: 'Powiększenie',
+    processing: 'Mapowanie pikseli',
+    invalidPalette: 'Dodaj przynajmniej jeden poprawny kod hex',
+    invalidImage: 'Wybierz obraz w formacie PNG, JPEG lub WebP',
+    readyStatus: 'Gotowe',
+    dropActive: 'Upuść, aby wczytać',
+    mappedSummary: 'Zmapowano {source} kolorów źródłowych na {mapped} kolorów palety',
+  },
+  seo: [
+    {
+      type: 'title',
+      level: 2,
+      text: 'Zamień Pełnokolorowy Sprite w Przemyślaną Retropaletę',
+    },
+    {
+      type: 'paragraph',
+      html: 'Ograniczona paleta to coś więcej niż tylko techniczne ograniczenie. Nadaje spritowi spójną język kolorów, sprawia, że elementy sceny pasują do siebie i przywołuje wizualny charakter konkretnej konsoli lub klasycznego sprzętu. Ten konwerter palet w przeglądarce pozwala porównać obraz źródłowy z wersją zredukowaną podczas eksperymentowania z paletami Game Boy, inspirowanymi NES, PICO-8, Commodore 64, DawnBringer 16 oraz własnymi zestawami kolorów.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Jak Działa Mapowanie do Najbliższego Koloru',
+    },
+    {
+      type: 'paragraph',
+      html: 'Narzędzie odczytuje kanały czerwony, zielony i niebieski dla każdego widocznego piksela i porównuje ten kolor z każdym kolorem w wybranej palecie. Wybiera element palety o najmniejszej kwadratowej odległości RGB, a następnie zapisuje zastępczy kolor w nowym buforze płótna. Kanał alfa jest traktowany oddzielnie, dzięki czemu przezroczyste piksele pozostają przezroczyste, a półprzezroczyste krawędzie zachowują swoją oryginalną przezroczystość, gdy włączona jest opcja Zachowaj przezroczystość.',
+    },
+    {
+      type: 'comparative',
+      columns: 2,
+      items: [
+        {
+          title: 'Redukcja palety',
+          description: 'Każdy kolor źródłowy jest zastępowany najbliższą dostępną próbką barwy.',
+          points: [
+            'Szybkie i przewidywalne dla spritów, ikon, kafli i elementów interfejsu',
+            'Zachowuje dokładnie oryginalne wymiary i pozycje pikseli',
+            'Ułatwia kontrolę i przegląd ustalonego budżetu kolorów',
+          ],
+        },
+        {
+          title: 'Palette Swapping',
+          description: 'Ta sama grafika może zostać zmapowana na inny, starannie dobrany zestaw kolorów.',
+          points: [
+            'Przydatne dla alternatywnych strojów, biomów i stanów uszkodzeń',
+            'Niestandardowe listy hex pozwalają dopasować się do własnej wizji artystycznej',
+            'Pobrany plik PNG jest od razu gotowy do zaimportowania w Twoim edytorze',
+          ],
+        },
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Wybór Palety dla Pixel Artu',
+    },
+    {
+      type: 'table',
+      headers: ['Paleta', 'Kolory', 'Zastosowanie', 'Na co uważać'],
+      rows: [
+        ['Game Boy', '4', 'Monochromatyczny klimat konsoli przenośnej i wyraźne studia wartości', 'Mały zakres wartości może zlewać blisko położone materiały'],
+        ['Inspirowana NES', '16', 'Wyraziste grafiki arcade, postacie i kafle', 'Bardzo jasne kolory mogą przytłaczać drobne detale'],
+        ['PICO-8', '16', 'Nowoczesny pixel art z nasyconymi akcentami kolorystycznymi', 'Silnie nasycone odcienie wymagają przemyślanego kontrastu'],
+        ['Commodore 64', '16', 'Stonowane sceny retro i estetyka gier komputerowych', 'Niski kontrast zyskuje przy zastosowaniu wyrazistych sylwetek'],
+        ['DawnBringer 16', '16', 'Wszechstronna, starannie dobrana paleta do ogólnego pixel artu', 'Rampy kolorów wciąż wymagają świadomego kierunku światła'],
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Praktyczny Przebieg Pracy z Arkuszami Grafik',
+    },
+    {
+      type: 'paragraph',
+      html: 'Zacznij od największej grafiki źródłowej, jaką możesz wygodnie edytować, a następnie prześlij wyeksportowany sprite lub arkusz grafik tutaj. Wybierz gotowy zestaw, aby ustalić kierunek, lub wklej niestandardową listę z biblioteki palet. Sprawdź oba płótna przy większym powiększeniu pod kątem utraconych rysów twarzy, połączonych konturów i refleksów, które nie odcinają się już od koloru bazowego. Jeśli wynik wydaje się nieczytelny, wypróbuj paletę z wyraźniejszymi skokami wartości lub dodaj jeden przemyślany kolor akcentujący do listy.',
+    },
+    {
+      type: 'tip',
+      title: 'Świadomie Dobieraj Paletę',
+      html: 'Większa lista kolorów nie jest automatycznie lepsza. Zacznij od 4 do 16 kolorów, przypisz każdemu kolorowi określone zadanie i zarezerwuj najjaśniejsze wartości dla punktów centralnych lub czytelnych refleksów. Algorytm najbliższego koloru zachowuje pozycje pikseli, ale nie decyduje o tym, które kolory powinny budować hierarchię wizualną Twojego sprita.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Lista Kontrolna Eksportu Pixel Artu',
+    },
+    {
+      type: 'diagnostic',
+      variant: 'info',
+      title: 'Przed Zaimportowaniem Zredukowanego Pliku PNG',
+      html: 'Sprawdź wynik w skali 100 procent oraz w ostatecznej skali w grze, upewnij się, że przezroczyste krawędzie pozostają czyste, zweryfikuj czytelność ważnych sylwetek i zachowaj oryginalny plik źródłowy obok wyeksportowanego, aby móc dostosować paletę bez zaczynania od zera.',
+    },
+    {
+      type: 'glossary',
+      items: [
+        {
+          term: 'Kwantyzacja koloru',
+          definition: 'Proces redukcji dużego zestawu kolorów źródłowych do mniejszego, zdefiniowanego zbioru.',
+        },
+        {
+          term: 'Rampa kolorów',
+          definition: 'Uporządkowany ciąg ciemnych, średnich i jasnych odcieni używany do cieniowania powierzchni.',
+        },
+        {
+          term: 'Paleta indeksowana',
+          definition: 'Kompaktowa tabela kolorów, w której piksele odwołują się do wpisów na wspólnej liście zamiast wielokrotnie zapisywać pełne kolory.',
+        },
+      ],
+    },
+  ],
+  faq: [
+    {
+      question: 'Czy konwerter palet przesyła moje obrazy na serwer?',
+      answer: 'Nie. Obraz jest dekodowany na płótnie w Twojej przeglądarce, mapowany lokalnie w JavaScript i eksportowany bezpośrednio jako PNG. Narzędzie nie posiada kroku przesyłania na serwer.',
+    },
+    {
+      question: 'Czy mogę użyć własnej palety?',
+      answer: 'Tak. Wklej 6-cyfrowe lub 3-cyfrowe kody hex w polu Własne kolory, rozdzielając je przecinkami, spacjami lub nowymi liniami, a następnie wybierz Zastosuj paletę.',
+    },
+    {
+      question: 'Czy narzędzie zmienia rozmiar mojego sprita lub arkusza grafik?',
+      answer: 'Nie. Plik wynikowy zachowuje oryginalną szerokość, wysokość, pozycje pikseli i wartości alfa, gdy opcja Zachowaj przezroczystość jest włączona.',
+    },
+    {
+      question: 'Jaki algorytm jest używany?',
+      answer: 'Każdy widoczny piksel jest przypisywany do najbliższego koloru w wybranej palecie przy użyciu kwadratowej odległości euklidesowej w przestrzeni RGB. Jest to metoda szybka, deterministyczna i łatwa w podglądzie, ale nie stosuje ditheringu ani korekcji perceptualnej Lab.',
+    },
+  ],
+  howTo: [
+    {
+      name: 'Załaduj sprite',
+      text: 'Przeciągnij sprite lub arkusz grafik w formacie PNG, JPEG lub WebP do obszaru roboczego lub użyj przycisku Wybierz obraz.',
+    },
+    {
+      name: 'Wybierz paletę',
+      text: 'Wybierz klasyczny zestaw lub wprowadź własne kolory hex. Wynik aktualizuje się natychmiast po zastosowaniu palety.',
+    },
+    {
+      name: 'Porównaj i wyeksportuj',
+      text: 'Sprawdź płótno oryginalne i zredukowane, dostosuj powiększenie podglądu i pobierz wynik jako plik PNG.',
+    },
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      name: 'Konwerter Palety dla Pixel Artu',
+      applicationCategory: 'DesignApplication',
+      operatingSystem: 'Any',
+      offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      mainEntity: [
+        {
+          '@type': 'Question',
+          name: 'Czy konwerter palet przesyła moje obrazy na serwer?',
+          acceptedAnswer: {
+            '@type': 'Answer',
+            text: 'Nie. Obraz jest przetwarzany lokalnie w przeglądarce i eksportowany bezpośrednio jako PNG.',
+          },
+        },
+        {
+          '@type': 'Question',
+          name: 'Czy mogę użyć własnej palety?',
+          acceptedAnswer: {
+            '@type': 'Answer',
+            text: 'Tak. Wklej kody hex w polu Własne kolory i kliknij Zastosuj paletę.',
+          },
+        },
+      ],
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      name: 'Jak zredukować sprite do retropalety',
+      step: [
+        { '@type': 'HowToStep', name: 'Załaduj sprite', text: 'Przeciągnij plik do obszaru roboczego.' },
+        { '@type': 'HowToStep', name: 'Wybierz paletę', text: 'Wybierz zestaw lub wprowadź kolory hex.' },
+        { '@type': 'HowToStep', name: 'Porównaj i wyeksportuj', text: 'Sprawdź wynik i pobierz plik PNG.' },
+      ],
+    },
+  ],
+  bibliography: [
+    {
+      name: 'MDN Canvas API',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
+    },
+    {
+      name: 'Lospec Palette List',
+      url: 'https://lospec.com/palette-list',
+    },
+    {
+      name: 'W3C Portable Network Graphics Specification',
+      url: 'https://www.w3.org/TR/png-3/',
+    },
+  ],
+};