Notatki aktualizacji i błedów strony


Release Notes – Wersja [kwiecień 5, 2025]

Zmiany i Nowe Funkcjonalności Strony Internetowej (Zaimplementowane):

Baner:

Obsługa tła banera z atrybutu data-bg (dla obrazów) oraz odtwarzania wideo z atrybutu data-video

Dodano opcję animowanych banerów z płynnym przechodzeniem między slajdami (klasy .banner-slide, .active).

Naprawione Błędy Strony Internetowej:

Rozwiązanie: Wprowadzono flagę autoSlideStarted w kodzie JavaScript, aby upewnić się, że funkcja startAutoSlide jest wywoływana tylko raz po załadowaniu strony. Dodatkowo, w funkcji stopAutoSlide zresetowano wartość tej flagi, aby umożliwić ponowne uruchomienie automatycznego przełączania (np. po kliknięciu kropki nawigacyjnej).

Problem z Klikaniem Przycisków Banera:

Opis Problemu: Zidentyfikowano problem, w którym ostatni przycisk w banerze był zawsze wyświetlany na wierzchu i reagował na kliknięcia, nawet gdy jego slajd nie był aktywny. Dodatkowo, po pierwszej próbie naprawy, tylko ostatni przycisk banera reagował na kliknięcia, a pierwsze dwa nie działały.

Przyczyna i Rozwiązanie: Problem został rozwiązany poprzez odpowiednie ustawienie właściwości CSS pointer-events na klasach .banner-slide i .banner-slide.active. Wyłączono interakcję dla nieaktywnych slajdów (.banner-slide { pointer-events: none; }) i włączono tylko dla aktywnego slajdu (.banner-slide.active { pointer-events: auto; }).

Problem z Nieregularnym Przełączaniem Slajdów Banera:

Opis Problemu: Po pewnym czasie baner zaczynał przełączać slajdy w nieregularnych i bardzo szybkich odstępach czasu, zamiast co 10 sekund.

Przyczyna: Analiza logów wykazała, że funkcja startAutoSlide była wywoływana wielokrotnie, co powodowało uruchamianie wielu interwałów czasowych naraz.

Rozwiązanie: Wprowadzono flagę autoSlideStarted w kodzie JavaScript, aby upewnić się, że funkcja startAutoSlide jest wywoływana tylko raz po załadowaniu strony. Dodatkowo, w funkcji stopAutoSlide zresetowano wartość tej flagi, aby umożliwić ponowne uruchomienie automatycznego przełączania (np. po kliknięciu kropki nawigacyjnej)


Release Notes – Wersja [kwiecień 1, 2025]

Poniżej znajdują się szczegółowe informacje o zmianach wprowadzonych w kodzie strony internetowej oraz planowane funkcjonalności nowego systemu zarządzania flotą i graczami Star Citizen.

