Kodowanie layoutu dla serwisu o brydżu

Miesięcznik „Brydż” ukazuje się od 1956 roku, a od kilku lat wydawany jest także w internecie: w archiwum serwisu jest ponad tysiąc artykułów z wydania papierowego, a obok nich systemy licytacyjne i zdigitalizowane książki. Redakcja przygotowała z grafikiem dokładne wizualizacje nowej części nagłówkowej artykułów – kategoria na pasku, wyśrodkowany tytuł i autor, numer wydania i data dosunięte do stałych osi, grafika nagłówkowa w zadanych proporcjach – i oczekiwała odwzorowania jeden do jednego, także na telefonach. Archiwalne teksty chciała przełączać na nowy wygląd we własnym tempie, bez modyfikowania treści pod zdjęciem i bez wymiany motywu.

Nowy szablon wpisu dodałem w motywie potomnym, więc aktualizacje motywu bazowego niczego nie nadpisują. Szablon nie włącza się sam: redaktor wybiera go w ustawieniach wpisu, dodaje grafikę nagłówkową i sprawdza numer wydania, datę, autora i kategorię – resztę nagłówka generuje szablon z danych artykułu. Dotychczasowy układ pozostał domyślny, a mechanizm wyboru jest gotowy na kolejne warianty szablonów.

Część nagłówkową odwzorowałem z wizualizacji redakcji co do proporcji, odstępów i krojów pisma. Przy okazji naprawiłem ładowanie fontów w motywie: zasoby pobierane po HTTP sprawiały, że przeglądarki podstawiały zastępczy krój także w górnym menu. Wersja na telefony skaluje cały układ zamiast go upraszczać – pasek kategorii zachowuje proporcje, a numer wydania i data zostają w jednej linii nawet przy 320 px. Prace szły etapami na kopii testowej: trzy rundy uwag redakcji dotyczyły już tylko detali, a po akceptacji wdrożyłem całość na domenie głównej.