[{"data":1,"prerenderedAt":166},["ShallowReactive",2],{"project-\u002Fpl\u002Fprojects\u002F2026\u002Fwankowicz":3,"project-posts-\u002Fpl\u002Fprojects\u002F2026\u002Fwankowicz":165},{"id":4,"title":5,"agency":6,"body":7,"compare":59,"cover":87,"date":89,"description":90,"draft":91,"extension":92,"facts":93,"featured":91,"gallery":106,"galleryLead":136,"highlights":137,"image":150,"links":151,"meta":152,"navigation":109,"note":153,"ogImage":154,"path":155,"seo":156,"stack":157,"stem":161,"tags":162,"__hash__":164},"projects_pl\u002Fpl\u002Fprojects\u002F2026\u002Fwankowicz\u002Findex.md","Liceum im. M. Wańkowicza – nowa wersja strony","Pesi",{"type":8,"value":9,"toc":54},"minimark",[10,14,19],[11,12,13],"p",{},"Strona liceum im. Melchiora Wańkowicza ma wersję polską i angielską oraz panel z ustawieniami dostępności: większy tekst, wysoki kontrast i czytelniejsze fonty. Przy tej stronie pracuję w zespole Pesi od października 2025, a od lipca 2026 piszę jej front-end od nowa. Refaktor robię na osobnej gałęzi, bo szkoła cały czas dosyła zmiany do obecnej wersji. Porównania poniżej pokazują kod i wygląd, które zastałem – stan z 14.10.2025.",[15,16,18],"h2",{"id":17},"co-zmieniam","Co zmieniam",[20,21,22,30,36,42,48],"ul",{},[23,24,25,29],"li",{},[26,27,28],"strong",{},"Dostępność według WCAG 2.2"," – cel to poziom AAA, minimum AA: skalowanie tekstu do 200%, kontrast, obsługa z klawiatury, widoczny focus i rozmiar klikalnych elementów",[23,31,32,35],{},[26,33,34],{},"Jeden widok na stronę"," zamiast osobnych kopii dla języka angielskiego – teksty, adresy i dane kontaktowe w plikach językowych",[23,37,38,41],{},[26,39,40],{},"Kolory przez tokeny"," – zero kolorów wpisanych na sztywno, dzięki czemu tryb wysokiego kontrastu działa na całej stronie",[23,43,44,47],{},[26,45,46],{},"Rozmiary w rem",", własne fonty bez zewnętrznych serwerów i jeden komponent ikon",[23,49,50,53],{},[26,51,52],{},"Tailwind CSS v4"," z konfiguracją w CSS i wspólna szerokość treści dla widoków Blade i komponentów Vue",{"title":55,"searchDepth":56,"depth":56,"links":57},"",2,[58],{"id":17,"depth":56,"text":18},{"before":60,"after":66,"rows":70,"note":86},{"src":61,"width":62,"height":63,"label":64,"alt":65},"\u002Fprojects\u002F2026\u002Fwankowicz\u002Fold-home-top.webp",1440,900,"Przed · zanim dołączyłem (paź 2025)","Strona liceum w październiku 2025 – pierwszy ekran",{"src":67,"width":62,"height":63,"label":68,"alt":69},"\u002Fprojects\u002F2026\u002Fwankowicz\u002Fhome-top.webp","Po · nowa wersja","Nowa wersja strony liceum – pierwszy ekran",[71,75,79,82],{"label":72,"before":73,"after":74},"Pliki widoków stron","65","35",{"label":76,"before":77,"after":78},"Kopie widoków dla wersji EN","31","0",{"label":80,"before":81,"after":78},"Kolory wpisane na sztywno","23",{"label":83,"before":84,"after":85},"Rozmiary wpisane w px (np. text-[15px])","353","53","Liczby z widoków Blade. Przed – kod z 14.10.2025, ostatni stan przed moimi zmianami; po – nowa wersja na osobnej gałęzi. Zrzuty z wersji lokalnych, aktualności w starej wersji pochodzą z dzisiejszej bazy.",{"desktop":67,"phone":88,"width":62,"height":63,"alt":69},"\u002Fprojects\u002F2026\u002Fwankowicz\u002Fhome-phone-top.webp","2026-10-01","Refaktor front-endu strony liceum: dostępność według WCAG 2.2, jeden widok na wersję polską i angielską, kolory przez tokeny pod tryb wysokiego kontrastu. Projekt w toku.",false,"md",[94,97,100,103],{"value":95,"text":96},"65 → 35","widoków stron – angielskie kopie zastąpione jednym widokiem na oba języki",{"value":98,"text":99},"23 → 0","kolorów wpisanych na sztywno w szablonach – wszystkie przez tokeny",{"value":101,"text":102},"353 → 53","rozmiarów wpisanych w pikselach, np. text-[15px] – reszta w rem, więc rośnie razem z powiększonym tekstem",{"value":104,"text":105},"88%","obecnego front-endu nowej wersji to mój kod",[107,112,116,120,124,128,132],{"src":108,"full":109,"alt":110,"caption":111},"\u002Fprojects\u002F2026\u002Fwankowicz\u002Fcontent-page-full.webp",true,"Podstrona O nas","Podstrona z treścią – O nas",{"src":113,"width":62,"height":63,"alt":114,"caption":115},"\u002Fprojects\u002F2026\u002Fwankowicz\u002Fhome-text-200-top.webp","Tekst powiększony do 200% w nowej wersji","Nowa wersja – tekst 200%, nagłówek i przyciski rosną razem z treścią",{"src":117,"width":62,"height":63,"alt":118,"caption":119},"\u002Fprojects\u002F2026\u002Fwankowicz\u002Fold-home-text-200-top.webp","Tekst powiększony do 200% w wersji z października 2025","Wersja z października 2025 – tekst 200% dla porównania",{"src":121,"full":109,"alt":122,"caption":123},"\u002Fprojects\u002F2026\u002Fwankowicz\u002Frecruitment-full.webp","Formularz rekrutacyjny w nowej wersji","Formularz rekrutacyjny, krok 1 – nowa wersja",{"src":125,"full":109,"alt":126,"caption":127},"\u002Fprojects\u002F2026\u002Fwankowicz\u002Fold-recruitment-full.webp","Formularz rekrutacyjny w wersji z października 2025","Formularz rekrutacyjny – wersja z października 2025",{"src":129,"full":109,"alt":130,"caption":131},"\u002Fprojects\u002F2026\u002Fwankowicz\u002Fhome-full.webp","Strona główna nowej wersji","Strona główna – cała",{"src":133,"full":109,"alt":134,"caption":135},"\u002Fprojects\u002F2026\u002Fwankowicz\u002Fold-home-full.webp","Strona główna w wersji z października 2025","Strona główna – wersja z października 2025, cała","Zrzuty z wersji lokalnych – nowa wersja i kod z października 2025. Kliknij zrzut, żeby go powiększyć.",[138,141,144,147],{"title":139,"text":140},"Jeden widok na dwa języki","Stara strona miała osobną kopię widoku dla wersji angielskiej. Teraz każda strona ma jeden widok, a teksty są w plikach językowych. Sekcję można ukryć tylko w jednym języku, a brakujące tłumaczenie pokazuje tekst polski.",{"title":142,"text":143},"Wysoki kontrast przez tokeny","Tryb wysokiego kontrastu podmienia zmienne kolorów. Działa tylko wtedy, gdy żaden kolor nie jest wpisany na sztywno – dlatego wszystkie kolory przeszły na tokeny marki i skalę Tailwinda.",{"title":145,"text":146},"Tekst rośnie razem z układem","Ustawienia dostępności zmieniają rozmiar tekstu do 200%. Rozmiary, odstępy i szerokość treści są w rem, więc cały układ rośnie razem z tekstem, a linia nie robi się za długa.",{"title":148,"text":149},"Zasady dla całego zespołu","Konwencje refaktoru spisałem w jednym pliku w repozytorium – rozmiary, kolory, tłumaczenia, ikony i lista kontrolna WCAG dla każdej nowej strony.","\u002Fprojects\u002F2026\u002Fwankowicz\u002Fthumbnail.webp",null,{},"Projekt w toku – nowa wersja nie jest jeszcze opublikowana. Porównuję ją z kodem, który zastałem: stan z 14.10.2025, ostatni przed moimi zmianami.","\u002Fog\u002Fprojects\u002Fwankowicz-pl.jpg","\u002Fpl\u002Fprojects\u002F2026\u002Fwankowicz",{"title":5,"description":90},[158,159,160,52],"Laravel Blade","Alpine.js","Vue 3","pl\u002Fprojects\u002F2026\u002Fwankowicz\u002Findex",[163],"html","E5jSsD1bAxH5jIzSQgDGmzC4vvzOQB2NiFTc1TqOCqE",[],1792087406158]