{"id":342,"date":"2025-08-11T13:40:45","date_gmt":"2025-08-11T11:40:45","guid":{"rendered":"https:\/\/hilaris-blonie.pl\/?page_id=342"},"modified":"2026-08-18T15:48:44","modified_gmt":"2026-08-18T13:48:44","slug":"kadra","status":"publish","type":"page","link":"https:\/\/hilaris-blonie.pl\/?page_id=342","title":{"rendered":"Nasz zesp\u00f3\u0142"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"342\" class=\"elementor elementor-342\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fba1a0 e-flex e-con-boxed e-con e-parent\" data-id=\"4fba1a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2efd445 elementor-widget elementor-widget-html\" data-id=\"2efd445\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     HILARIS \u2014 SZKO\u0141A \u2192 NASZ ZESP\u00d3\u0141 (page_id=342)   [wersja responsywna]\r\n     WYMAGA rdzenia (hilaris-CORE.html).\r\n     \u25b8 AKTUALIZACJA: tablice ZARZAD, KADRA, SEKRETARIAT na dole pliku.\r\n        Pole w: numer klasy = wychowawstwo (pod\u015bwietla kart\u0119 i buduje sekcj\u0119\r\n        \u201eWychowawcy klas\u201d automatycznie).\r\n     ---------------------------------------------------------------------------\r\n     POPRAWKA W TEJ WERSJI \u2014 PRZEWIJANIE DO WYCHOWAWCY NA TELEFONIE\r\n     Po dotkni\u0119ciu klasy strona przewija\u0142a si\u0119 do karty wychowawcy, ale\r\n     przyklejony nag\u0142\u00f3wek zas\u0142ania\u0142 twarz. Pow\u00f3d: odst\u0119p od g\u00f3ry by\u0142 wpisany\r\n     na sztywno (110 px). Na komputerze pasowa\u0142, bo nag\u0142\u00f3wek ma tam mniej\r\n     wi\u0119cej tyle wysoko\u015bci. Na telefonie nag\u0142\u00f3wek jest znacznie wy\u017cszy \u2014\r\n     doklejaj\u0105 si\u0119 do niego pasek z nazw\u0105 plac\u00f3wki i pasek kafli\r\n     Kalendarz \/ Facebook \/ e-Dziennik \u2014 wi\u0119c karta l\u0105dowa\u0142a pod nim.\r\n     Teraz skrypt MIERZY rzeczywist\u0105 wysoko\u015b\u0107 wszystkiego, co wisi przy g\u00f3rnej\r\n     kraw\u0119dzi ekranu (funkcja wysokoscPrzyklejonych) i odsuwa kart\u0119 dok\u0142adnie\r\n     o tyle plus ma\u0142y oddech. Dzia\u0142a niezale\u017cnie od tego, czy nag\u0142\u00f3wek jest\r\n     rozwini\u0119ty, zwini\u0119ty, szkolny czy przedszkolny \u2014 i samo si\u0119 dostosuje,\r\n     gdyby nag\u0142\u00f3wek kiedy\u015b ur\u00f3s\u0142.\r\n     Dodatkowo po zako\u0144czeniu przewijania skrypt sprawdza wynik jeszcze raz\r\n     i poprawia pozycj\u0119, gdyby nag\u0142\u00f3wek zmieni\u0142 wysoko\u015b\u0107 w trakcie ruchu.\r\n     Odst\u0119p od nag\u0142\u00f3wka ustawia si\u0119 jedn\u0105 liczb\u0105: ODDECH_POD_MENU.\r\n     ---------------------------------------------------------------------------\r\n     CO NOWEGO W POPRZEDNICH WERSJACH\r\n     Na TELEFONIE nie zmieni\u0142o si\u0119 nic \u2014 strona wygl\u0105da i dzia\u0142a dok\u0142adnie tak\r\n     jak dot\u0105d. Wszystkie dodatki w\u0142\u0105czaj\u0105 si\u0119 dopiero od szeroko\u015bci 900 px,\r\n     czyli na komputerze i du\u017cym tablecie:\r\n       \u2022 PASEK NARZ\u0118DZI nad kadr\u0105 pedagogiczn\u0105:\r\n         \u2013 wyszukiwarka po nazwisku, przedmiocie i funkcji (33 osoby to du\u017co\r\n           przewijania; tu wystarczy wpisa\u0107 \u201eangielski\u201d albo \u201eKowalska\u201d)\r\n         \u2013 filtry tematyczne budowane automatycznie z opis\u00f3w: wychowawcy,\r\n           j\u0119zyki, edukacja wczesnoszkolna, przedmioty \u015bcis\u0142e, humanistyczne,\r\n           artystyczne, sport i zdrowie, \u015bwietlica, wsparcie ucznia\r\n         \u2013 licznik \u201ePokazujemy X z Y\u201d i przycisk wyczyszczenia filtr\u00f3w\r\n         \u2013 skr\u00f3t klawiszowy: uko\u015bnik \u201e\/\u201d ustawia kursor w wyszukiwarce\r\n       \u2022 PRZEGL\u0104DANIE ZDJ\u0118\u0106 w powi\u0119kszeniu: strza\u0142ki po bokach oraz klawisze\r\n         \u2190 i \u2192 przechodz\u0105 do poprzedniej\/nast\u0119pnej osoby bez zamykania okna\r\n       \u2022 SZERSZA SIATKA na du\u017cych ekranach\r\n       \u2022 pasek wychowawc\u00f3w klas na komputerze zostaje przyklejony pod\r\n         nag\u0142\u00f3wkiem sekcji, wi\u0119c mo\u017cna skaka\u0107 mi\u0119dzy klasami podczas czytania\r\n       \u2022 klikni\u0119cie klasy czy\u015bci filtry, \u017ceby karta wychowawcy na pewno by\u0142a\r\n         widoczna\r\n     WYGL\u0104D NA KOMPUTERZE:\r\n       \u2022 TRZY osoby w wierszu i szeroki, poziomy kadr 16\/10 \u2014 jak na uk\u0142adzie,\r\n         kt\u00f3ry sprawdza si\u0119 z kadrowaniem zdj\u0119\u0107 (wida\u0107 ca\u0142\u0105 sylwetk\u0119\r\n         z rekwizytem, nic nie jest uci\u0119te po bokach)\r\n       \u2022 po najechaniu kafelek unosi si\u0119 i minimalnie powi\u0119ksza, a przez\r\n         zdj\u0119cie raz przeje\u017cd\u017ca subtelna smuga \u015bwiat\u0142a (regulacja w bloku\r\n         \u201eREAKCJA NA NAJECHANIE\u201d)\r\n       \u2022 granatowy pasek \u201eNasz zesp\u00f3\u0142\u201d jest niski, a napis siedzi w lewym\r\n         g\u00f3rnym rogu\r\n       \u2022 usuni\u0119ty g\u00f3rny pasek bloku z nazw\u0105 szko\u0142y i telefonami \u2014 jest ju\u017c\r\n         globalny nag\u0142\u00f3wek strony\r\n     PORZ\u0104DKI:\r\n       \u2022 nag\u0142\u00f3wki sekcji stoj\u0105 r\u00f3wno w pionie \u2014 tyle samo miejsca nad\r\n         i pod nimi (jedna warto\u015b\u0107 --zs-oddech steruje wszystkimi)\r\n       \u2022 przycisk pod sekretariatem zamieniony na dyskretny odno\u015bnik\r\n         w stylu reszty strony (w\u0142osowa ramka, z\u0142ota strza\u0142ka)\r\n       \u2022 czcionka nag\u0142\u00f3wk\u00f3w i nazwisk \u2014 Source Serif 4 zamiast Fraunces\r\n         (ta sama czytelno\u015b\u0107, proste \u201eJ\u201d)\r\n       \u2022 przycisk zamkni\u0119cia powi\u0119kszenia: przydymione szk\u0142o, z\u0142ota obw\u00f3dka\r\n         i z\u0142oty znak, powolny puls i przep\u0142ywaj\u0105cy po\u0142ysk\r\n       \u2022 powi\u0119kszenie zdj\u0119cia jest nad wszystkim (okno przenoszone na koniec\r\n         strony), wi\u0119c nie zas\u0142ania go pasek menu, a po zamkni\u0119ciu strona\r\n         wraca w to samo miejsce\r\n       \u2022 pod zdj\u0119ciem kadry zosta\u0142 sam podpis \u201eProsimy dotkn\u0105\u0107 zdj\u0119cia\u2026\u201d\r\n       \u2022 zdj\u0119cia sekretariatu oko\u0142o dwa razy wi\u0119ksze\r\n       \u2022 panel \u201eWychowawcy klas\u201d przeniesiony POD kadr\u0119 zarz\u0105dzaj\u0105c\u0105, tu\u017c nad\r\n         kadr\u0119 pedagogiczn\u0105\r\n       \u2022 z\u0142ota plakietka wychowawcy na SPODZIE kafelka \u2014 imiona i nazwiska\r\n         stoj\u0105 w r\u00f3wnych wierszach niezale\u017cnie od tego, kto jest wychowawc\u0105\r\n       \u2022 usuni\u0119ta stopka bloku (jest ju\u017c globalna stopka strony)\r\n     ========================================================================== -->\r\n<!-- ============================================================================\r\n     CZCIONKA NAG\u0141\u00d3WK\u00d3W\r\n     Dotychczasowa (Fraunces) ma ozdobne, krzywe \u201eJ\". Zast\u0105piona przez\r\n     Source Serif 4: ten sam charakter szeryfowego nag\u0142\u00f3wka i ta sama\r\n     czytelno\u015b\u0107, ale litery s\u0105 proste i spokojne.\r\n     CHCESZ INN\u0104? Zmie\u0144 nazw\u0119 w dw\u00f3ch miejscach: w adresie poni\u017cej i w regule\r\n     \u201e.hx-zes h1, .hx-zes h2 \u2026\". Dobrze pasuj\u0105 te\u017c: Literata, Newsreader,\r\n     Bitter (wszystkie z Google Fonts, wszystkie z prostym \u201eJ\").\r\n     ============================================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\"\r\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap\">\r\n<style>\r\n\/* nag\u0142\u00f3wki, nazwiska i numery klas \u2014 wsz\u0119dzie tam, gdzie dot\u0105d by\u0142a Fraunces *\/\r\n.hx-zes h1,.hx-zes h2,.hx-zes h3,\r\n.hx-zes .hx-h,.hx-zes .zs-n,.hx-zes .zs-w b,\r\n.hx-zes .zs-cta b{\r\n  font-family:'Source Serif 4',Georgia,'Times New Roman',serif !important;\r\n  font-weight:700;letter-spacing:-.005em;}\r\n\/* \u2500\u2500 GRANATOWY PASEK \u201eNasz zesp\u00f3\u0142\" \u2500\u2500\r\n   Niski pasek zamiast wysokiego bloku: tre\u015b\u0107 wyr\u00f3wnana do lewej i do g\u00f3ry,\r\n   wi\u0119c nazwa sekcji siedzi w lewym g\u00f3rnym rogu. Wysoko\u015b\u0107 regulujesz\r\n   warto\u015bciami padding (g\u00f3ra \/ boki \/ d\u00f3\u0142). *\/\r\n.hx-zes .hx-hero{min-height:0!important;\r\n  padding:16px clamp(16px,2.4vw,28px) 18px!important;\r\n  display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;\r\n  text-align:left!important;}\r\n.hx-zes .hx-hero__c{margin:0!important;max-width:none!important;width:100%;}\r\n.hx-zes .hx-hero h1{margin:.06em 0 0!important;line-height:1.05!important;}\r\n.hx-zes .hx-hero .hx-kicker{margin:0 0 2px!important;}\r\n\/* podpis pod tytu\u0142em: od 1000 px trzymamy go w JEDNYM wierszu\r\n   (na w\u0119\u017cszych ekranach zawija si\u0119 normalnie) *\/\r\n.hx-zes .hx-hero__c > p:last-child{margin:6px 0 0!important;}\r\n@media (min-width:1000px){\r\n  .hx-zes .hx-hero__c > p:last-child{white-space:nowrap;}\r\n}\r\n\/* \u2500\u2500 ODST\u0118PY WOK\u00d3\u0141 NAG\u0141\u00d3WK\u00d3W SEKCJI \u2500\u2500\r\n   Nag\u0142\u00f3wek ma sta\u0107 dok\u0142adnie po\u015brodku mi\u0119dzy g\u00f3rn\u0105 kraw\u0119dzi\u0105 sekcji\r\n   a pierwszym zdj\u0119ciem: tyle samo miejsca nad, ile pod nim. Dlatego\r\n   sekcja i nag\u0142\u00f3wek dostaj\u0105 t\u0119 sam\u0105 warto\u015b\u0107 (--zs-oddech), a podpis pod\r\n   nag\u0142\u00f3wkiem jest do niego \u201epodci\u0105gany\", \u017ceby liczy\u0142y si\u0119 jako jedna ca\u0142o\u015b\u0107.\r\n   Chcesz lu\u017aniej lub cia\u015bniej? Zmie\u0144 jedn\u0105 liczb\u0119: --zs-oddech. *\/\r\n.hx-zes{--zs-oddech:38px;}\r\n.hx-zes .hx-sec{padding-top:var(--zs-oddech)!important;\r\n                padding-bottom:var(--zs-oddech)!important;}\r\n.hx-zes .hx-h{margin:0 0 var(--zs-oddech)!important;text-align:center;}\r\n.hx-zes .hx-sub{text-align:center;max-width:60ch;margin:calc(var(--zs-oddech) * -0.62) auto var(--zs-oddech)!important;}\r\n@media (min-width:900px){ .hx-zes{--zs-oddech:46px;} }\r\n\/* wychowawcy klas *\/\r\n.hx-zes .zs-wych{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}\r\n.hx-zes .zs-w{background:var(--paper);border:1px solid var(--line);border-radius:13px;\r\n  padding:9px 5px 11px;text-align:center;transition:border-color .3s ease,transform .18s ease;}\r\n.hx-zes .zs-w:active{transform:scale(.96);}\r\n.hx-zes .zs-w:hover{border-color:var(--gold);}\r\n.hx-zes .zs-w img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:center 18%;\r\n  margin:0 auto 7px;display:block;border:2px solid var(--paper);box-shadow:0 0 0 1.5px var(--line);}\r\n.hx-zes .zs-w b{display:block;font-size:1rem;line-height:1;\r\n  color:var(--navy);}\r\n.hx-zes .zs-w u{text-decoration:none;display:block;font-size:.62rem;color:var(--ink-2);\r\n  margin-top:4px;line-height:1.2;}\r\n\/* osoby *\/\r\n.hx-zes .zs-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;}\r\n\/* Wszystkie karty maj\u0105 z\u0142ot\u0105 ramk\u0119 \u2014 dyrektor wyr\u00f3\u017cnia si\u0119 grubsz\u0105 i cieniem. *\/\r\n.hx-zes .zs-p{position:relative;background:var(--paper);\r\n  border:1.5px solid var(--gold);border-radius:15px;\r\n  display:flex;flex-direction:column;\r\n  overflow:hidden;opacity:0;transform:translateY(14px);\r\n  transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;}\r\n.hx-zes .zs-p.in{opacity:1;transform:none;}\r\n.hx-zes .zs-p:hover{box-shadow:0 20px 36px -28px rgba(14,43,77,.6);}\r\n\/* \u2550\u2550 Z\u0141OTY ROZB\u0141YSK \u2550\u2550\r\n   Po wybraniu klasy na pasku wychowawc\u00f3w karta rozb\u0142yskuje: pulsuj\u0105ca z\u0142ota\r\n   po\u015bwiata plus smuga \u015bwiat\u0142a przesuwaj\u0105ca si\u0119 po kafelku. *\/\r\n@keyframes zs-glow{\r\n  0%  {box-shadow:0 0 0 0 rgba(217,164,23,.75), 0 0 26px 4px rgba(217,164,23,.55);}\r\n  70% {box-shadow:0 0 0 16px rgba(217,164,23,0), 0 0 44px 14px rgba(217,164,23,.22);}\r\n  100%{box-shadow:0 0 0 0 rgba(217,164,23,0),  0 0 0 0 rgba(217,164,23,0);}\r\n}\r\n@keyframes zs-pop{ 0%{transform:scale(1)} 22%{transform:scale(1.045)} 100%{transform:scale(1)} }\r\n.hx-zes .zs-p.hit{border-color:var(--gold);z-index:5;\r\n  animation:zs-glow 1.5s cubic-bezier(.22,1,.36,1) 2, zs-pop .9s cubic-bezier(.34,1.56,.64,1) 1;}\r\n@media (prefers-reduced-motion:reduce){\r\n  .hx-zes .zs-p.hit{animation:none;box-shadow:0 0 0 4px rgba(217,164,23,.45);}\r\n}\r\n\/* Ramka jest szersza ni\u017c klasyczny portret 3:4, bo cz\u0119\u015b\u0107 zdj\u0119\u0107 kadry ma\r\n   szersze orygina\u0142y \u2014 przy w\u0105skiej ramce ucina\u0142o im boki. Proporcja 1:1,08\r\n   to kompromis: minimalne przyci\u0119cie w poziomie przy zachowaniu charakteru\r\n   portretu. Punkt kadrowania ustawiasz globalnie tutaj albo osobno w polu p:. *\/\r\n.hx-zes .zs-ph{display:block;position:relative;aspect-ratio:var(--ar,1\/1.08);\r\n  overflow:hidden;background:var(--mist);cursor:zoom-in;}\r\n.hx-zes .zs-mag{position:absolute;right:8px;bottom:8px;z-index:2;width:30px;height:30px;\r\n  border-radius:50%;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);color:var(--navy);\r\n  display:grid;place-items:center;opacity:0;transform:scale(.85);\r\n  transition:opacity .25s ease,transform .25s ease;box-shadow:0 4px 12px -5px rgba(10,31,58,.6);}\r\n.hx-zes .zs-mag svg{width:15px;height:15px;}\r\n.hx-zes .zs-p:hover .zs-mag,.hx-zes .zs-ph:focus-visible .zs-mag{opacity:1;transform:none;}\r\n\/* na ekranach dotykowych ikona jest widoczna od razu \u2014 nie ma naje\u017cd\u017cania kursorem *\/\r\n@media (hover:none){ .hx-zes .zs-mag{opacity:.9;transform:none;} }\r\n.hx-zes .zs-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\r\n  object-position:var(--kadr,center 22%);transition:transform 1s cubic-bezier(.22,1,.36,1);}\r\n.hx-zes .zs-p:hover .zs-ph img{transform:scale(1.06);}\r\n\/* Plakietka wychowawcy jest pod zdj\u0119ciem, a nie na nim \u2014 na zdj\u0119ciu zas\u0142ania\u0142a\r\n   twarze. Musi mie\u015bci\u0107 si\u0119 w kafelku (\u201ewychowawczyni kl. VIII\" to 22 znaki,\r\n   a w siatce dwukolumnowej zostaje ok. 120 px), dlatego si\u0119 zawija.\r\n   Plakietka stoi POD nazwiskiem i opisem, dosuni\u0119ta do do\u0142u kafelka\r\n   (margin-top:auto). Dzi\u0119ki temu wiersze z imionami s\u0105 r\u00f3wne niezale\u017cnie od\r\n   tego, kto jest wychowawc\u0105, a wolne miejsce na dole kart nie zostaje puste. *\/\r\n.hx-zes .zs-badge{display:block;max-width:100%;width:fit-content;margin:10px auto 0;\r\n  font-size:.6rem;font-weight:800;letter-spacing:.06em;line-height:1.35;\r\n  background:var(--gold);color:#3B2A00;border-radius:9px;padding:4px 10px;\r\n  white-space:normal;overflow-wrap:anywhere;text-align:center;}\r\n.hx-zes .zs-info{padding:12px 14px 13px;text-align:center;\r\n  flex:1;display:flex;flex-direction:column;}\r\n.hx-zes .zs-n{display:block;font-weight:700;\r\n  font-size:.95rem;line-height:1.2;}\r\n.hx-zes .zs-r{display:block;font-size:.78rem;color:var(--ink-2);margin-top:5px;line-height:1.4;}\r\n.hx-zes .zs-p--big .zs-n{font-size:1.08rem;}\r\n.hx-zes .zs-p--big .zs-r{font-size:.85rem;color:var(--gold);font-weight:700;}\r\n\/* Dyrektor na pe\u0142nej szeroko\u015bci i wi\u0119kszym kadrze, wicedyrektorzy pod spodem. *\/\r\n.hx-zes .zs-grid--zarzad{grid-template-columns:1fr 1fr;}\r\n\/* Dyrektor szko\u0142y jest wyra\u017anie dominuj\u0105cym elementem galerii:\r\n   pe\u0142na szeroko\u015b\u0107 kolumny, szerszy kadr i najwi\u0119ksza typografia. *\/\r\n.hx-zes .zs-grid--zarzad > :first-child{grid-column:1 \/ -1;max-width:none;\r\n  margin:0 0 14px;border-width:3px;border-color:var(--gold);\r\n  box-shadow:0 26px 48px -34px rgba(14,43,77,.75);}\r\n.hx-zes .zs-grid--zarzad > :first-child .zs-ph{aspect-ratio:4\/3.9;}\r\n.hx-zes .zs-grid--zarzad > :first-child .zs-info{padding:20px 28px 24px;}\r\n.hx-zes .zs-grid--zarzad > :first-child .zs-n{font-size:1.55rem;line-height:1.15;\r\n  overflow-wrap:break-word;}\r\n.hx-zes .zs-grid--zarzad > :first-child .zs-r{font-size:.82rem;font-weight:800;\r\n  letter-spacing:.14em;text-transform:uppercase;margin-top:9px;}\r\n.hx-zes .zs-grid--zarzad > :not(:first-child) .zs-n{font-size:.95rem;}\r\n.hx-zes .zs-grid--zarzad > :not(:first-child) .zs-r{font-size:.78rem;}\r\n\/* Zdj\u0119cie grupowe pokazujemy w naturalnych proporcjach \u2014 nic nie przycinamy,\r\n   wi\u0119c wida\u0107 wszystkie osoby. Klikni\u0119cie otwiera powi\u0119kszenie. *\/\r\n.hx-zes .zs-team{position:relative;border-radius:var(--r);overflow:hidden;\r\n  border:1.5px solid var(--gold);background:var(--mist);cursor:zoom-in;\r\n  box-shadow:0 18px 34px -30px rgba(14,43,77,.6);}\r\n.hx-zes .zs-team img{width:100%;height:auto;display:block;}\r\n.hx-zes .zs-zoom{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;\r\n  gap:7px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);color:var(--navy);\r\n  border-radius:999px;padding:7px 13px;font-size:.74rem;font-weight:700;\r\n  box-shadow:0 4px 14px -6px rgba(10,31,58,.55);pointer-events:none;}\r\n.hx-zes .zs-zoom svg{width:14px;height:14px;}\r\n.hx-zes .zs-cap{font-size:.83rem;color:var(--ink-2);margin-top:12px;}\r\n\/* \u2550\u2550 POWI\u0118KSZENIE ZDJ\u0118CIA \u2550\u2550\r\n   UWAGA: regu\u0142y celowo NIE maj\u0105 przedrostka .hx-zes, poniewa\u017c skrypt przenosi\r\n   okno powi\u0119kszenia na sam koniec strony (poza blok). Dzi\u0119ki temu \u017caden\r\n   przyklejony pasek ani menu nie mo\u017ce go zas\u0142oni\u0107, a kolory nie zale\u017c\u0105 od\r\n   zmiennych rdzenia \u2014 s\u0105 wpisane wprost.\r\n   z-index 2147480000 jest wy\u017cszy ni\u017c nag\u0142\u00f3wek strony (9995). *\/\r\n.zs-lb{position:fixed;inset:0;z-index:2147480000;background:rgba(6,20,38,.95);\r\n  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);\r\n  display:flex;align-items:center;justify-content:center;padding:16px;\r\n  overscroll-behavior:contain;\r\n  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;}\r\n.zs-lb.on{opacity:1;visibility:visible;}\r\n.zs-lb img{max-width:100%;max-height:86vh;object-fit:contain;border-radius:12px;\r\n  box-shadow:0 30px 70px -30px rgba(0,0,0,.9);\r\n  transform:scale(.97);transition:transform .35s cubic-bezier(.22,1,.36,1);}\r\n.zs-lb.on img{transform:none;}\r\n.zs-lb__c{position:absolute;left:0;right:0;bottom:16px;text-align:center;color:#C9D8E4;\r\n  font-size:.82rem;padding:0 20px;margin:0;}\r\n\/* \u2500\u2500 PRZYCISK ZAMKNI\u0118CIA \u2500\u2500\r\n   Motyw malowa\u0142 tu w\u0142asne niebieskie ko\u0142o z krzywo osadzonym krzy\u017cykiem,\r\n   dlatego wszystko jest wyzerowane jawnie (appearance, t\u0142o, obramowanie,\r\n   wype\u0142nienie, wysoko\u015b\u0107 wiersza), a krzy\u017cyk jest wy\u015brodkowany siatk\u0105.\r\n   Wygl\u0105d: przydymione szk\u0142o, z\u0142ota obw\u00f3dka i z\u0142oty znak, po nim raz na jaki\u015b\r\n   czas przep\u0142ywa po\u0142ysk, a obw\u00f3dka bardzo wolno pulsuje.\r\n   \u2022 wolniejszy puls \u2192 zwi\u0119ksz 6s w animacji zs-x-puls\r\n   \u2022 rzadszy po\u0142ysk  \u2192 zwi\u0119ksz 7s w animacji zs-x-polysk\r\n   \u2022 mniej z\u0142ota     \u2192 zmie\u0144 #F0D98A na ja\u015bniejsz\u0105 lub bledsz\u0105 barw\u0119 *\/\r\n.zs-lb__x{\r\n  -webkit-appearance:none!important;appearance:none!important;\r\n  position:absolute;top:18px;right:18px;\r\n  width:54px!important;height:54px!important;min-width:0!important;min-height:0!important;\r\n  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;\r\n  font-size:0!important;line-height:0!important;letter-spacing:0!important;\r\n  background:radial-gradient(120% 120% at 30% 22%,rgba(255,255,255,.20),rgba(255,255,255,.06) 60%,rgba(255,255,255,.03))!important;\r\n  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);\r\n  color:#F0D98A!important;cursor:pointer;overflow:hidden;isolation:isolate;\r\n  display:grid!important;place-items:center!important;\r\n  box-shadow:0 0 0 1.5px rgba(240,217,138,.55),0 14px 30px -14px rgba(0,0,0,.85)!important;\r\n  animation:zs-x-puls 6s ease-in-out infinite;\r\n  transition:transform .35s cubic-bezier(.22,1,.36,1),color .3s ease;}\r\n.zs-lb__x svg{width:22px!important;height:22px!important;display:block;\r\n  stroke:currentColor;fill:none;overflow:visible;}\r\n.zs-lb__x::before{content:\"\";position:absolute;inset:-45%;z-index:-1;pointer-events:none;\r\n  background:linear-gradient(100deg,rgba(255,255,255,0) 42%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 58%);\r\n  transform:translateX(-140%) skewX(-16deg);\r\n  animation:zs-x-polysk 7s ease-in-out infinite;}\r\n.zs-lb__x:hover{transform:rotate(90deg) scale(1.07);color:#fff!important;}\r\n.zs-lb__x:focus-visible{outline:2px solid #F0D98A;outline-offset:3px;}\r\n@keyframes zs-x-puls{\r\n  0%,100%{box-shadow:0 0 0 1.5px rgba(240,217,138,.45),0 0 0 0 rgba(240,217,138,0),0 14px 30px -14px rgba(0,0,0,.85);}\r\n  50%    {box-shadow:0 0 0 1.5px rgba(240,217,138,.9), 0 0 26px 5px rgba(240,217,138,.16),0 14px 30px -14px rgba(0,0,0,.85);}\r\n}\r\n@keyframes zs-x-polysk{\r\n  0%,62%{transform:translateX(-140%) skewX(-16deg);}\r\n  86%,100%{transform:translateX(140%) skewX(-16deg);}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .zs-lb__x{animation:none;}\r\n  .zs-lb__x::before{display:none;}\r\n}\r\n@media (min-width:900px){\r\n  .hx-zes .zs-hero{min-height:46vh;padding:54px var(--pad) 46px;}\r\n  .hx-zes .zs-wych{grid-template-columns:repeat(8,1fr);gap:12px;}\r\n  .hx-zes .zs-w img{width:56px;height:56px;}\r\n  .hx-zes .zs-w b{font-size:1.15rem;}\r\n  .hx-zes .zs-w u{font-size:.68rem;}\r\n  \/* TRZY OSOBY W WIERSZU i szeroki kadr \u2014 tak jak na stronie, kt\u00f3ra si\u0119\r\n     sprawdza: pozioma ramka pokazuje ca\u0142\u0105 sylwetk\u0119 z rekwizytem, nic nie jest\r\n     uci\u0119te po bokach. Proporcj\u0119 zmieniasz w aspect-ratio (16\/10 = szeroko,\r\n     3\/2 = troch\u0119 wy\u017cej), punkt kadrowania w object-position ni\u017cej. *\/\r\n  .hx-zes .zs-grid{grid-template-columns:repeat(3,1fr);gap:20px;}\r\n  .hx-zes .zs-grid:not(.zs-grid--zarzad) .zs-ph{aspect-ratio:var(--ar,16\/10);}\r\n  .hx-zes .zs-grid--zarzad{grid-template-columns:1fr 1fr;max-width:700px;margin:0 auto;}\r\n  .hx-zes .zs-grid--zarzad > :first-child{max-width:none;margin-bottom:18px;}\r\n  .hx-zes .zs-grid--zarzad > :first-child .zs-ph{aspect-ratio:16\/10;}\r\n  .hx-zes .zs-grid--zarzad > :first-child .zs-info{padding:26px 44px 30px;}\r\n  .hx-zes .zs-grid--zarzad > :first-child .zs-n{font-size:2.1rem;}\r\n  .hx-zes .zs-grid--zarzad > :first-child .zs-r{font-size:.88rem;}\r\n  .hx-zes .zs-info{padding:14px 14px 14px;}\r\n  .hx-zes .zs-n{font-size:1.05rem;}\r\n  .hx-zes .zs-r{font-size:.85rem;}\r\n  .hx-zes .zs-badge{font-size:.65rem;border-radius:999px;padding:4px 13px;white-space:nowrap;\r\n    margin-top:12px;}\r\n}\r\n@media (prefers-reduced-motion:reduce){ .hx-zes .zs-p{opacity:1;transform:none;} }\r\n\/* \u2550\u2550 REAKCJA NA NAJECHANIE (tylko komputer z mysz\u0105) \u2550\u2550\r\n   Kafelek delikatnie unosi si\u0119 i powi\u0119ksza, a po zdj\u0119ciu raz przeje\u017cd\u017ca\r\n   mi\u0119kka smuga \u015bwiat\u0142a. Si\u0142\u0119 b\u0142ysku zmieniasz kryciem w rgba(...),\r\n   tempo \u2014 czasem animacji (1.1s), a powi\u0119kszenie warto\u015bci\u0105 scale(1.025). *\/\r\n@keyframes zs-blysk{ from{transform:translateX(-130%) skewX(-14deg);}\r\n                     to  {transform:translateX(130%)  skewX(-14deg);} }\r\n@media (min-width:900px) and (hover:hover){\r\n  .hx-zes .zs-grid:not(.zs-grid--zarzad) .zs-p{\r\n    transition:opacity .55s ease,transform .45s cubic-bezier(.22,1,.36,1),\r\n               box-shadow .4s ease,border-color .3s ease;}\r\n  .hx-zes .zs-grid:not(.zs-grid--zarzad) .zs-p.in:hover{\r\n    transform:translateY(-6px) scale(1.025);z-index:4;\r\n    box-shadow:0 26px 44px -26px rgba(14,43,77,.55);}\r\n  .hx-zes .zs-ph::after{content:\"\";position:absolute;inset:-10% -30%;z-index:1;\r\n    pointer-events:none;opacity:0;\r\n    background:linear-gradient(100deg,\r\n      rgba(255,255,255,0) 38%,\r\n      rgba(255,255,255,.34) 50%,\r\n      rgba(255,255,255,0) 62%);\r\n    transform:translateX(-130%) skewX(-14deg);}\r\n  .hx-zes .zs-p:hover .zs-ph::after{opacity:1;animation:zs-blysk 1.1s ease-out;}\r\n  .hx-zes .zs-p:hover .zs-ph img{transform:scale(1.04);}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .hx-zes .zs-p.in:hover{transform:none!important;}\r\n  .hx-zes .zs-ph::after{display:none;}\r\n}\r\n\/* ============================================================================\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550  D O D A T K I   N A   K O M P U T E R Z E  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ---------------------------------------------------------------------------\r\n   Wszystko poni\u017cej dzia\u0142a dopiero od 900 px szeroko\u015bci. Na telefonie te\r\n   elementy s\u0105 ukryte (display:none), wi\u0119c widok telefonu pozostaje bez zmian.\r\n   Skasowanie ca\u0142ego bloku przywraca poprzedni\u0105 wersj\u0119 strony.\r\n   ============================================================================ *\/\r\n\/* pasek narz\u0119dzi: wyszukiwarka + filtry (domy\u015blnie schowany = telefon) *\/\r\n.hx-zes .zs-tools{display:none;}\r\n.hx-zes .zs-pusto{display:none;}\r\n.hx-zes .zs-p.zs-off{display:none;}\r\n@media (min-width:900px){\r\n  .hx-zes .zs-tools{\r\n    display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;\r\n    margin:0 auto 22px;max-width:1000px;}\r\n  \/* pole wyszukiwania \u2014 motyw nadaje polom w\u0142asne t\u0142o i obramowanie,\r\n     dlatego wygl\u0105d ustawiamy jawnie *\/\r\n  .hx-zes .zs-search{position:relative;flex:0 1 330px;min-width:240px;}\r\n  .hx-zes .zs-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);\r\n    width:16px;height:16px;color:var(--ink-2);pointer-events:none;}\r\n  .hx-zes .zs-search input{\r\n    -webkit-appearance:none!important;appearance:none!important;\r\n    width:100%!important;height:44px!important;margin:0!important;\r\n    padding:0 38px 0 40px!important;\r\n    border:1.5px solid var(--line)!important;border-radius:999px!important;\r\n    background:var(--paper)!important;color:var(--ink)!important;\r\n    font-family:inherit!important;font-size:.92rem!important;font-weight:600!important;\r\n    box-shadow:none!important;outline:none;transition:border-color .2s ease;}\r\n  .hx-zes .zs-search input:focus{border-color:var(--gold)!important;}\r\n  .hx-zes .zs-search input::placeholder{color:var(--ink-2);font-weight:500;}\r\n  \/* krzy\u017cyk czyszcz\u0105cy pole *\/\r\n  .hx-zes .zs-x{\r\n    -webkit-appearance:none!important;appearance:none!important;\r\n    position:absolute;right:6px;top:50%;transform:translateY(-50%);\r\n    width:30px!important;height:30px!important;min-width:0!important;min-height:0!important;\r\n    margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;\r\n    background:transparent!important;box-shadow:none!important;\r\n    color:var(--ink-2)!important;cursor:pointer;display:none;place-items:center;}\r\n  .hx-zes .zs-x svg{position:static;transform:none;width:14px;height:14px;}\r\n  .hx-zes .zs-x:hover{background:rgba(14,43,77,.07)!important;}\r\n  .hx-zes .zs-search.ma-tekst .zs-x{display:grid;}\r\n  \/* filtry tematyczne *\/\r\n  .hx-zes .zs-chips{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;}\r\n  .hx-zes .zs-chip{\r\n    -webkit-appearance:none!important;appearance:none!important;\r\n    height:36px!important;min-width:0!important;min-height:0!important;\r\n    margin:0!important;padding:0 15px!important;\r\n    border:1.5px solid var(--line)!important;border-radius:999px!important;\r\n    background:var(--paper)!important;color:var(--ink-2)!important;\r\n    font-family:inherit!important;font-size:.8rem!important;font-weight:800!important;\r\n    line-height:1!important;letter-spacing:0!important;box-shadow:none!important;\r\n    cursor:pointer;display:inline-flex!important;align-items:center!important;gap:6px;\r\n    transition:background .2s ease,color .2s ease,border-color .2s ease;}\r\n  .hx-zes .zs-chip:hover{border-color:var(--gold)!important;color:var(--navy)!important;}\r\n  .hx-zes .zs-chip small{font-size:.72rem;opacity:.65;font-weight:700;}\r\n  .hx-zes .zs-chip.on{background:var(--gold)!important;border-color:var(--gold)!important;\r\n    color:#3B2A00!important;}\r\n  .hx-zes .zs-chip.on small{opacity:.75;}\r\n  \/* licznik wynik\u00f3w + \u201ewyczy\u015b\u0107\" *\/\r\n  .hx-zes .zs-count{flex:0 0 100%;text-align:center;font-size:.82rem;color:var(--ink-2);\r\n    margin:2px 0 0;}\r\n  .hx-zes .zs-count b{color:var(--navy);font-weight:800;}\r\n  .hx-zes .zs-reset{\r\n    -webkit-appearance:none!important;appearance:none!important;\r\n    margin:0 0 0 8px!important;padding:0!important;border:0!important;\r\n    background:transparent!important;box-shadow:none!important;\r\n    color:var(--navy)!important;font-family:inherit!important;font-size:.82rem!important;\r\n    font-weight:800!important;cursor:pointer;text-decoration:underline;\r\n    text-underline-offset:3px;display:none;}\r\n  .hx-zes .zs-tools.filtruje .zs-reset{display:inline;}\r\n  \/* komunikat, gdy nic nie pasuje *\/\r\n  .hx-zes .zs-pusto{display:none;text-align:center;color:var(--ink-2);font-size:.92rem;\r\n    padding:26px 0;}\r\n  .hx-zes .zs-pusto.on{display:block;}\r\n  \/* pasek wychowawc\u00f3w przyklejony przy przewijaniu (tylko komputer).\r\n     56px odsuwa go od g\u00f3rnego nag\u0142\u00f3wka strony \u2014 gdyby nag\u0142\u00f3wek by\u0142 wy\u017cszy,\r\n     zwi\u0119ksz t\u0119 warto\u015b\u0107. *\/\r\n  .hx-zes .zs-wych{position:sticky;top:56px;z-index:6;\r\n    background:var(--paper);padding:10px;margin:0 -10px;border-radius:16px;\r\n    box-shadow:0 10px 24px -22px rgba(14,43,77,.9);}\r\n  \/* strza\u0142ki przegl\u0105dania w powi\u0119kszeniu *\/\r\n  .zs-lb__nav{\r\n    -webkit-appearance:none!important;appearance:none!important;\r\n    position:absolute;top:50%;transform:translateY(-50%);\r\n    width:50px!important;height:50px!important;min-width:0!important;min-height:0!important;\r\n    margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;\r\n    background:rgba(255,255,255,.16)!important;box-shadow:none!important;\r\n    color:#fff!important;cursor:pointer;display:grid!important;place-items:center!important;\r\n    transition:background .2s ease;}\r\n  .zs-lb__nav:hover{background:rgba(255,255,255,.3)!important;}\r\n  .zs-lb__nav svg{width:22px;height:22px;}\r\n  .zs-lb__nav--prev{left:18px;}\r\n  .zs-lb__nav--next{right:18px;}\r\n  .zs-lb img{max-width:calc(100% - 180px);}\r\n}\r\n\/* strza\u0142ki s\u0105 ukryte na telefonie \u2014 tam zostaje dotkni\u0119cie t\u0142a i krzy\u017cyk *\/\r\n@media (max-width:899px){ .zs-lb__nav{display:none!important;} }\r\n\/* Sekcja \u201eWychowawcy klas\" stoi teraz tu\u017c nad kadr\u0105 pedagogiczn\u0105. Obie maj\u0105\r\n   bia\u0142e t\u0142o, wi\u0119c \u015bcinamy dolny odst\u0119p, \u017ceby mi\u0119dzy nimi nie by\u0142o pustego pasa. *\/\r\n.hx-zes #zsWychSec{padding-bottom:6px;}\r\n\/* \u2500\u2500 szersza siatka na du\u017cych monitorach \u2500\u2500\r\n   Na du\u017cym monitorze nadal TRZY osoby w wierszu \u2014 rosn\u0105 same kafelki,\r\n   bo szerszy jest pas tre\u015bci. Chcesz cztery? Wpisz repeat(4,1fr). *\/\r\n@media (min-width:1400px){\r\n  .hx-zes .hx-app{max-width:min(1440px,94vw);margin-left:auto;margin-right:auto;}\r\n  .hx-zes .zs-grid{gap:24px;}\r\n}\r\n\/* \u2550\u2550 DYSKRETNY ODNO\u015aNIK \u201eGodziny otwarcia i kontakt\u2026\" \u2550\u2550\r\n   Zamiast ci\u0119\u017ckiego przycisku \u2014 cichy pasek w duchu reszty strony:\r\n   przezroczyste t\u0142o, w\u0142osowa ramka w kolorze linii, granatowy tekst i z\u0142ota\r\n   strza\u0142ka. Po najechaniu ramka robi si\u0119 z\u0142ota, t\u0142o dostaje ledwie widoczny\r\n   z\u0142oty welon, a strza\u0142ka przesuwa si\u0119 o 3 px. \u017badnych cieni ani gradient\u00f3w.\r\n   Chcesz mocniej? Zwi\u0119ksz krycie w rgba(201,162,39,.05). *\/\r\n.hx-zes .zs-cta-wrap{text-align:center;margin:calc(var(--zs-oddech) * .62) 0 0;}\r\n.hx-zes .zs-cta{\r\n  display:inline-flex;align-items:center;gap:11px;\r\n  padding:11px 20px;border-radius:999px;\r\n  border:1px solid var(--line);background:transparent;\r\n  color:var(--navy)!important;text-decoration:none!important;\r\n  font-size:.92rem;font-weight:700;line-height:1.2;\r\n  transition:border-color .3s ease,background .3s ease,color .3s ease;}\r\n.hx-zes .zs-cta:link,.hx-zes .zs-cta:visited,.hx-zes .zs-cta:active{color:var(--navy)!important;}\r\n.hx-zes .zs-cta__go{flex:none;display:grid;place-items:center;width:18px;height:18px;\r\n  color:var(--gold);transition:transform .3s cubic-bezier(.22,1,.36,1);}\r\n.hx-zes .zs-cta__go svg{width:18px;height:18px;display:block;}\r\n@media (hover:hover){\r\n  .hx-zes .zs-cta:hover{border-color:rgba(201,162,39,.75);background:rgba(201,162,39,.05);}\r\n  .hx-zes .zs-cta:hover .zs-cta__go{transform:translateX(3px);}\r\n}\r\n.hx-zes .zs-cta:active{transform:scale(.99);}\r\n.hx-zes .zs-cta:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}\r\n\/* \u2550\u2550 PO\u0141YSK NA ZDJ\u0118CIACH GRUPOWYCH \u2550\u2550\r\n   Ten sam efekt co na kafelkach kadry \u2014 dotyczy zdj\u0119cia kadry i pracownik\u00f3w\r\n   obs\u0142ugi (wcze\u015bniej te dwa zdj\u0119cia nie mia\u0142y b\u0142ysku). *\/\r\n.hx-zes .zs-team{isolation:isolate;}\r\n.hx-zes .zs-team img{transition:transform 1s cubic-bezier(.22,1,.36,1);}\r\n@media (min-width:900px) and (hover:hover){\r\n  .hx-zes .zs-team::before{content:\"\";position:absolute;inset:-10% -30%;z-index:2;\r\n    pointer-events:none;opacity:0;\r\n    background:linear-gradient(100deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.30) 50%,rgba(255,255,255,0) 62%);\r\n    transform:translateX(-130%) skewX(-14deg);}\r\n  .hx-zes .zs-team:hover::before{opacity:1;animation:zs-blysk 1.15s ease-out;}\r\n  .hx-zes .zs-team:hover img{transform:scale(1.02);}\r\n  .hx-zes .zs-team:hover{box-shadow:0 26px 44px -28px rgba(14,43,77,.75);}\r\n}\r\n\/* SEKRETARIAT \u2014 dwie osoby, ale zdj\u0119cia maj\u0105 by\u0107 du\u017ce: pas o szeroko\u015bci\r\n   980 px daje kafelki mniej wi\u0119cej dwa razy wi\u0119ksze ni\u017c wcze\u015bniej (by\u0142o 520 px\r\n   na dwie kolumny). Chcesz jeszcze wi\u0119ksze? Zwi\u0119ksz 980px. *\/\r\n@media (min-width:900px){\r\n  .hx-zes #zsSekr{grid-template-columns:1fr 1fr!important;\r\n    max-width:980px;margin-left:auto;margin-right:auto;}\r\n  .hx-zes #zsSekr .zs-ph{aspect-ratio:var(--ar,16\/11);}\r\n  .hx-zes #zsSekr .zs-n{font-size:1.25rem;}\r\n  .hx-zes #zsSekr .zs-r{font-size:.92rem;}\r\n}\r\n<\/style>\r\n<section class=\"hx hx-zes\" id=\"hil-zespol\">\r\n <div class=\"hx-app\">\r\n  <a class=\"hx-back\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=345\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H6M11 6l-6 6 6 6\"\/><\/svg>\r\n    Szko\u0142a Podstawowa\r\n  <\/a>\r\n  <div class=\"hx-hero hx-hero--plain\" style=\"background:var(--navy)\">\r\n    <div class=\"hx-hero__c\">\r\n      <p class=\"hx-kicker\">O nas<\/p>\r\n      <h1 style=\"color:#fff\"><span class=\"hx-ln\"><i>Nasz zesp\u00f3\u0142<\/i><\/span><\/h1>\r\n      <p style=\"color:#CFDDE8;font-size:.89rem;margin-top:10px\">\r\n        Ludzie, kt\u00f3rzy codziennie towarzysz\u0105 naszym uczniom \u2014 od pierwszej klasy\r\n        po egzamin \u00f3smoklasisty.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"hx-sec\">\r\n    <div class=\"zs-team\" data-x>\r\n      <img decoding=\"async\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/1-scaled.jpg\"\r\n           alt=\"Kadra pedagogiczna Szko\u0142y Podstawowej Hilaris\"\r\n           data-lb=\"Kadra pedagogiczna Szko\u0142y Podstawowej Hilaris\" fetchpriority=\"high\">\r\n      <span class=\"zs-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m16.5 16.5 4 4M11 8.4v5.2M8.4 11h5.2\"\/><\/svg>Powi\u0119ksz<\/span>\r\n    <\/div>\r\n    <p class=\"zs-cap\" data-x>Prosimy dotkn\u0105\u0107 zdj\u0119cia, aby je powi\u0119kszy\u0107.<\/p>\r\n  <\/div>\r\n  <div class=\"hx-sec hx-sec--mist\">\r\n    <h2 class=\"hx-h\" data-x>Kadra zarz\u0105dzaj\u0105ca<\/h2>\r\n    <div class=\"zs-grid zs-grid--zarzad\" id=\"zsZarzad\"><\/div>\r\n  <\/div>\r\n  <div class=\"hx-sec\" id=\"zsWychSec\">\r\n    <h2 class=\"hx-h\" data-x>Wychowawcy klas<\/h2>\r\n    <p class=\"hx-sub\" data-x>Prosimy dotkn\u0105\u0107 klasy, aby przej\u015b\u0107 do karty wychowawcy.<\/p>\r\n    <div class=\"zs-wych\" id=\"zsWych\"><\/div>\r\n  <\/div>\r\n  <div class=\"hx-sec\">\r\n    <h2 class=\"hx-h\" data-x>Kadra pedagogiczna<\/h2>\r\n    <p class=\"hx-sub\" data-x id=\"zsKadraSub\">\u2014<\/p>\r\n    <!-- DODATEK NA KOMPUTERZE: wyszukiwarka i filtry (na telefonie ukryte) -->\r\n    <div class=\"zs-tools\" id=\"zsTools\">\r\n      <label class=\"zs-search\" id=\"zsSearchBox\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m16.5 16.5 4 4\"\/><\/svg>\r\n        <input id=\"zsSearch\" type=\"search\" autocomplete=\"off\"\r\n               placeholder=\"Szukaj: nazwisko, przedmiot, funkcja\u2026\"\r\n               aria-label=\"Szukaj w kadrze pedagogicznej\">\r\n        <button class=\"zs-x\" id=\"zsSearchX\" type=\"button\" aria-label=\"Wyczy\u015b\u0107 wyszukiwanie\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6 6 18\"\/><\/svg>\r\n        <\/button>\r\n      <\/label>\r\n      <div class=\"zs-chips\" id=\"zsChips\"><\/div>\r\n      <p class=\"zs-count\" id=\"zsCount\">\u2014<button class=\"zs-reset\" id=\"zsReset\" type=\"button\">wyczy\u015b\u0107 filtry<\/button><\/p>\r\n    <\/div>\r\n    <div class=\"zs-grid\" id=\"zsKadra\"><\/div>\r\n    <p class=\"zs-pusto\" id=\"zsPusto\">Nikt nie pasuje do wpisanych s\u0142\u00f3w. Prosimy spr\u00f3bowa\u0107 innego\r\n      nazwiska albo przedmiotu.<\/p>\r\n  <\/div>\r\n  <div class=\"hx-sec hx-sec--mist\">\r\n    <h2 class=\"hx-h\" data-x>Sekretariat<\/h2>\r\n    <p class=\"hx-sub\" data-x>Pierwszy kontakt w sprawach formalnych.<\/p>\r\n    <div class=\"zs-grid\" id=\"zsSekr\"><\/div>\r\n    <!-- jeden, bardzo dyskretny odno\u015bnik zamiast dw\u00f3ch przycisk\u00f3w -->\r\n    <p class=\"zs-cta-wrap\" data-x>\r\n      <a class=\"zs-cta\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=2737\">\r\n        <span class=\"zs-cta__t\">Godziny otwarcia i kontakt do sekretariatu<\/span>\r\n        <span class=\"zs-cta__go\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M12.5 6.5l6 5.5-6 5.5\"\/><\/svg>\r\n        <\/span>\r\n      <\/a>\r\n    <\/p>\r\n  <\/div>\r\n  <div class=\"hx-sec\">\r\n    <h2 class=\"hx-h\" data-x>Pracownicy obs\u0142ugi<\/h2>\r\n    <p class=\"hx-sub\" data-x>Zesp\u00f3\u0142, dzi\u0119ki kt\u00f3remu szko\u0142a dzia\u0142a ka\u017cdego dnia.<\/p>\r\n    <div class=\"zs-team\" data-x>\r\n      <img decoding=\"async\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/39-scaled.jpg\"\r\n           alt=\"Pracownicy obs\u0142ugi Szko\u0142y Podstawowej Hilaris\"\r\n           data-lb=\"Pracownicy obs\u0142ugi Szko\u0142y Podstawowej Hilaris\" loading=\"lazy\">\r\n      <span class=\"zs-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m16.5 16.5 4 4M11 8.4v5.2M8.4 11h5.2\"\/><\/svg>Powi\u0119ksz<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"hx-sec hx-sec--mist\">\r\n    <h2 class=\"hx-h\" data-x>Poznaj nas bli\u017cej<\/h2>\r\n    <div class=\"hx-grid\" style=\"--cols:2;--cols-d:4\" id=\"zsTiles\"><\/div>\r\n  <\/div>\r\n  <div class=\"zs-lb\" id=\"zsLb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Powi\u0119kszone zdj\u0119cie\">\r\n    <button class=\"zs-lb__x\" id=\"zsLbX\" type=\"button\" aria-label=\"Zamknij\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6 6 18\"\/><\/svg>\r\n    <\/button>\r\n    <!-- DODATEK NA KOMPUTERZE: przechodzenie mi\u0119dzy zdj\u0119ciami -->\r\n    <button class=\"zs-lb__nav zs-lb__nav--prev\" id=\"zsLbPrev\" type=\"button\" aria-label=\"Poprzednie zdj\u0119cie\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 6l-6 6 6 6\"\/><\/svg>\r\n    <\/button>\r\n    <button class=\"zs-lb__nav zs-lb__nav--next\" id=\"zsLbNext\" type=\"button\" aria-label=\"Nast\u0119pne zdj\u0119cie\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 6l6 6-6 6\"\/><\/svg>\r\n    <\/button>\r\n    <img decoding=\"async\" id=\"zsLbImg\" src=\"\" alt=\"\">\r\n    <p class=\"zs-lb__c\" id=\"zsLbC\"><\/p>\r\n  <\/div>\r\n  <nav class=\"hx-bar\" aria-label=\"Szybkie akcje\">\r\n    <a href=\"https:\/\/hilaris-blonie.pl\/?page_id=345\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H6M11 6l-6 6 6 6\"\/><\/svg>\r\n      Szko\u0142a<\/a>\r\n    <a class=\"is-main\" href=\"https:\/\/portal.librus.pl\/rodzina\" target=\"_blank\" rel=\"noopener\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2.5\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg>\r\n      e-Dziennik<\/a>\r\n    <a href=\"tel:+48224985525\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .8-.2 1l-2.3 2.2z\"\/><\/svg>\r\n      Zadzwo\u0144<\/a>\r\n  <\/nav>\r\n <\/div>\r\n<\/section>\r\n<script>\r\n(function(){\r\n  var ROOT = document.getElementById('hil-zespol');\r\n  if(!ROOT) return;\r\n  function __start(){\r\n  var ic = HX.ic, U = 'https:\/\/hilaris-blonie.pl\/?page_id=';\r\n  var F = 'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/';\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \u25bc JEDYNE MIEJSCE DO EDYCJI \u25bc\r\n     n \u2014 imi\u0119 i nazwisko \u00b7 r \u2014 funkcja \u00b7 f \u2014 plik zdj\u0119cia\r\n     w \u2014 numer klasy, je\u015bli osoba jest wychowawc\u0105 lub wychowawczyni\u0105 (np. 'IV')\r\n     g \u2014 rodzaj: 'm' dla m\u0119\u017cczyzny; brak = kobieta (decyduje o brzmieniu plakietki)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  var ZARZAD = [\r\n    {n:'Agnieszka Ositek',   r:'Dyrektor szko\u0142y',    f:'32-scaled.jpg'},\r\n    {n:'Marta Piotrowska',   r:'Wicedyrektor szko\u0142y', f:'25-scaled.jpg'},\r\n    {n:'Krystian Ciszewski', r:'Wicedyrektor szko\u0142y', f:'31-scaled.jpg', g:'m'}\r\n  ];\r\n  var KADRA = [\r\n    {n:'Agnieszka Badach', f:'10-scaled.jpg', r:'Nauczycielka wspomagaj\u0105ca w klasie II, zaj\u0119cia rozwijaj\u0105ce zainteresowania \u2014 szachy'},\r\n    {n:'Dariusz Badach', f:'11-scaled.jpg', r:'Nauczyciel wychowania fizycznego, zaj\u0119cia na basenie'},\r\n    {n:'Jakub Bargie\u0142', f:'55-scaled.jpg', r:'Nauczyciel doradztwa zawodowego'},\r\n    {n:'Jakub Borkowski', f:'15-scaled.jpg', r:'Nauczyciel historii i wiedzy o spo\u0142ecze\u0144stwie \u2014 dwuj\u0119zycznie'},\r\n    {n:'Aleksandra Chada\u0142a', f:'17-scaled.jpg', w:'I', r:'Nauczycielka edukacji wczesnoszkolnej'},\r\n    {n:'Katarzyna Chlebowska', f:'21-scaled.jpg', r:'Wychowawczyni \u015bwietlicy'},\r\n    {n:'Beata Ciszewska', f:'7-scaled.jpg', w:'VIII', r:'Nauczycielka j\u0119zyka niemieckiego, geografii i techniki'},\r\n    {n:'Krystian Ciszewski', f:'30-scaled.jpg', w:'VII', g:'m', r:'Nauczyciel j\u0119zyka niemieckiego, geografii i edukacji dla bezpiecze\u0144stwa'},\r\n    {n:'Aneta Domuracka', f:'51-scaled.jpg', r:'Nauczycielka plastyki'},\r\n    {n:'Magdalena G\u0142owacka', f:'2-scaled.jpg', r:'Nauczycielka edukacji zdrowotnej'},\r\n    {n:'Krystyna Janiak', f:'9-scaled.jpg', w:'IV', r:'Nauczycielka j\u0119zyka polskiego, wychowawczyni \u015bwietlicy'},\r\n    {n:'Krystyna Kania', f:'14-scaled.jpg', r:'Nauczycielka j\u0119zyka hiszpa\u0144skiego'},\r\n    {n:'Agnieszka Koprianiuk-Korczak', f:'36-scaled.jpg', r:'Nauczycielka etyki'},\r\n    {n:'Ma\u0142gorzata Kowalska', f:'24-scaled.jpg', r:'Nauczycielka j\u0119zyka niemieckiego, zaj\u0119cia rozwijaj\u0105ce zainteresowania \u2014 ceramika'},\r\n    {n:'Honorata Kowalska', f:'6-scaled.jpg', r:'Nauczycielka wspomagaj\u0105ca w klasie II, psycholog'},\r\n    {n:'Dorota Kraszewska', f:'27-scaled.jpg', w:'VI', r:'Nauczycielka j\u0119zyka polskiego'},\r\n    {n:'Katarzyna Krawczak', f:'22-scaled.jpg', r:'Nauczycielka j\u0119zyka angielskiego, metodyk'},\r\n    {n:'Anna Krawczykiewicz', f:'26-scaled.jpg', r:'Nauczycielka muzyki \u2014 dwuj\u0119zycznie'},\r\n    {n:'Paula Ogniewska-Gontarczyk', f:'23-scaled.jpg', r:'Nauczycielka j\u0119zyka angielskiego'},\r\n    {n:'Agnieszka Ositek', f:'28-scaled.jpg', r:'Nauczycielka j\u0119zyka angielskiego'},\r\n    {n:'Marta Piotrowska', f:'25-scaled.jpg', r:'Psycholog'},\r\n    {n:'Emilia Rochmi\u0144ska', f:'3-scaled.jpg', w:'III', r:'Nauczycielka edukacji wczesnoszkolnej'},\r\n    {n:'Agnieszka Rogala', f:'20-scaled.jpg', r:'Nauczycielka j\u0119zyka angielskiego'},\r\n    {n:'Agnieszka Sikorska', f:'12-scaled.jpg', w:'II', r:'Nauczycielka edukacji wczesnoszkolnej'},\r\n    {n:'Beata S\u0142oma', f:'16-scaled.jpg', r:'Nauczycielka biologii i przyrody'},\r\n    {n:'Olga Stojanowska', f:'34-scaled.jpg', r:'Nauczycielka j\u0119zyka angielskiego'},\r\n    {n:'o. Jacek Szczepanik', f:'4-scaled.jpg', r:'Nauczyciel religii'},\r\n    {n:'Agnieszka Walczak-Ba\u015bkiewicz', f:'13-scaled.jpg', r:'Nauczycielka chemii i informatyki'},\r\n    {n:'Anna Wieczorek', f:'5-scaled.jpg', r:'Pedagog specjalny'},\r\n    {n:'Danuta Wojnarowicz', f:'52-scaled.jpg', r:'Wychowawczyni \u015bwietlicy'},\r\n    {n:'Agnieszka Wr\u00f3blewska', f:'8-scaled.jpg', r:'Nauczycielka fizyki'},\r\n    {n:'Alia Jlilati-Zgardzi\u0144ska', f:'18-scaled.jpg', r:'Nauczycielka matematyki'},\r\n    {n:'Magdalena Zimnik', f:'19-scaled.jpg', w:'V', r:'Nauczycielka matematyki'}\r\n  ];\r\n  var SEKRETARIAT = [\r\n    {n:'Joanna Mielczarek',  r:'Sekretarz szko\u0142y',  f:'37-scaled.jpg'},\r\n    {n:'Agnieszka Bednarek', r:'Pracownik biurowy', f:'38-scaled.jpg'}\r\n  ];\r\n  \/* \u2500\u2500 ODST\u0118P POD PRZYKLEJONYM MENU \u2500\u2500\r\n     O tyle pikseli karta wychowawcy ma sta\u0107 NI\u017bEJ, ni\u017c ko\u0144czy si\u0119 nag\u0142\u00f3wek\r\n     strony. Sama wysoko\u015b\u0107 nag\u0142\u00f3wka jest mierzona automatycznie (patrz funkcja\r\n     wysokoscPrzyklejonych ni\u017cej), wi\u0119c tu ustawiasz wy\u0142\u0105cznie sam oddech.\r\n     Wi\u0119ksza liczba = wi\u0119cej powietrza nad zdj\u0119ciem.                        *\/\r\n  var ODDECH_POD_MENU = 16;\r\n  \/* \u2500\u2500 FILTRY NA KOMPUTERZE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     Ka\u017cdy filtr to nazwa przycisku i lista s\u0142\u00f3w szukanych w opisie funkcji\r\n     (wystarczy fragment, wielko\u015b\u0107 liter bez znaczenia). Filtr, do kt\u00f3rego\r\n     nikt nie pasuje, nie pojawia si\u0119 na stronie. Kolejno\u015b\u0107 przycisk\u00f3w =\r\n     kolejno\u015b\u0107 na tej li\u015bcie. \u201eWszyscy\" dok\u0142adany jest automatycznie.\r\n     Chcesz nowy filtr? Dopisz jedn\u0105 linijk\u0119, np.:\r\n         {nazwa:'Dwuj\u0119zycznie', slowa:['dwuj\u0119zycznie']},\r\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var FILTRY = [\r\n    {nazwa:'Wychowawcy klas', wych:true},\r\n    {nazwa:'J\u0119zyki obce',     slowa:['angielskiego','niemieckiego','hiszpa\u0144skiego']},\r\n    {nazwa:'Klasy I\u2013III',     slowa:['wczesnoszkolnej']},\r\n    {nazwa:'\u015acis\u0142e i przyrodnicze', slowa:['matematyki','fizyki','chemii','informatyki','biologii','przyrody','geografii']},\r\n    {nazwa:'Humanistyczne',   slowa:['polskiego','historii','spo\u0142ecze\u0144stwie','religii','etyki']},\r\n    {nazwa:'Artystyczne',     slowa:['muzyki','plastyki','ceramika','techniki']},\r\n    {nazwa:'Sport i zdrowie', slowa:['fizycznego','basenie','zdrowotnej','szachy']},\r\n    {nazwa:'\u015awietlica',       slowa:['\u015bwietlicy']},\r\n    {nazwa:'Wsparcie ucznia', slowa:['psycholog','pedagog','wspomagaj\u0105ca','doradztwa']}\r\n  ];\r\n  \/* \u2550\u2550\u2550 \u25b2 KONIEC \u25b2 \u2550\u2550\u2550 *\/\r\n  var KLASY = ['I','II','III','IV','V','VI','VII','VIII'];\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     WYSOKO\u015a\u0106 PRZYKLEJONEGO NAG\u0141\u00d3WKA \u2014 mierzona, nie zgadywana\r\n     ------------------------------------------------------------------\r\n     Wcze\u015bniej odst\u0119p by\u0142 wpisany na sztywno (110 px). Na komputerze pasowa\u0142,\r\n     bo nag\u0142\u00f3wek ma tam mniej wi\u0119cej tyle wysoko\u015bci, ale na telefonie nag\u0142\u00f3wek\r\n     jest znacznie wy\u017cszy: dochodzi pasek z nazw\u0105 plac\u00f3wki i pasek kafli\r\n     Kalendarz \/ Facebook \/ e-Dziennik. Efekt: po dotkni\u0119ciu klasy strona\r\n     przewija\u0142a si\u0119 do karty, a nag\u0142\u00f3wek zas\u0142ania\u0142 twarz wychowawcy.\r\n     Teraz sprawdzamy, co NAPRAWD\u0118 wisi przy g\u00f3rnej kraw\u0119dzi ekranu:\r\n       1) typowe nag\u0142\u00f3wki serwisu (tak\u017ce nasze .hxn i .hxp),\r\n       2) dodatkowo pytamy przegl\u0105dark\u0119, co le\u017cy w punkcie 4 px od g\u00f3ry \u2014\r\n          dzi\u0119ki temu \u0142apiemy te\u017c paski, o kt\u00f3rych ten kod nie wie.\r\n     Bierzemy najwy\u017cszy z nich (ale nie wy\u017cszy ni\u017c 340 px \u2014 powy\u017cej to ju\u017c\r\n     nie jest pasek, tylko jaki\u015b wi\u0119kszy element strony).\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  function wysokoscPrzyklejonych(){\r\n    var h = 0;\r\n    function sprawdz(el){\r\n      if(!el || el === ROOT || ROOT.contains(el)) return;   \/* w\u0142asny blok pomijamy *\/\r\n      if(!el.getBoundingClientRect) return;\r\n      var cs = window.getComputedStyle(el);\r\n      if(cs.position !== 'fixed' && cs.position !== 'sticky') return;\r\n      if(cs.visibility === 'hidden' || cs.display === 'none') return;\r\n      var r = el.getBoundingClientRect();\r\n      if(r.top <= 4 && r.height > h && r.height < 340) h = r.height;\r\n    }\r\n    var kandydaci = document.querySelectorAll(\r\n      'header, .hxn, .hxp, .hxn__belka, .hxp__belka, .hxn-root,' +\r\n      '.elementor-location-header, .elementor-sticky--active, [data-elementor-type=\"header\"]'\r\n    );\r\n    for(var i=0;i<kandydaci.length;i++) sprawdz(kandydaci[i]);\r\n    if(document.elementsFromPoint){\r\n      var pod = document.elementsFromPoint(Math.round(window.innerWidth\/2), 4) || [];\r\n      for(var j=0;j<pod.length;j++) sprawdz(pod[j]);\r\n    }\r\n    return h;\r\n  }\r\n  \/* Przewija do elementu tak, \u017ceby stan\u0105\u0142 tu\u017c pod nag\u0142\u00f3wkiem.\r\n     Po zako\u0144czeniu ruchu sprawdza wynik jeszcze raz i poprawia pozycj\u0119,\r\n     gdyby nag\u0142\u00f3wek zmieni\u0142 w mi\u0119dzyczasie wysoko\u015b\u0107 (na telefonie potrafi\r\n     si\u0119 zwin\u0105\u0107 albo rozwin\u0105\u0107 w trakcie przewijania). *\/\r\n  \/* Odleg\u0142o\u015b\u0107 elementu od g\u00f3ry dokumentu liczona z offsetTop, a NIE\r\n     z getBoundingClientRect. To wa\u017cne: w chwili skoku karta ma jeszcze\r\n     animacj\u0119 wjazdu i rozb\u0142ysku (powi\u0119ksza si\u0119 o 4,5%), przez co pomiar\r\n     z rect wychodzi\u0142by o kilkadziesi\u0105t pikseli za wysoko i strona\r\n     przewija\u0142a si\u0119 za daleko. offsetTop animacji nie widzi. *\/\r\n  function gornaKrawedz(el){\r\n    var y = 0, n = el;\r\n    while(n){ y += n.offsetTop || 0; n = n.offsetParent; }\r\n    return y;\r\n  }\r\n  function przewinPod(el, plynnie){\r\n    if(!el) return;\r\n    function docelowe(){\r\n      var zapas = wysokoscPrzyklejonych() || 96;   \/* 96 = awaryjnie, gdy nic nie znaleziono *\/\r\n      return Math.max(0, gornaKrawedz(el) - zapas - ODDECH_POD_MENU);\r\n    }\r\n    var cel = docelowe();\r\n    try{ window.scrollTo({top:cel, behavior: plynnie ? 'smooth' : 'auto'}); }\r\n    catch(e){ window.scrollTo(0, cel); }\r\n    window.setTimeout(function(){\r\n      var poprawka = docelowe();\r\n      if(Math.abs(poprawka - (window.pageYOffset || 0)) > 10){\r\n        try{ window.scrollTo({top:poprawka, behavior:'auto'}); }\r\n        catch(e2){ window.scrollTo(0, poprawka); }\r\n      }\r\n    }, plynnie ? 1000 : 80);\r\n  }\r\n  function karta(o, i, duza, prefiks){\r\n    var id = prefiks + i;\r\n    return '<div class=\"zs-p'+(duza?' zs-p--big':'')+'\" id=\"'+id+'\">'\r\n      + '<span class=\"zs-ph\"'\r\n      +   ((o.p || o.ar) ? ' style=\"'+(o.p?'--kadr:'+o.p+';':'')+(o.ar?'--ar:'+o.ar+';':'')+'\"' : '')\r\n      +   '>'\r\n      +   '<img decoding=\"async\" src=\"'+F+o.f+'\" alt=\"'+o.n+'\" loading=\"lazy\" '\r\n      +   'data-lb=\"'+(o.n+' \u2014 '+o.r).replace(\/\"\/g,'&quot;')+'\">'\r\n      +   '<span class=\"zs-mag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" '\r\n      +   'stroke-width=\"2.2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/>'\r\n      +   '<path d=\"m16.5 16.5 4 4M11 8.4v5.2M8.4 11h5.2\"\/><\/svg><\/span><\/span>'\r\n      + '<span class=\"zs-info\">'\r\n      +   '<span class=\"zs-n\">'+o.n+'<\/span>'\r\n      +   '<span class=\"zs-r\">'+o.r+'<\/span>'\r\n      \/* plakietka wychowawcy jest OSTATNIA i przyklejona do do\u0142u kafelka \u2014\r\n         dzi\u0119ki temu imiona i nazwiska we wszystkich kartach wiersza stoj\u0105\r\n         na tej samej wysoko\u015bci, a dolna szczelina jest zagospodarowana *\/\r\n      +   (o.w ? '<span class=\"zs-badge\">'\r\n      +           (o.g === 'm' ? 'wychowawca' : 'wychowawczyni') + ' kl. ' + o.w + '<\/span>' : '')\r\n      +   '<\/span><\/div>';\r\n  }\r\n  document.getElementById('zsZarzad').innerHTML =\r\n    ZARZAD.map(function(o,i){ return karta(o,i,true,'zsZ'); }).join('');\r\n  document.getElementById('zsKadra').innerHTML =\r\n    KADRA.map(function(o,i){ return karta(o,i,false,'zsK'); }).join('');\r\n  document.getElementById('zsSekr').innerHTML =\r\n    SEKRETARIAT.map(function(o,i){ return karta(o,i,false,'zsS'); }).join('');\r\n  document.getElementById('zsKadraSub').textContent =\r\n    KADRA.length + ' nauczycieli i specjalist\u00f3w.';\r\n  \/* \u2500\u2500 wychowawcy klas: budowane z pola w: \u2500\u2500 *\/\r\n  var wych = KLASY.map(function(k){\r\n    var idx = -1;\r\n    KADRA.forEach(function(o,i){ if(o.w === k) idx = i; });\r\n    return {k:k, i:idx, o:idx > -1 ? KADRA[idx] : null};\r\n  });\r\n  document.getElementById('zsWych').innerHTML = wych.map(function(x){\r\n    if(!x.o) return '<div class=\"zs-w\"><b>'+x.k+'<\/b><u>\u2014<\/u><\/div>';\r\n    var krotko = x.o.n.split(' ');\r\n    var podpis = krotko[0].charAt(0) + '. ' + krotko.slice(1).join(' ');\r\n    return '<a class=\"zs-w\" href=\"#zsK'+x.i+'\" data-i=\"'+x.i+'\">'\r\n      + '<img decoding=\"async\" src=\"'+F+x.o.f+'\" alt=\"\" loading=\"lazy\">'\r\n      + '<b>'+x.k+'<\/b><u>'+podpis+'<\/u><\/a>';\r\n  }).join('');\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DODATKI NA KOMPUTERZE \u2014 wyszukiwarka i filtry kadry pedagogicznej\r\n     Na telefonie pasek narz\u0119dzi jest ukryty stylami, a filtr pozostaje\r\n     pusty, wi\u0119c wszystkie karty s\u0105 widoczne \u2014 czyli tak jak dot\u0105d.\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  var filtrujKadre = (function(){\r\n    var tools = document.getElementById('zsTools'),\r\n        pole  = document.getElementById('zsSearch'),\r\n        boxS  = document.getElementById('zsSearchBox'),\r\n        xBtn  = document.getElementById('zsSearchX'),\r\n        chips = document.getElementById('zsChips'),\r\n        count = document.getElementById('zsCount'),\r\n        reset = document.getElementById('zsReset'),\r\n        pusto = document.getElementById('zsPusto');\r\n    if(!tools || !pole) return function(){};\r\n    \/* tekst do przeszukiwania: nazwisko + funkcja + klasa, bez polskich ogonk\u00f3w,\r\n       \u017ceby \u201eSloma\" znalaz\u0142o \u201eS\u0142oma\", a \u201ejezyk\" znalaz\u0142o \u201ej\u0119zyk\" *\/\r\n    function bezOgonkow(s){\r\n      return (s || '').toLowerCase()\r\n        .replace(\/\u0105\/g,'a').replace(\/\u0107\/g,'c').replace(\/\u0119\/g,'e').replace(\/\u0142\/g,'l')\r\n        .replace(\/\u0144\/g,'n').replace(\/\u00f3\/g,'o').replace(\/\u015b\/g,'s').replace(\/\u017a\/g,'z').replace(\/\u017c\/g,'z');\r\n    }\r\n    var osoby = KADRA.map(function(o,i){\r\n      var kat = [];\r\n      FILTRY.forEach(function(f,fi){\r\n        if(f.wych ? !!o.w : (f.slowa || []).some(function(s){\r\n             return bezOgonkow(o.r).indexOf(bezOgonkow(s)) > -1; })){ kat.push(fi); }\r\n      });\r\n      return {\r\n        el:  document.getElementById('zsK' + i),\r\n        txt: bezOgonkow(o.n + ' ' + o.r + (o.w ? ' klasa ' + o.w : '')),\r\n        kat: kat\r\n      };\r\n    });\r\n    \/* przyciski filtr\u00f3w \u2014 tylko te, do kt\u00f3rych kto\u015b pasuje *\/\r\n    var wybrany = -1;   \/* -1 = wszyscy *\/\r\n    var przyciski = ['<button class=\"zs-chip on\" type=\"button\" data-f=\"-1\">Wszyscy '\r\n      + '<small>' + KADRA.length + '<\/small><\/button>'];\r\n    FILTRY.forEach(function(f,fi){\r\n      var ile = osoby.filter(function(x){ return x.kat.indexOf(fi) > -1; }).length;\r\n      if(!ile) return;\r\n      przyciski.push('<button class=\"zs-chip\" type=\"button\" data-f=\"'+fi+'\">'\r\n        + f.nazwa + ' <small>' + ile + '<\/small><\/button>');\r\n    });\r\n    chips.innerHTML = przyciski.join('');\r\n    function odswiez(){\r\n      var szukane = bezOgonkow(pole.value.trim());\r\n      var widoczne = 0;\r\n      osoby.forEach(function(x){\r\n        if(!x.el) return;\r\n        var ok = (wybrany === -1 || x.kat.indexOf(wybrany) > -1)\r\n              && (!szukane || x.txt.indexOf(szukane) > -1);\r\n        x.el.classList.toggle('zs-off', !ok);\r\n        if(ok){ widoczne++; x.el.classList.add('in'); }\r\n      });\r\n      var filtruje = (wybrany !== -1 || !!szukane);\r\n      tools.classList.toggle('filtruje', filtruje);\r\n      boxS.classList.toggle('ma-tekst', !!pole.value);\r\n      count.firstChild.nodeValue = filtruje\r\n        ? ('Pokazujemy ' + widoczne + ' z ' + KADRA.length + ' os\u00f3b. ')\r\n        : ('Wszystkie osoby: ' + KADRA.length + '. ');\r\n      pusto.classList.toggle('on', widoczne === 0);\r\n      chips.querySelectorAll('.zs-chip').forEach(function(b){\r\n        b.classList.toggle('on', +b.getAttribute('data-f') === wybrany);\r\n      });\r\n    }\r\n    chips.addEventListener('click', function(e){\r\n      var b = e.target.closest('.zs-chip'); if(!b) return;\r\n      var f = +b.getAttribute('data-f');\r\n      wybrany = (f === wybrany ? -1 : f);   \/* ponowne klikni\u0119cie = wy\u0142\u0105czenie *\/\r\n      odswiez();\r\n    });\r\n    pole.addEventListener('input', odswiez);\r\n    xBtn.addEventListener('click', function(){ pole.value = ''; pole.focus(); odswiez(); });\r\n    reset.addEventListener('click', function(){ pole.value = ''; wybrany = -1; odswiez(); });\r\n    \/* \u201e\/\" ustawia kursor w wyszukiwarce, Escape czy\u015bci *\/\r\n    document.addEventListener('keydown', function(e){\r\n      var wPolu = \/^(INPUT|TEXTAREA|SELECT)$\/.test((e.target.tagName || ''));\r\n      if(e.key === '\/' && !wPolu && window.innerWidth >= 900){\r\n        e.preventDefault(); pole.focus(); pole.select();\r\n      }\r\n      if(e.key === 'Escape' && e.target === pole){ pole.value = ''; odswiez(); }\r\n    });\r\n    odswiez();\r\n    \/* zwracamy funkcj\u0119 czyszcz\u0105c\u0105 \u2013 przyda si\u0119 przy skoku do wychowawcy *\/\r\n    return function(){ pole.value = ''; wybrany = -1; odswiez(); };\r\n  })();\r\n  \/* dotkni\u0119cie klasy przewija do karty i j\u0105 pod\u015bwietla.\r\n     Odst\u0119p od g\u00f3ry liczymy z rzeczywistej wysoko\u015bci przyklejonego nag\u0142\u00f3wka\r\n     (patrz przewinPod wy\u017cej) \u2014 dzi\u0119ki temu twarz wychowawcy nie chowa si\u0119\r\n     pod paskiem menu ani na telefonie, ani na komputerze. *\/\r\n  document.getElementById('zsWych').addEventListener('click', function(e){\r\n    var a = e.target.closest('a[data-i]'); if(!a) return;\r\n    e.preventDefault();\r\n    filtrujKadre();   \/* zdejmujemy filtry, \u017ceby karta na pewno by\u0142a widoczna *\/\r\n    var cel = document.getElementById('zsK' + a.getAttribute('data-i'));\r\n    if(!cel) return;\r\n    ROOT.querySelectorAll('.zs-p').forEach(function(el){ el.classList.remove('hit'); });\r\n    cel.classList.add('in','hit');\r\n    przewinPod(cel, true);\r\n    setTimeout(function(){ cel.classList.remove('hit'); }, 3200);\r\n  });\r\n  \/* Wej\u015bcie na stron\u0119 z adresem zako\u0144czonym #zsK12 (np. z innej podstrony)\r\n     te\u017c ma ustawi\u0107 kart\u0119 pod nag\u0142\u00f3wkiem, a nie pod jego spodem. *\/\r\n  if(\/^#zsK\\d+$\/.test(location.hash)){\r\n    var celZAdresu = document.getElementById(location.hash.slice(1));\r\n    if(celZAdresu){\r\n      celZAdresu.classList.add('in');\r\n      setTimeout(function(){ przewinPod(celZAdresu, false); }, 260);\r\n      window.addEventListener('load', function(){\r\n        setTimeout(function(){ przewinPod(celZAdresu, false); }, 420);\r\n      });\r\n    }\r\n  }\r\n  \/* \u2500\u2500 kaskadowe wej\u015bcie kart \u2500\u2500 *\/\r\n  var karty = Array.prototype.slice.call(ROOT.querySelectorAll('.zs-p'));\r\n  function wszystkie(){ karty.forEach(function(el){ el.classList.add('in'); }); }\r\n  if(window.matchMedia('(prefers-reduced-motion: reduce)').matches || !('IntersectionObserver' in window)){\r\n    wszystkie();\r\n  } else {\r\n    var io = new IntersectionObserver(function(w){\r\n      var we = w.filter(function(x){ return x.isIntersecting; });\r\n      we.forEach(function(x,n){\r\n        setTimeout(function(){ x.target.classList.add('in'); }, n*55);\r\n        io.unobserve(x.target);\r\n      });\r\n    }, {threshold:.1, rootMargin:'0px 0px -5% 0px'});\r\n    karty.forEach(function(el){ io.observe(el); });\r\n    setTimeout(wszystkie, 4000);\r\n  }\r\n  \/* \u2500\u2500 powi\u0119kszenie zdj\u0119\u0107 \u2500\u2500\r\n     DODATEK NA KOMPUTERZE: strza\u0142ki i klawisze \u2190 \u2192 przechodz\u0105 do kolejnego\r\n     zdj\u0119cia bez zamykania okna. Pomijamy karty ukryte filtrem, \u017ceby\r\n     przegl\u0105danie trzyma\u0142o si\u0119 tego, co wida\u0107 na ekranie. *\/\r\n  (function(){\r\n    var lb  = document.getElementById('zsLb'),\r\n        img = document.getElementById('zsLbImg'),\r\n        cap = document.getElementById('zsLbC'),\r\n        x   = document.getElementById('zsLbX'),\r\n        prev= document.getElementById('zsLbPrev'),\r\n        next= document.getElementById('zsLbNext');\r\n    var ostatni = null, lista = [], nr = -1;\r\n    \/* NAPRAWA: okno powi\u0119kszenia przenosimy na sam koniec <body>.\r\n       Wewn\u0105trz sekcji potrafi\u0142 je przykrywa\u0107 przyklejony nag\u0142\u00f3wek strony\r\n       (albo \u201eprzycina\u0142\" go kontener z w\u0142asnym przekszta\u0142ceniem) \u2014 st\u0105d\r\n       zas\u0142oni\u0119te zdj\u0119cia i wra\u017cenie zablokowanej strony. *\/\r\n    if(lb.parentNode !== document.body) document.body.appendChild(lb);\r\n    var zapisSkok = 0, zapisBody = '', zapisHtml = '';\r\n    function widoczne(){\r\n      return Array.prototype.filter.call(ROOT.querySelectorAll('img[data-lb]'), function(el){\r\n        var k = el.closest('.zs-p');\r\n        return !(k && k.classList.contains('zs-off'));\r\n      });\r\n    }\r\n    function pokaz(i){\r\n      lista = lista.length ? lista : widoczne();\r\n      if(!lista.length) return;\r\n      nr = (i + lista.length) % lista.length;\r\n      var el = lista[nr];\r\n      img.src = el.currentSrc || el.src;\r\n      img.alt = el.getAttribute('data-lb') || '';\r\n      cap.textContent = el.getAttribute('data-lb') || '';\r\n      var jedno = lista.length < 2;\r\n      prev.style.display = jedno ? 'none' : '';\r\n      next.style.display = jedno ? 'none' : '';\r\n    }\r\n    function otworz(el, zrodlo){\r\n      ostatni = zrodlo;\r\n      lista = widoczne();\r\n      nr = lista.indexOf(el);\r\n      pokaz(nr < 0 ? 0 : nr);\r\n      lb.classList.add('on');\r\n      \/* blokujemy przewijanie t\u0142a, ale zapami\u0119tujemy pozycj\u0119 i poprzednie\r\n         ustawienia, \u017ceby po zamkni\u0119ciu strona wr\u00f3ci\u0142a dok\u0142adnie tam, gdzie\r\n         by\u0142a (bez tego niekt\u00f3re motywy \u201egubi\u0105\" miejsce i wygl\u0105da to jak zwis) *\/\r\n      zapisSkok = window.pageYOffset || document.documentElement.scrollTop || 0;\r\n      zapisBody = document.body.style.overflow;\r\n      zapisHtml = document.documentElement.style.overflow;\r\n      document.body.style.overflow = 'hidden';\r\n      document.documentElement.style.overflow = 'hidden';\r\n      setTimeout(function(){ x.focus(); }, 60);\r\n    }\r\n    function zamknij(){\r\n      lb.classList.remove('on');\r\n      document.body.style.overflow = zapisBody;\r\n      document.documentElement.style.overflow = zapisHtml;\r\n      window.scrollTo(0, zapisSkok);\r\n      setTimeout(function(){ img.src = ''; lista = []; }, 320);\r\n      if(ostatni) ostatni.focus && ostatni.focus();\r\n    }\r\n    ROOT.querySelectorAll('img[data-lb]').forEach(function(el){\r\n      var box = el.parentNode;\r\n      box.setAttribute('role','button');\r\n      box.setAttribute('tabindex','0');\r\n      box.setAttribute('aria-label','Powi\u0119ksz: ' + el.getAttribute('data-lb'));\r\n      function go(){ otworz(el, box); }\r\n      box.addEventListener('click', go);\r\n      box.addEventListener('keydown', function(e){\r\n        if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); go(); }\r\n      });\r\n    });\r\n    x.addEventListener('click', zamknij);\r\n    prev.addEventListener('click', function(e){ e.stopPropagation(); pokaz(nr - 1); });\r\n    next.addEventListener('click', function(e){ e.stopPropagation(); pokaz(nr + 1); });\r\n    lb.addEventListener('click', function(e){ if(e.target === lb || e.target === img) zamknij(); });\r\n    document.addEventListener('keydown', function(e){\r\n      if(!lb.classList.contains('on')) return;\r\n      if(e.key === 'Escape') zamknij();\r\n      if(e.key === 'ArrowLeft'){ e.preventDefault(); pokaz(nr - 1); }\r\n      if(e.key === 'ArrowRight'){ e.preventDefault(); pokaz(nr + 1); }\r\n    });\r\n  })();\r\n  \/* \u2500\u2500 powi\u0105zane \u2500\u2500 *\/\r\n  var T = [\r\n    {t:'Historia szko\u0142y', d:'od 2015 roku', c:'#D9A417', h:U+'2623',\r\n     i:ic('<circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5.3l3.4 2\"\/>')},\r\n    {t:'Misja i wizja', d:'w co wierzymy', c:'#8B54C4', h:U+'339',\r\n     i:ic('<circle cx=\"12\" cy=\"12\" r=\"8.6\"\/><circle cx=\"12\" cy=\"12\" r=\"4.4\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/>')},\r\n    {t:'Psycholog i pedagog', d:'wsparcie ucznia', c:'#3E8E5A', h:U+'2694',\r\n     i:ic('<path d=\"M12 20.6c-4-2.6-7-5.6-7-9.4a4.2 4.2 0 0 1 7-3.2 4.2 4.2 0 0 1 7 3.2c0 3.8-3 6.8-7 9.4z\"\/>')},\r\n    {t:'Wirtualny spacer', d:'zobacz szko\u0142\u0119', c:'#2E86C8', h:U+'2638',\r\n     i:ic('<rect x=\"3\" y=\"4.6\" width=\"18\" height=\"15\" rx=\"2.5\"\/><circle cx=\"8.6\" cy=\"10\" r=\"1.7\"\/><path d=\"M3.6 17l4.8-4.4 3.6 3 3.2-2.6 5.2 4.4\"\/>')}\r\n  ];\r\n  document.getElementById('zsTiles').innerHTML = T.map(function(o){\r\n    return '<a class=\"hx-tile\" href=\"'+o.h+'\" style=\"--c:'+o.c+'\" data-x>'\r\n      + '<span class=\"hx-ic\">'+o.i+'<\/span><b>'+o.t+'<\/b><u>'+o.d+'<\/u><\/a>';\r\n  }).join('');\r\n  HX.sierotki(ROOT); HX.boot();\r\n  }\r\n  var __t = 0;\r\n  (function __wait(){\r\n    if(window.HX){ __start(); return; }\r\n    if(__t++ < 80){ setTimeout(__wait, 100); return; }\r\n    if(window.console) console.warn('Hilaris: nie znaleziono rdzenia (hilaris-CORE).');\r\n  })();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Szko\u0142a Podstawowa O nas Nasz zesp\u00f3\u0142 Ludzie, kt\u00f3rzy codziennie towarzysz\u0105 naszym uczniom \u2014 od pierwszej klasy po egzamin \u00f3smoklasisty. Powi\u0119ksz Prosimy dotkn\u0105\u0107 zdj\u0119cia, aby je powi\u0119kszy\u0107. Kadra zarz\u0105dzaj\u0105ca Wychowawcy klas Prosimy dotkn\u0105\u0107 klasy, aby przej\u015b\u0107 do karty wychowawcy. Kadra pedagogiczna \u2014 \u2014wyczy\u015b\u0107 filtry Nikt nie pasuje do wpisanych s\u0142\u00f3w. Prosimy spr\u00f3bowa\u0107 innego nazwiska albo przedmiotu. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":345,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-342","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=342"}],"version-history":[{"count":269,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/342\/revisions"}],"predecessor-version":[{"id":7052,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/342\/revisions\/7052"}],"up":[{"embeddable":true,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/345"}],"wp:attachment":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}