Ostatnie aktualizacje
Najświeższe zmiany i poprawki wdrożone na stronie.
Lista aktualizacji
-
PiotrFlix 2.0 — nowy projekt + odświeżone repo
Dodałem „PiotrFlix 2.0” do sekcji Python — całkowicie przebudowana wersja z lepszym GUI, integracją TMDb i szybkim wyszukiwaniem. Repozytorium na GitHub otrzymało nowe README, tagi i porządek w wydaniach, żeby łatwiej było wystartować.
Python Wydanie GitHub PiotrFlix 2.0 -
Integracja Tidio na całej stronie
Wdrożyłem lekki widget Tidio na wszystkich podstronach, aby ułatwić szybki kontakt. Skrypt ładuje się asynchronicznie i nie blokuje renderowania, a widget respektuje motyw jasny/ciemny i może być zwinięty w dowolnym momencie. Dzięki temu odwiedzający mogą napisać bez przełączania zakładek, a odpowiedź trafia do nich szybciej.
Chat Integration Support -
Usprawnienia nawigacji i pasek aktualizacji (mobile)
Dopracowano zachowanie mobilnego menu (lepsza widoczność, spójne stany rozwinięcia) oraz naprawiono rendering paska aktualizacji na małych ekranach. Efekt: bardziej przewidywalna nawigacja i czytelny changelog w trybie mobilnym.
UI Fix Mobile -
Nowa strona „Aktualizacje”
Stworzyłem dedykowaną podstronę
updates.html, która w przejrzysty sposób wyświetla historię zmian i nowości na stronie. Każda zmiana ma teraz swój opis, datę oraz szczegóły ukryte w rozwijanych kartach akordeonu. Dzięki temu odwiedzający mogą szybko sprawdzić, co zostało dodane i kiedy, a całość jest spójna z resztą portfolio (menu, stopka, styl dark/light).New Page Changelog UX -
Aurora / Glass Theme v2 + refaktor CSS
Zaktualizowano wizualną część portfolio: nowy motyw Aurora/Glass z neonowymi akcentami i lepszą głębią, przy zachowaniu dotychczasowego układu treści na stronie głównej. Ciemny motyw został dopracowany w 100% – tła, treści, ikonografia i nawigacja są spójne i czytelne.
- Dark mode: biała typografia w treści, jasny pasek „Ostatnie aktualizacje”, białe ikony GitHub w menu i stopce.
- Nawigacja (mobile): dropdown/hamburger ma nieprzezroczyste szkło — koniec z „zlewaniem” tekstu.
- Formularze: pole wiadomości bez ręcznego skalowania (
resize: none), lepsze focus-ringi. - Kafelki i karty: delikatne szkło, gradientowe obramowania, spójne cienie i hover.
- Tokeny kolorów: zmienne CSS dla jasnego/ciemnego motywu, mniej duplikacji stylów.
- Wydajność & a11y: wsparcie
prefers-reduced-motion, wyższy kontrast, poprawione:focus-visible.
UI CSS Dark Mode A11y Performance -
Nowa strona „Aktualizacje”
Stworzyłem dedykowaną podstronę
updates.html, która w przejrzysty sposób wyświetla historię zmian i nowości na stronie. Każda zmiana ma teraz swój opis, datę oraz szczegóły ukryte w rozwijanych kartach akordeonu. Dzięki temu odwiedzający mogą szybko sprawdzić, co zostało dodane i kiedy, a całość jest spójna z resztą portfolio (menu, stopka, styl dark/light).New Page Changelog UX -
Poprawki UX paska aktualizacji
Wyostrzone kontrasty, płynniejsze wejścia/wyjścia, lepsze standardy ARIA oraz pauzowanie animacji przy najechaniu kursorem.
UX ARIA Animations -
Nowy pasek aktualizacji
Krótki komunikat nad sekcjami, z automatycznym przewijaniem przy długich tekstach (marquee) i wsparciem dla języków PL/EN.
Changelog i18n -
Nowa sekcja „O mnie”
Zawiera skrót doświadczenia, zainteresowania, zdjęcie oraz szybkie linki. Zoptymalizowana pod mobile i tryb ciemny.
About Responsive -
Automatyczne zaciąganie treści
Prototyp scrapera w Pythonie z walidacją, cache i harmonogramem pobierania. Docelowo mini-galeria z najnowszymi zdjęciami.
Python Automation Content
Przyszłe aktualizacje
-
Przebudowa nawigacji + boczny panel (drawer)
Zmodernizowałem nawigację na desktopie i mobile: menu przeniosłem do bocznego, wysuwanego panelu z podświetlaniem aktywnych linków. Usunąłem zbędny CSS i scaliłem logikę w jeden lekki plik menu (HTML+JS+CSS). Animacje są płynniejsze, mniej obciążają przeglądarkę i respektują
prefers-reduced-motion.- Menu: boczny panel (drawer) na desktop/mobile z focus-trap, zamykaniem ESC i poprawnym ARIA.
- Aktywne linki: automatyczne podświetlanie wg trasy i scrollspy sekcji.
- CSS: purge nieużywanych reguł, mniej duplikacji, porządek w tokenach kolorów.
- Bundle: jeden plik menu (HTML+JS+CSS) z lazy-load tam, gdzie ma sens.
- Animacje: lżejsze, stabilne 60 fps; krótsze krzywe i mniejszy repaint.
UI Animacje -
Sekcja „O mnie” — finalna wersja
Zakończyłem prace nad sekcją „O mnie”: odświeżone bio, klarowna narracja i lepsza struktura treści. Zdjęcie zostało zoptymalizowane pod szybkie ładowanie, a układ jest w pełni responsywny i dostępny (nagłówki, alt-teksty, focus-stany). Dołożyłem szybkie CTA i linki do profili — wszystko spójne z motywem jasnym/ciemnym.
- Bio: zwięzłe, konkretne i łatwe do skanowania.
- Media: zoptymalizowane zdjęcie + poprawne
alt. - UX: wyraźne CTA i linki do profili społecznościowych.
UI Treść -
Scraper Instagram (Python)
Własne narzędzie do pobierania i cache’owania najnowszych postów, z walidacją, harmonogramem i mechanizmem awaryjnym. Zasilanie mini-galerii w sekcji „O mnie”.
- Technologie: Python, requests/HTTPX, harmonogram (cron), cache.
- Funkcje: walidacja odpowiedzi, fallback, limit zapytań.
- Cel: automatyczna, świeża zawartość bez ręcznej ingerencji.
Plan Python Automatyzacja -
Animacje i sekcje projektów
Dalsza praca nad płynnością wejść/wyjść, harmonogramem opóźnień i scenami „aurora”. Rozbudowa kart projektów o dodatkowe metadane, filtry i sortowanie.
- Ruch: fine-tuning, obsługa
prefers-reduced-motion. - Kartoteka: tagi, filtry, małe KPI (gwiazdki, stack, status).
- Cel: szybsza nawigacja po projektach i lepszy UX.
Plan UI Animacje - Ruch: fine-tuning, obsługa
-
Polityka cookies
Dodanie klarownej polityki cookies i banera zgód zgodnego z RODO. Precyzyjne kategorie, pamiętanie wyboru i łatwa zmiana preferencji.
- Transparentność: jasny opis, cele i retencja.
- Kontrola: granularne zgody, opt-in zamiast opt-out.
- Cel: zgodność prawna i lepsze doświadczenie użytkownika.
Plan Compliance Prywatność