Zmiany i Nowe Funkcjonalności Strony Internetowej (Zaimplementowane):

  • Kod dla Mobilnego Menu (JavaScript): Dodano funkcjonalność rozwijanego menu dla urządzeń mobilnych, aktywowanego przyciskiem z klasą .mobile-menu-toggle. Menu mobilne ma klasę .mobile-menu i jego widoczność jest przełączana przez dodawanie/usuwanie klasy .open.
  • Lazy Loading dla Galerii Discord (JavaScript): Zaimplementowano leniwe ładowanie obrazków z klasą .lazy-load przy użyciu IntersectionObserver dla nowoczesnych przeglądarek oraz fallback dla starszych przeglądarek. Obrazki ładują się dopiero gdy staną się widoczne na ekranie.
  • Banner
    • Dodano dynamiczny system banerów z płynnym przechodzeniem między slajdami (klasy .banner-slide, .active).
    • Obsługa tła banera z atrybutu data-bg (dla obrazów) oraz odtwarzania wideo z atrybutu data-video.
    • Nawigacja za pomocą kropek (klasy .banner-icons, .active-dot).
    • Automatyczne przełączanie slajdów z interwałem 12 sekund.
    • Możliwość przełączania slajdów poprzez kliknięcie kropek.
    • Obsługa kliknięć w przyciski banera (klasa .banner-button) z przekierowaniem na adres URL z atrybutu data-link
  • Automatyczne Skalowanie Czcionki Menu (JavaScript): Rozmiar czcionki elementów menu w nagłówku (.new-header .new-header-menu li a) jest automatycznie dostosowywany w zależności od liczby elementów menu.
  • Lightbox dla Pojedynczych Obrazków (JavaScript): Po kliknięciu w pojedynczy obrazek znajdujący się w blokach wp-block-image lub wp-block-media-text, obrazek jest wyświetlany w powiększeniu w lightboxie.
  • Zamiana Niezaładowanych Obrazków na Odtwarzacze Wideo (JavaScript): W galerii postu o ID 17 ( #post-17), jeśli obrazek nie zostanie załadowany, jest zamieniany na odtwarzacz wideo z linkiem do oryginalnego źródła obrazka (zakładając, że jest to plik wideo w formacie MP4).
  • Pauzowanie Banerów po Najechaniu Kursorem (JavaScript): Automatyczne przełączanie slajdów banera jest zatrzymywane po najechaniu kursorem na obszar banera i wznawiane po jego opuszczeniu.

Naprawione Błędy (lub Planowane Naprawy) Strony Internetowej:

  • Problem z Linkami w Przyciskach Banerów (index.php): Zidentyfikowano, że atrybut data-link w przyciskach banerów był ustawiany na tekst alternatywny obrazu zamiast na docelowy adres URL. Sugerowano rozwiązanie tego problemu poprzez użycie pól niestandardowych w WordPressie i aktualizację kodu PHP w pliku index.php, aby pobierał prawidłowe linki z tych pól.

Znane Błędy Strony Internetowej (dotyczące urządzeń mobilnych):

  • Problem z Przyciskiem Bannera (na urządzeniach mobilnych): Przycisk w banerze nie zawsze działa zgodnie z linkiem, który jest w nim zapisany, problem występuje na urządzeniach mobilnych.
  • Problemy ze Skalowaniem (na urządzeniach mobilnych): Na stronie występują problemy ze skalowaniem na urządzeniach mobilnych, które mogą objawiać się nieprawidłowym wyświetlaniem.
  • Problemy z Galerią: Występują problemy z usuwaniem nieaktualnych linków lub usuniętych plików multimedialnych ze strony galerii.

Planowany System Zarządzania Flotą i Graczami Star Citizen (W trakcie planowania):

  • Cel: Stworzenie prostego systemu do zarządzania flotą i graczami organizacji Star Citizen, wzorowanego na Commander Fleet.
  • Struktura Danych:
    • Tabela Flota: Przechowująca nazwę floty i ID dowódcy oraz notatki.
    • Tabela Statki: Przechowująca nazwę statku i ID floty, do której należy.
    • Tabela Gracze: Przechowująca nick gracza i wytyczne od dowództwa.
    • Tabela Przypisań Załogi: Łącząca graczy ze statkami w ramach floty.
    • Tabela Presety: Do zapisywania konfiguracji całej floty.
  • Funkcjonalności Interfejsu Użytkownika:
    • Widok Floty: Wyświetlanie głównej tabeli floty.
    • Widok Statków: Wyświetlanie listy statków w ramach wybranej floty.
    • Pula Graczy: Lista dostępnych graczy.
    • Przypisywanie Załogi: Mechanizm „drag and drop” do przypisywania graczy do statków wieloosobowych.
    • Aktualizacje w Czasie Rzeczywistym: Zmiany przypisań dokonywane przez dowódcę mają być widoczne dla wszystkich użytkowników.
    • Dodawanie Nowych Elementów: Przyciski do dodawania nowych flot, statków i graczy.
    • Zapisywanie Presetów: Przycisk „Zapisz Preset” z możliwością wprowadzenia nazwy presetu w lewym górnym rogu.
    • Ładowanie Presetów: Funkcjonalność do wczytywania zapisanych konfiguracji floty.
  • Uprawnienia Użytkowników:
    • Dowódca Floty (Rola Współtwórca WordPress): Pełne uprawnienia do zarządzania flotą.
    • Zwykli Użytkownicy: Możliwość dodania jednego nowego gracza i jednego statku.
    • Gracze (Rola Subskrybent WordPress): Rozważane jako baza dla systemu logowania.
  • Integracja z Istniejącą Stroną: System ma wizualnie pasować do szablonu strony lynxcorp.pl.
  • Oddzielenie Logiki: Kod systemu będzie umieszczony w osobnej wtyczce do WordPressa, a nie w plikach motywu.

Release Notes – Wersja [marzec 31, 2025]

Nowe Funkcjonalności:

Dodano Wtyczkę CookieYes: W celu zapewnienia zgodności z przepisami Unii Europejskiej dotyczącymi plików cookie, na stronie zainstalowano i aktywowano wtyczkę „CookieYes”. Ta wtyczka umożliwia użytkownikom zarządzanie swoimi preferencjami dotyczącymi plików cookie i zapewnia niezbędne informacje o polityce prywatności.


Release Notes – Wersja [marzec 30, 2025]

Poniżej znajdują się szczegółowe informacje o zmianach wprowadzonych w kodzie strony głównej (index.php) w celu poprawy wyświetlania obrazów w sekcji „Nadchodzące Wydarzenia” oraz ograniczenia szerokości obrazów w głównej treści.

Ulepszenia:

  • Wyświetlanie Obrazów w „Nadchodzących Wydarzeniach”: Zaktualizowano logikę w sekcji „OUR UPCOMING EVENTS” w celu wyświetlania obrazów dla wydarzeń, które nie mają ustawionego obrazka wyróżniającego. Obecnie, jeśli wydarzenie nie posiada obrazka wyróżniającego, system spróbuje pobrać pierwszy obrazek z treści tego wydarzenia i wyświetlić go w miniaturce.
  • Ograniczenie Szerokości Obrazów w Głównej Treści: Dodano regułę CSS do pliku style.css (lub w sekcji „Dodatkowy CSS”) w celu ograniczenia maksymalnej szerokości obrazów w głównej treści strony (wewnątrz <div class="entry-content">) do 1160 pikseli. Zapewnia to lepsze dopasowanie obrazów do układu strony i poprawia czytelność na różnych rozdzielczościach ekranu.
  • System Banerów (JavaScript):
  • Paralaksa dla Banerów (JavaScript): Zaimplementowano efekt paralaksy dla tła banerów (elementy z klasą .parallax-background) podczas przewijania strony. Prędkość paralaksy można dostosować.
  • Ukrywanie Nagłówka przy Przewijaniu (JavaScript): Nagłówek z klasą .new-header jest ukrywany, gdy użytkownik przewija stronę w dół (po przekroczeniu pewnej wysokości), i pojawia się ponownie przy przewijaniu w górę.
  • Lightbox dla Galerii Discord (JavaScript): Po kliknięciu w miniaturę obrazka w galerii z atrybutem data-lightbox="discord-gallery", obrazek jest wyświetlany w powiększeniu na ciemnym tle (element #lightbox-overlay).

Naprawione Błędy:

  • [Poprawka] Brak Obrazów w „Nadchodzących Wydarzeniach” dla URL-i: Naprawiono problem polegający na tym, że obrazki wstawione do treści wydarzeń za pomocą URL-i nie były wyświetlane w sekcji „Nadchodzące Wydarzenia”. Obecnie system obsługuje również takie obrazki.

Uwagi:

  • Wprowadzone zmiany mają na celu poprawę spójności wizualnej strony oraz zapewnienie, że obrazki są wyświetlane w oczekiwany sposób, niezależnie od metody ich wstawienia.
  • Ograniczenie szerokości obrazów w głównej treści poprawia responsywność i estetykę strony na szerszych ekranach.

Zachęcamy do przejrzenia strony głównej i sprawdzenia, czy zmiany zostały wprowadzone zgodnie z oczekiwaniami. W razie jakichkolwiek problemów lub sugestii, prosimy o zgłoszenie.