GMCLAN ma 20 lat, i chociaż niektórzy lubią jego retro styl, czas w końcu na jakieś zmiany. Przyznam, że ja osobiście jestem fanem obecnego wyglądu, ale ma on jedną wadę, przez którą nawet mój sentyment przegrywa z potrzebami XXI wieku. Chodzi bowiem o obsługę na urządzeniach mobilnych. Przy tworzeniu GMCLANu założono, że nikt nie używa ekranów mniejszych niż 1024x768. To w sumie racja, bo dzisiejsze telefony komórkowe mają rozdzielczości wyższe, ale co z tego, skoro taka strona nie jest czytelna.
Trzeba było więc w końcu wybrać jakąś technologię, na której stanie nowa strona. Jestem fanem UI-KIT, ale ma on za duże JSowe wymagania. Na drugim miejscu stawiam niezwykle popularnego Bootstrapa, ale domyślnie wygląda on zbyt generycznie i nie chciałem, żeby strona wyglądała jak przykładowa templatka. Zupełnie jednak przypadkowo, trafiłem wczoraj na tabler.io, przeróbkę bootstrapa, docelowo pod panele admina, ale podział na boxy skojarzył mi się... z obecnym GMCLANem. Z racji, że kilka dni temu natrafiłem na informację, że kolejna wersja boostrapa (ma wyjść "wkrótce") ma mieć "dark theme", o które kilka osób prosiło - wybór wydaje się oczywisty. Przeważyła jeszcze jedna rzecz - mieliśmy spory dylemat co zrobić z shoutboxem - Uzjel optował za wywaleniem go (a nawet za wywaleniem forum), ale sporo osób twierdzi, że GMCLAN bez tych dwóch rzeczy to nie GMCLAN. Jak jednak umieścić shoutbox na wąskim ekranie telefonu? Przyszedł mi do głowy pomysł, żeby zrobić to podobnie jak z "pływającymi oknami" np. messengera na telefonie. I tu okazało się, że nowsze boostrapy mają nawet na to specjalny moduł - zawartość która na dużym ekranie jest normalnie na stronie, a na mniejszym "wychodzi z boku". Spędziłem więc kilka godzin na testach, oraz optymalizacji kodu (tak aby obsługiwała dwa skiny GMCLANowe na raz - więc w sumie napisałem zupełnie nowy feature...) - i postanowiłem testowo podmienić stronę z modułu zwanego "strony statyczne", którego na GMCLANie praktycznie nie używamy (są dosłownie 4 takie strony).
DEMO znajdziecie tutaj: https://gmclan.org/index.php?statyczna=1
Jeśli kogoś interesuje co oferuje tabler: https://preview.tabler.io/
Z kolei przykłady możliwości boostrapa znajdziecie tutaj: https://getbootstrap.com/docs/5.2/components/placeholders/
Warto zaznaczyć, że to naprawdę wstępny prototyp (jak mówię powstał w kilka godzin), ale mimo to obsługuje poprawnie menu, wyświetlanie shoutboxa, czy pokazywanie avatarów i profilu aktualnie zalogowanej osoby, włącznie z powiadomieniami z forum. Polecam sprawdzenie jak wygląda shoutbox na telefonach. Niestety, menu są w tej formie totalnie przerośnięte (i tak planujemy uproszczenie kategorii - zamianę części rzeczy na tagi), i brakuje fastbaru (chociaż uploader został upchnięty w inne menu :P).
Wersja szeroka:
Wersja mobilna:
i z otwartym shoutboxem:
GMCLAN.org
Trwa ładowanie...