{"id":2623,"date":"2025-09-22T21:13:59","date_gmt":"2025-09-22T19:13:59","guid":{"rendered":"https:\/\/hilaris-blonie.pl\/?page_id=2623"},"modified":"2026-08-18T00:03:33","modified_gmt":"2026-08-17T22:03:33","slug":"historia-szkoly","status":"publish","type":"page","link":"https:\/\/hilaris-blonie.pl\/?page_id=2623","title":{"rendered":"Historia szko\u0142y"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2623\" class=\"elementor elementor-2623\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8b2be9 e-grid e-con-boxed e-con e-parent\" data-id=\"f8b2be9\" 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-04bd642 elementor-widget elementor-widget-html\" data-id=\"04bd642\" 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 HISTORIA SZKO\u0141Y (page_id=2623)   [wersja po\u0142\u0105czona]\r\n     WYMAGA rdzenia (hilaris-CORE.html).\r\n     ---------------------------------------------------------------------------\r\n     Powsta\u0142o z po\u0142\u0105czenia dw\u00f3ch wcze\u015bniejszych wersji:\r\n       \u2022 skrypt i komentarze z wersji \u201erdzeniowej\u201d \u2013 blok obs\u0142uguje sam siebie\r\n         nawet wtedy, gdy jest wklejony na stronie wi\u0119cej ni\u017c raz (np. osobno\r\n         dla telefonu i komputera); wszystkie odwo\u0142ania s\u0105 ograniczone do\r\n         w\u0142asnej sekcji, wi\u0119c kopie nie kradn\u0105 sobie element\u00f3w\r\n       \u2022 kolory z zapasowymi warto\u015bciami z wersji drugiej \u2013 gdyby rdze\u0144 si\u0119\r\n         nie wczyta\u0142, strona nadal wygl\u0105da poprawnie (granat, z\u0142oto, biel),\r\n         a nie \u201ena czarno-bia\u0142o\u201d\r\n       \u2022 odno\u015bnik powrotu \u201e\u2190 Szko\u0142a Podstawowa\u201d nad nag\u0142\u00f3wkiem\r\n     USUNI\u0118TE (zgodnie z pro\u015bb\u0105):\r\n       \u2022 g\u00f3rny pasek z nazw\u0105 szko\u0142y i dwoma telefonami (.hx-top)\r\n       \u2022 stopka z logo, has\u0142em \u201efollow your passion!\u201d, przyciskami\r\n         Szko\u0142a Podstawowa \/ Przedszkole, adresem i \u201eHilaris \u00a9 2026\u201d (.hx-foot)\r\n       Jedno i drugie jest w nag\u0142\u00f3wku oraz stopce strony, wi\u0119c tutaj si\u0119\r\n       dublowa\u0142o. Dolny pasek szybkich akcji na telefonie (Szko\u0142a \/ Spotkanie \/\r\n       Zadzwo\u0144) zosta\u0142 \u2013 to on zast\u0119puje usuni\u0119t\u0105 stopk\u0119.\r\n     SZEROKO\u015a\u0106 NA KOMPUTERZE: na dole arkusza styl\u00f3w jest blok\r\n     \u201eSZEROKO\u015a\u0106 NA DU\u017bYCH EKRANACH\u201d \u2013 tam ustawiasz, jak szeroko rozlewa si\u0119\r\n     tre\u015b\u0107 na monitorze. Skasowanie tego bloku przywraca szeroko\u015b\u0107 z rdzenia.\r\n     \u25b8 AKTUALIZACJA TRE\u015aCI: obiekt HISTORIA w skrypcie na dole pliku.\r\n     ========================================================================== -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lora:wght@600;700&display=swap');\r\n\/* \u2500\u2500 liczby \u2500\u2500 *\/\r\n.hx-hist .hi-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;}\r\n.hx-hist .hi-num{background:rgba(255,255,255,.09);border-radius:14px;padding:15px 10px;text-align:center;}\r\n.hx-hist .hi-num b{display:block;font-family:'Fraunces',Georgia,serif;font-weight:700;\r\n  font-size:1.9rem;line-height:1;color:var(--gold-l,#f3d470);}\r\n.hx-hist .hi-num span{display:block;font-size:.72rem;color:#B9CCDC;margin-top:7px;line-height:1.3;}\r\n\/* \u2500\u2500 o\u015b czasu \u2500\u2500 *\/\r\n.hx-hist .hi-line{position:relative;padding-left:44px;}\r\n.hx-hist .hi-rail{position:absolute;left:15px;top:10px;bottom:10px;width:3px;\r\n  background:var(--line,#e0e0e0);border-radius:99px;overflow:hidden;}\r\n.hx-hist .hi-rail i{display:block;width:100%;height:0;border-radius:99px;\r\n  background:linear-gradient(180deg,var(--gold-l,#f3d470),var(--gold,#D4AF37));\r\n  transition:height .9s cubic-bezier(.22,1,.36,1);}\r\n.hx-hist .hi-step{position:relative;padding-bottom:20px;}\r\n.hx-hist .hi-step:last-child{padding-bottom:0;}\r\n.hx-hist .hi-mark{position:absolute;left:-44px;top:16px;width:33px;height:33px;border-radius:50%;\r\n  background:var(--paper,#fff);border:3px solid var(--line,#e0e0e0);z-index:2;\r\n  display:grid;place-items:center;transition:border-color .5s ease,background .5s ease,transform .5s ease;}\r\n.hx-hist .hi-mark::before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--line,#e0e0e0);\r\n  transition:background .5s ease;}\r\n.hx-hist .hi-step.on .hi-mark{border-color:var(--gold,#D4AF37);transform:scale(1.06);}\r\n.hx-hist .hi-step.on .hi-mark::before{background:var(--gold,#D4AF37);}\r\n.hx-hist .hi-card{background:var(--paper,#fff);border:1px solid var(--line,#e0e0e0);border-radius:var(--r,15px);\r\n  padding:18px;opacity:0;transform:translateY(14px);\r\n  transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;}\r\n.hx-hist .hi-step.on .hi-card{opacity:1;transform:none;}\r\n.hx-hist .hi-card:hover{box-shadow:0 20px 36px -28px rgba(14,43,77,.6);}\r\n.hx-hist .hi-y{display:inline-block;font-family:'Fraunces',Georgia,serif;font-weight:700;\r\n  font-size:1.55rem;line-height:1;color:var(--navy,#1A2C42);}\r\n.hx-hist .hi-y small{display:block;font-family:'Figtree',sans-serif;font-size:.64rem;font-weight:800;\r\n  letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#D4AF37);margin-bottom:5px;}\r\n.hx-hist .hi-t{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:1.02rem;margin-top:9px;}\r\n.hx-hist .hi-d{font-size:.9rem;color:var(--ink-2,#555);margin-top:6px;line-height:1.55;}\r\n\/* \u2550\u2550 BUDOWA \u2014 galeria sterowana osi\u0105 \u2550\u2550 *\/\r\n.hx-hist .bd-stage{position:relative;border-radius:var(--r,15px);overflow:hidden;background:var(--navy,#1A2C42);\r\n  aspect-ratio:4\/3;box-shadow:0 30px 60px -40px rgba(14,43,77,.9);touch-action:pan-y;}\r\n\/* --kadr ustawiasz osobno dla ka\u017cdego zdj\u0119cia w polu p:\r\n   Pierwsza warto\u015b\u0107 to o\u015b pozioma i dzia\u0142a jak okno na zdj\u0119cie:\r\n     NI\u017bSZA  = pokazujemy lew\u0105 cz\u0119\u015b\u0107 kadru -> obiekt przesuwa si\u0119 w PRAWO\r\n     WY\u017bSZA  = pokazujemy praw\u0105 cz\u0119\u015b\u0107 kadru -> obiekt przesuwa si\u0119 w LEWO\r\n   Druga warto\u015b\u0107 steruje osi\u0105 pionow\u0105 (ni\u017csza = wy\u017cej). *\/\r\n.hx-hist .bd-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\r\n  object-position:var(--kadr,center);\r\n  opacity:0;transform:scale(1.08);\r\n  transition:opacity .8s ease, transform 6s linear;}\r\n.hx-hist .bd-stage img.on{opacity:1;transform:scale(1);}\r\n.hx-hist .bd-stage::after{content:\"\";position:absolute;inset:0;pointer-events:none;\r\n  background:linear-gradient(180deg,rgba(10,31,58,.15) 0%,rgba(10,31,58,0) 40%,rgba(10,31,58,.85) 100%);}\r\n.hx-hist .bd-info{margin-bottom:16px;min-height:4.5rem;display:flex;flex-direction:column;\r\n  justify-content:flex-end;}\r\n.hx-hist .bd-info-title{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:1.35rem;\r\n  line-height:1.2;color:var(--navy,#1A2C42);margin:0 0 6px;}\r\n.hx-hist .bd-info-desc{font-size:.95rem;color:var(--ink-2,#555);margin:0;line-height:1.45;}\r\n.hx-hist .bd-no{position:absolute;left:12px;top:12px;z-index:3;font-size:.62rem;font-weight:800;\r\n  letter-spacing:.1em;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:var(--navy,#1A2C42);\r\n  border-radius:999px;padding:5px 12px;box-shadow:0 4px 14px -6px rgba(10,31,58,.55);}\r\n\/* \u2550\u2550 NAWIGACJA GALERII \u2550\u2550\r\n   Motyw nadaje wszystkim <button> w\u0142asne t\u0142o, zaokr\u0105glenie i wype\u0142nienie \u2014\r\n   bez twardego resetu w \u015brodku pastylki pojawia si\u0119 druga zaokr\u0105glona plama,\r\n   a strza\u0142ki uciekaj\u0105 z osi. Dlatego wszystko zerujemy jawnie. *\/\r\n.hx-hist .bd-nav{position:absolute;top:12px;right:12px;z-index:3;\r\n  display:flex;align-items:stretch;height:30px;\r\n  background:rgba(255,255,255,.92);backdrop-filter:blur(10px);\r\n  border-radius:999px;box-shadow:0 3px 12px -5px rgba(10,31,58,.5);\r\n  overflow:hidden;}\r\n.hx-hist .bd-nav .bd-arrow{\r\n  -webkit-appearance:none!important;appearance:none!important;\r\n  width:36px!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:0!important;\r\n  background:transparent!important;box-shadow:none!important;\r\n  font-size:0!important;line-height:0!important;letter-spacing:0!important;\r\n  color:var(--navy,#1A2C42)!important;cursor:pointer;\r\n  display:flex!important;align-items:center!important;justify-content:center!important;\r\n  transition:background .18s ease;}\r\n.hx-hist .bd-nav .bd-arrow:hover{background:rgba(14,43,77,.07)!important;}\r\n.hx-hist .bd-nav .bd-arrow:active{background:rgba(14,43,77,.14)!important;}\r\n.hx-hist .bd-nav .bd-arrow:focus-visible{outline:2px solid var(--gold,#D4AF37);outline-offset:-2px;}\r\n.hx-hist .bd-nav .bd-arrow svg{display:block;width:12px;height:12px;flex:none;}\r\n\/* przegroda jako osobny element \u2014 renderuje si\u0119 ostro w ka\u017cdej przegl\u0105darce *\/\r\n.hx-hist .bd-sep{width:1px;background:rgba(14,43,77,.15);align-self:center;height:16px;flex:none;}\r\n.hx-hist .bd-rail{position:relative;margin-top:16px;height:36px;}\r\n.hx-hist .bd-rail::before{content:\"\";position:absolute;left:0;right:0;top:11px;height:3px;\r\n  background:var(--line,#e0e0e0);border-radius:99px;}\r\n.hx-hist .bd-prog{position:absolute;left:0;top:11px;height:3px;border-radius:99px;\r\n  background:linear-gradient(90deg,var(--gold-l,#f3d470),var(--gold,#D4AF37));width:0;\r\n  transition:width .6s cubic-bezier(.22,1,.36,1);}\r\n.hx-hist .bd-dot{position:absolute;top:5px;transform:translateX(-50%);width:15px;height:15px;\r\n  border-radius:50%;background:var(--paper,#fff);border:2.5px solid var(--line,#e0e0e0);z-index:2;\r\n  transition:border-color .35s ease,transform .35s ease;}\r\n.hx-hist .bd-dot.done{border-color:var(--gold,#D4AF37);}\r\n.hx-hist .bd-dot.now{border-color:var(--gold,#D4AF37);background:var(--gold,#D4AF37);transform:translateX(-50%) scale(1.35);}\r\n\/* Nazwy etap\u00f3w maj\u0105 r\u00f3\u017cn\u0105 d\u0142ugo\u015b\u0107 i pod punktami nachodzi\u0142yby na siebie.\r\n   Dlatego o\u015b pokazuje wy\u0142\u0105cznie nazw\u0119 etapu aktywnego \u2014 pod osi\u0105, w jednym wierszu. *\/\r\n.hx-hist .bd-dot span{position:absolute;top:20px;left:50%;transform:translateX(-50%);\r\n  font-size:.62rem;font-weight:800;color:var(--ink-2,#555);white-space:nowrap;opacity:0;\r\n  transition:opacity .3s ease;}\r\n.hx-hist .bd-dot.now span{color:var(--gold,#D4AF37);opacity:1;}\r\n.hx-hist .bd-etap{display:flex;align-items:baseline;gap:10px;margin-top:6px;min-height:1.6em;}\r\n.hx-hist .bd-etap u{text-decoration:none;font-size:.63rem;font-weight:800;letter-spacing:.14em;\r\n  text-transform:uppercase;color:var(--ink-2,#555);flex:none;}\r\n.hx-hist .bd-etap b{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:1.02rem;\r\n  color:var(--navy,#1A2C42);line-height:1.25;}\r\n.hx-hist .bd-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;}\r\n.hx-hist .bd-fact{background:var(--paper,#fff);border:1px solid var(--line,#e0e0e0);border-radius:14px;padding:15px;}\r\n.hx-hist .bd-fact b{display:block;font-family:'Fraunces',Georgia,serif;font-weight:700;\r\n  font-size:1.35rem;line-height:1.1;}\r\n.hx-hist .bd-fact span{display:block;font-size:.76rem;color:var(--ink-2,#555);margin-top:6px;line-height:1.35;}\r\n.hx-hist .bd-src{font-size:.78rem;color:var(--ink-2,#555);margin-top:16px;}\r\n.hx-hist .bd-src a{color:var(--navy,#1A2C42);text-decoration:underline;text-underline-offset:2px;}\r\n@media (min-width:900px){\r\n  .hx-hist .bd-wrap{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);\r\n    gap:32px;align-items:start;}\r\n  .hx-hist .bd-stage{aspect-ratio:16\/10;}\r\n  .hx-hist .bd-info{margin-bottom:24px;}\r\n  .hx-hist .bd-info-title{font-size:1.6rem;margin-bottom:8px;}\r\n  .hx-hist .bd-info-desc{font-size:1.05rem;}\r\n  .hx-hist .bd-nav{top:18px;right:18px;height:34px;}\r\n  .hx-hist .bd-nav .bd-arrow{width:42px!important;height:34px!important;}\r\n  .hx-hist .bd-nav .bd-arrow svg{width:14px;height:14px;}\r\n  .hx-hist .bd-sep{height:18px;}\r\n  .hx-hist .bd-no{left:20px;top:20px;}\r\n  .hx-hist .bd-etap b{font-size:1.18rem;}\r\n  .hx-hist .bd-facts{grid-template-columns:1fr;margin-top:0;}\r\n  .hx-hist .bd-fact b{font-size:1.6rem;}\r\n  .hx-hist .bd-fact span{font-size:.85rem;}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .hx-hist .bd-stage img{transition:opacity .3s ease;transform:none;}\r\n  .hx-hist .bd-stage img.on{transform:none;}\r\n}\r\n\/* \u2500\u2500 pe\u0142ny tekst \u2500\u2500 *\/\r\n.hx-hist .hi-full{background:var(--navy,#1A2C42);color:#DCE7F0;border-radius:var(--r,15px);\r\n  padding:24px 20px;border:2px solid var(--gold,#D4AF37);position:relative;}\r\n.hx-hist .hi-full h3{color:var(--gold-l,#f3d470);font-size:1.2rem;text-align:center;margin-bottom:18px;}\r\n.hx-hist .hi-body{font-size:.93rem;line-height:1.75;position:relative;}\r\n.hx-hist .hi-body p{margin:0 0 1.2em;}\r\n.hx-hist .hi-body strong{color:var(--gold-l,#f3d470);font-weight:700;}\r\n.hx-hist .hi-body.cut{max-height:270px;overflow:hidden;}\r\n.hx-hist .hi-body.cut::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:110px;\r\n  background:linear-gradient(180deg,rgba(14,43,77,0),var(--navy,#1A2C42));}\r\n.hx-hist .hi-more{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;\r\n  margin-top:14px;background:var(--gold,#D4AF37);color:#3B2A00;border-radius:999px;padding:13px;\r\n  font-weight:700;font-size:.9rem;transition:transform .2s ease;}\r\n.hx-hist .hi-more:active{transform:scale(.97);}\r\n.hx-hist .hi-more svg{width:16px;height:16px;transition:transform .3s ease;}\r\n.hx-hist .hi-more.open svg{transform:rotate(180deg);}\r\n\/* \u2500\u2500 cytat \u2500\u2500 *\/\r\n.hx-hist .hi-quote{font-family:'Fraunces',Georgia,serif;font-weight:600;\r\n  font-size:clamp(1.15rem,4.2vw,1.5rem);line-height:1.4;color:#fff;\r\n  border-left:3px solid var(--gold,#D4AF37);padding-left:16px;margin-top:16px;}\r\n\/* \u2500\u2500 nag\u0142\u00f3wek \"Droga od jednej sali...\" \u2500\u2500 *\/\r\n.hx-hist .hi-droga {\r\n  font-family: 'Lora', Georgia, serif !important;\r\n}\r\n\/* \u2500\u2500 nag\u0142\u00f3wek \"Poznaj nas bli\u017cej\" \u2500\u2500 *\/\r\n.hx-hist .hi-poznaj {\r\n  text-align: center;\r\n  font-family: 'Lora', Georgia, serif !important;\r\n}\r\n\r\n@media (min-width:900px){\r\n  .hx-hist .hi-nums{max-width:640px;gap:16px;}\r\n  .hx-hist .hi-num b{font-size:2.6rem;}\r\n  .hx-hist .hi-num span{font-size:.85rem;}\r\n  .hx-hist .hi-quote{font-size:1.7rem;padding-left:22px;max-width:44ch;}\r\n  .hx-hist .hi-line{padding-left:56px;}\r\n  .hx-hist .hi-rail{left:19px;}\r\n  .hx-hist .hi-mark{left:-56px;width:39px;height:39px;}\r\n  .hx-hist .hi-card{padding:24px 26px;}\r\n  .hx-hist .hi-y{font-size:2rem;}\r\n  .hx-hist .hi-t{font-size:1.15rem;}\r\n  .hx-hist .hi-d{font-size:.98rem;}\r\n  .hx-hist .hi-full{padding:44px 48px;}\r\n  .hx-hist .hi-full h3{font-size:1.6rem;}\r\n  .hx-hist .hi-body{font-size:1rem;columns:2;column-gap:38px;}\r\n  .hx-hist .hi-body p{break-inside:avoid;}\r\n  .hx-hist .hi-body.cut{max-height:none;}\r\n  .hx-hist .hi-body.cut::after{display:none;}\r\n  .hx-hist .hi-more{display:none;}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .hx-hist .hi-card{opacity:1;transform:none;}\r\n}\r\n\/* ============================================================================\r\n   SZEROKO\u015a\u0106 NA DU\u017bYCH EKRANACH\r\n   ---------------------------------------------------------------------------\r\n   Rdze\u0144 ustawia jedn\u0105 szeroko\u015b\u0107 kolumny tre\u015bci dla wszystkich podstron.\r\n   Ta strona ma o\u015b czasu i galeri\u0119, kt\u00f3rym na monitorze przydaje si\u0119 wi\u0119cej\r\n   miejsca, wi\u0119c TYLKO TUTAJ pozwalamy tre\u015bci rozla\u0107 si\u0119 szerzej.\r\n   \u2022 1280px \u2013 szeroko\u015b\u0107 docelowa; zmie\u0144 na mniejsz\u0105, je\u015bli wolisz w\u0119ziej\r\n   \u2022 94vw   \u2013 zabezpieczenie, \u017ceby zawsze zosta\u0142y marginesy przy kraw\u0119dziach\r\n   Nie chcesz szerszej strony? Skasuj ca\u0142y ten blok \u2013 wr\u00f3ci szeroko\u015b\u0107 z rdzenia.\r\n   ============================================================================ *\/\r\n@media (min-width:1100px){\r\n  .hx-hist .hx-app{max-width:min(1280px,94vw);margin-left:auto;margin-right:auto;}\r\n}\r\n@media (min-width:1280px){\r\n  .hx-hist .bd-wrap{gap:40px;}\r\n  .hx-hist .hi-body{column-gap:46px;}\r\n}\r\n\/* \u2500\u2500 bardzo w\u0105skie telefony (poni\u017cej 360 px) \u2500\u2500\r\n   trzy liczby w nag\u0142\u00f3wku i kafle fakt\u00f3w robi\u0105 si\u0119 oszcz\u0119dniejsze,\r\n   \u017ceby nic nie wychodzi\u0142o poza ekran \u2500\u2500 *\/\r\n@media (max-width:359px){\r\n  .hx-hist .hi-nums{gap:6px;}\r\n  .hx-hist .hi-num{padding:12px 6px;border-radius:12px;}\r\n  .hx-hist .hi-num b{font-size:1.5rem;}\r\n  .hx-hist .hi-num span{font-size:.64rem;}\r\n  .hx-hist .hi-line{padding-left:38px;}\r\n  .hx-hist .hi-mark{left:-38px;width:29px;height:29px;}\r\n  .hx-hist .hi-rail{left:13px;}\r\n  .hx-hist .bd-facts{grid-template-columns:1fr;}\r\n}\r\n<\/style>\r\n<section class=\"hx hx-hist\" id=\"hil-historia\">\r\n <div class=\"hx-app\">\r\n  <!-- powr\u00f3t do dzia\u0142u Szko\u0142a -->\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  <!-- HERO -->\r\n  <div class=\"hx-hero hx-hero--plain\" style=\"background:var(--navy,#1A2C42)\">\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>Historia szko\u0142y<\/i><\/span><\/h1>\r\n      <p class=\"hi-quote\">Miejsce, w kt\u00f3rym dzieci ucz\u0105 si\u0119, odkrywaj\u0105 swoje talenty\r\n         i rozwijaj\u0105 pasje \u2014 w atmosferze szacunku, rado\u015bci i wsp\u00f3\u0142pracy.<\/p>\r\n      <div class=\"hi-nums\" id=\"hiNums\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"hx-sec\">\r\n    <h2 class=\"hx-h hi-droga\" data-x>Droga od jednej sali do w\u0142asnego budynku<\/h2>\r\n    <p class=\"hx-sub\" data-x id=\"hiSub\">\u2014<\/p>\r\n    <div class=\"hi-line\">\r\n      <div class=\"hi-rail\"><i id=\"hiFill\"><\/i><\/div>\r\n      <div id=\"hiSteps\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"hx-sec hx-sec--mist\">\r\n    <h2 class=\"hx-h\" data-x>Tak powstawa\u0142 nasz budynek<\/h2>\r\n    <p class=\"hx-sub\" data-x>Kilka kadr\u00f3w z dokumentacji inwestycji przy ul. Passowskiej 16A.\r\n       Prosimy przesun\u0105\u0107 palcem albo dotkn\u0105\u0107 punktu na osi.<\/p>\r\n    <div class=\"bd-wrap\">\r\n      <div>\r\n        <div class=\"bd-info\" id=\"bdInfo\">\r\n          <h3 class=\"bd-info-title\" id=\"bdTitle\">\u2014<\/h3>\r\n          <p class=\"bd-info-desc\" id=\"bdDesc\">\u2014<\/p>\r\n        <\/div>\r\n        <div class=\"bd-stage\" id=\"bdStage\">\r\n          <span class=\"bd-no\" id=\"bdNo\">1 \/ 6<\/span>\r\n          <div class=\"bd-nav\">\r\n            <button class=\"bd-arrow\" id=\"bdPrev\" 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            <span class=\"bd-sep\" aria-hidden=\"true\"><\/span>\r\n            <button class=\"bd-arrow\" id=\"bdNext\" 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          <\/div>\r\n        <\/div>\r\n        <div class=\"bd-rail\" id=\"bdRail\"><span class=\"bd-prog\" id=\"bdProg\"><\/span><\/div>\r\n      <\/div>\r\n      <div class=\"bd-facts\" id=\"bdFacts\"><\/div>\r\n    <\/div>\r\n    <p class=\"bd-src\" data-x>Projekt budowlany i wykonawczy konstrukcji wraz z koordynacj\u0105\r\n      mi\u0119dzybran\u017cow\u0105: <a href=\"https:\/\/rz-budownictwo.pl\/realizacje\/projekty\/ant-ie-agnieszka-ositek\/\"\r\n      target=\"_blank\" rel=\"noopener\">RZ-Budownictwo \u2014 Robert Zembrzycki<\/a>.<\/p>\r\n  <\/div>\r\n  <div class=\"hx-sec\">\r\n    <div class=\"hi-full\" data-x>\r\n      <h3>Historia Niepublicznej Dwuj\u0119zycznej Szko\u0142y Podstawowej Hilaris w B\u0142oniu<\/h3>\r\n      <div class=\"hi-body cut\" id=\"hiBody\"><\/div>\r\n      <button class=\"hi-more\" id=\"hiMore\" type=\"button\" aria-expanded=\"false\">\r\n        <span id=\"hiMoreT\">Czytaj ca\u0142\u0105 histori\u0119<\/span>\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"hx-sec\">\r\n    <h2 class=\"hx-h hi-poznaj\" data-x>Poznaj nas bli\u017cej<\/h2>\r\n    <div class=\"hx-grid\" style=\"--cols:2;--cols-d:4\" id=\"hiTiles\"><\/div>\r\n  <\/div>\r\n  <!-- dolny pasek szybkich akcji (widoczny na telefonie) -->\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:\/\/hilaris-blonie.pl\/?page_id=4127\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2.5\"\/><path d=\"M8 2.5v5M16 2.5v5M3 10h18\"\/><path d=\"M9 15.2l2.1 2.1L15.4 13\"\/><\/svg>\r\n      Spotkanie<\/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 data-no-optimize=\"1\" data-no-defer=\"1\" data-no-minify=\"1\" data-cfasync=\"false\" data-pagespeed-no-defer>\r\n(function(){\r\n  \/* Blok mo\u017ce by\u0107 wklejony na stronie wi\u0119cej ni\u017c raz (np. osobno dla\r\n     telefonu i komputera). getElementById zwraca tylko pierwsze wyst\u0105pienie,\r\n     wi\u0119c kolejne kopie zostawa\u0142yby puste. Obs\u0142ugujemy ka\u017cd\u0105 osobno. *\/\r\n  var SEKCJE = document.querySelectorAll('#hil-historia');\r\n  if(!SEKCJE.length) return;\r\n  Array.prototype.forEach.call(SEKCJE, function(ROOT){\r\n  if(ROOT.getAttribute('data-hil-init')) return;\r\n  ROOT.setAttribute('data-hil-init','1');\r\n  function __start(){\r\n  var ic = HX.ic, U = 'https:\/\/hilaris-blonie.pl\/?page_id=';\r\n  \/* \u2550\u2550\u2550 \u25bc JEDYNE MIEJSCE DO EDYCJI \u25bc \u2550\u2550\u2550 *\/\r\n  var HISTORIA = {\r\n    poczatek:'2015-09-01',\r\n    uczniowie:119,\r\n    kadra:33,\r\n    kroki:[\r\n      {y:'2014', e:'Grudzie\u0144', t:'Ruszaj\u0105 prace projektowe',\r\n       d:'Powstaje wielobran\u017cowy projekt budowlany i wykonawczy nowego, dwupi\u0119trowego budynku '\r\n        + 'szkolnego o powierzchni u\u017cytkowej blisko 1007 m\u00b2. Prace projektowe potrwaj\u0105 do sierpnia 2015.'},\r\n      {y:'2015', e:'Wrzesie\u0144', t:'Pierwszy dzwonek',\r\n       d:'Szko\u0142a rozpoczyna dzia\u0142alno\u015b\u0107 jako kontynuacja pracy przedszkola. Wobec braku '\r\n        + 'w\u0142asnego budynku pierwsza klasa uczy si\u0119 w sali udost\u0119pnionej przez Poradni\u0119 '\r\n        + 'Psychologiczno-Pedagogiczn\u0105 w B\u0142oniu.'},\r\n      {y:'2016', e:'Wrzesie\u0144 i pa\u017adziernik', t:'Pierwsze pi\u0119tro w\u0142asnego budynku',\r\n       d:'Uko\u0144czono stan surowy zamkni\u0119ty, a uczniowie klas I i II wchodz\u0105 na oddane do u\u017cytku '\r\n        + 'pierwsze pi\u0119tro. W pa\u017adzierniku odbywa si\u0119 pierwsze pasowanie na ucznia w nowych murach.'},\r\n      {y:'2017', e:'Wrzesie\u0144', t:'Szersza oferta edukacyjna',\r\n       d:'Nauka odbywa si\u0119 ju\u017c w klasach I, II, III oraz VII. Spo\u0142eczno\u015b\u0107 tworz\u0105 g\u0142\u00f3wnie '\r\n        + 'mieszka\u0144cy gminy B\u0142onie oraz rodze\u0144stwo naszych uczni\u00f3w.'},\r\n      {y:'2019', e:'Rok prze\u0142omowy', t:'Pierwsi absolwenci i ca\u0142y budynek',\r\n       d:'Mury szko\u0142y opuszczaj\u0105 pierwsi absolwenci, a do u\u017cytku zostaje oddany ca\u0142y budynek \u2014 '\r\n        + 'parter i dwa pi\u0119tra. Od roku szkolnego 2018\/2019 mamy pe\u0142ny komplet klas.'},\r\n      {y:'Dzi\u015b', e:'Rodzinna plac\u00f3wka', t:'Nowoczesna szko\u0142a, kt\u00f3ra wci\u0105\u017c ro\u015bnie',\r\n       d:'\u0141\u0105czymy tradycj\u0119 z nowoczesno\u015bci\u0105 i dwuj\u0119zycznym podej\u015bciem do nauczania.'}\r\n    ],\r\n    tekst:[\r\n      '<strong>Niepubliczna Dwuj\u0119zyczna Szko\u0142a Podstawowa Hilaris w B\u0142oniu<\/strong> rozpocz\u0119\u0142a '\r\n      + 'swoj\u0105 dzia\u0142alno\u015b\u0107 <strong>1 wrze\u015bnia 2015 roku<\/strong> jako kontynuacja pracy '\r\n      + 'Niepublicznego Dwuj\u0119zycznego Przedszkola Hilaris w B\u0142oniu. Dyrektorem i jednocze\u015bnie '\r\n      + 'Organem Prowadz\u0105cym Szko\u0142\u0119 jest Agnieszka Ositek \u2014 nauczycielka j\u0119zyka angielskiego '\r\n      + 'i dyrektor Niepublicznego Dwuj\u0119zycznego Przedszkola Hilaris w B\u0142oniu.',\r\n      'Dzi\u0119ki \u017cyczliwo\u015bci w\u0142adz Powiatu Warszawskiego Zachodniego, ze wzgl\u0119du na brak w\u0142asnego '\r\n      + 'budynku, <strong>pierwsza klasa nowo powsta\u0142ej szko\u0142y mog\u0142a rozpocz\u0105\u0107 nauk\u0119 w sali '\r\n      + 'udost\u0119pnionej przez Poradni\u0119 Psychologiczno-Pedagogiczn\u0105 w B\u0142oniu<\/strong>.',\r\n      '<strong>Wiosn\u0105 2015 roku ruszy\u0142a budowa nowego, dwupi\u0119trowego budynku szkolnego.<\/strong> '\r\n      + 'Ju\u017c we <strong>wrze\u015bniu 2016 roku<\/strong> uko\u0144czono stan surowy zamkni\u0119ty, a do u\u017cytku '\r\n      + 'spo\u0142eczno\u015bci szkolnej oddano pierwsze pi\u0119tro, w kt\u00f3rym uczyli si\u0119 uczniowie klas I i II. '\r\n      + 'W <strong>pa\u017adzierniku tego samego roku<\/strong> odby\u0142o si\u0119 pierwsze w nowych murach '\r\n      + 'pasowanie na ucznia \u2014 wa\u017cne i symboliczne wydarzenie w historii szko\u0142y.',\r\n      'We <strong>wrze\u015bniu 2017 roku Szko\u0142a Podstawowa Hilaris poszerzy\u0142a swoj\u0105 ofert\u0119 '\r\n      + 'edukacyjn\u0105.<\/strong> W\u00f3wczas nauka odbywa\u0142a si\u0119 ju\u017c w klasach I, II, III oraz VII. '\r\n      + 'W sk\u0142ad spo\u0142eczno\u015bci uczniowskiej wchodzili g\u0142\u00f3wnie mieszka\u0144cy gminy B\u0142onie, a tak\u017ce '\r\n      + 'rodze\u0144stwo uczni\u00f3w ucz\u0119szczaj\u0105cych do szko\u0142y.',\r\n      '<strong>Rok 2019 zapisa\u0142 si\u0119 w historii szko\u0142y jako czas dw\u00f3ch prze\u0142omowych wydarze\u0144<\/strong> '\r\n      + '\u2014 mury Niepublicznej Dwuj\u0119zycznej Szko\u0142y Podstawowej Hilaris opu\u015bcili pierwsi absolwenci, '\r\n      + 'a do u\u017cytku zosta\u0142 oddany ca\u0142y budynek szkolny, obejmuj\u0105cy parter oraz dwa pi\u0119tra. '\r\n      + 'Od roku szkolnego 2018\/2019 szko\u0142a posiada pe\u0142ny komplet klas szko\u0142y podstawowej.',\r\n      '<strong>Dzi\u015b Niepubliczna Dwuj\u0119zyczna Szko\u0142a Podstawowa Hilaris w B\u0142oniu to nowoczesna, '\r\n      + 'rodzinna, przyjazna i dynamicznie rozwijaj\u0105ca si\u0119 plac\u00f3wka edukacyjna.<\/strong> Uczy si\u0119 '\r\n      + 'w niej 119 uczni\u00f3w, a o ich rozw\u00f3j, bezpiecze\u0144stwo i wszechstronne wykszta\u0142cenie dba '\r\n      + '33 nauczycieli oraz pracownik\u00f3w administracji i obs\u0142ugi.',\r\n      'Szko\u0142a nieustannie si\u0119 rozwija, \u0142\u0105cz\u0105c tradycj\u0119 z nowoczesno\u015bci\u0105 oraz dwuj\u0119zycznym '\r\n      + 'podej\u015bciem do nauczania. Hilaris to miejsce, w kt\u00f3rym dzieci ucz\u0105 si\u0119, odkrywaj\u0105 swoje '\r\n      + 'talenty i rozwijaj\u0105 pasje \u2014 w atmosferze szacunku, rado\u015bci i wsp\u00f3\u0142pracy.'\r\n    ]\r\n  };\r\n  \/* \u2550\u2550\u2550 \u25b2 KONIEC \u25b2 \u2550\u2550\u2550 *\/\r\n  \/* \u2500\u2500 ile lat dzia\u0142amy: liczone z daty, nie wpisane \u2500\u2500 *\/\r\n  var p0 = HISTORIA.poczatek.split('-');\r\n  var start = new Date(+p0[0], +p0[1]-1, +p0[2]);\r\n  var dzis = new Date(); dzis.setHours(0,0,0,0);\r\n  var lata = dzis.getFullYear() - start.getFullYear();\r\n  var rocznica = new Date(dzis.getFullYear(), start.getMonth(), start.getDate());\r\n  if(dzis < rocznica) lata--;\r\n  ROOT.querySelector('#hiNums').innerHTML =\r\n      '<div class=\"hi-num\"><b data-c=\"'+lata+'\">0<\/b><span>lat dzia\u0142alno\u015bci<\/span><\/div>'\r\n    + '<div class=\"hi-num\"><b data-c=\"'+HISTORIA.uczniowie+'\">0<\/b><span>uczni\u00f3w<\/span><\/div>'\r\n    + '<div class=\"hi-num\"><b data-c=\"'+HISTORIA.kadra+'\">0<\/b><span>nauczycieli i pracownik\u00f3w<\/span><\/div>';\r\n  ROOT.querySelector('#hiSub').textContent =\r\n    'Od pierwszej klasy w u\u017cyczonej sali do w\u0142asnego, trzykondygnacyjnego budynku \u2014 '\r\n    + lata + ' lat w pi\u0119ciu ods\u0142onach.';\r\n  \/* \u2500\u2500 o\u015b czasu \u2500\u2500 *\/\r\n  ROOT.querySelector('#hiSteps').innerHTML = HISTORIA.kroki.map(function(k,i){\r\n    return '<div class=\"hi-step\" data-i=\"'+i+'\"><span class=\"hi-mark\"><\/span>'\r\n      + '<div class=\"hi-card\"><span class=\"hi-y\"><small>'+k.e+'<\/small>'+k.y+'<\/span>'\r\n      + '<div class=\"hi-t\">'+k.t+'<\/div><div class=\"hi-d\">'+k.d+'<\/div><\/div><\/div>';\r\n  }).join('');\r\n  var kroki = Array.prototype.slice.call(ROOT.querySelectorAll('.hi-step'));\r\n  var fill = ROOT.querySelector('#hiFill');\r\n  function wypelnij(){\r\n    var n = kroki.filter(function(el){ return el.classList.contains('on'); }).length;\r\n    fill.style.height = Math.round(n \/ kroki.length * 100) + '%';\r\n  }\r\n  function pokazWszystkie(){\r\n    kroki.forEach(function(el){ el.classList.add('on'); });\r\n    fill.style.height = '100%';\r\n  }\r\n  if(window.matchMedia('(prefers-reduced-motion: reduce)').matches || !('IntersectionObserver' in window)){\r\n    pokazWszystkie();\r\n  } else {\r\n    var io = new IntersectionObserver(function(w){\r\n      w.forEach(function(e){\r\n        if(!e.isIntersecting) return;\r\n        e.target.classList.add('on');\r\n        io.unobserve(e.target);\r\n        wypelnij();\r\n      });\r\n    }, {threshold:.25, rootMargin:'0px 0px -8% 0px'});\r\n    kroki.forEach(function(el){ io.observe(el); });\r\n    setTimeout(pokazWszystkie, 4000);   \/* bezpiecznik *\/\r\n  }\r\n  \/* \u2500\u2500 liczniki \u2500\u2500 *\/\r\n  function licz(){\r\n    ROOT.querySelectorAll('[data-c]').forEach(function(el){\r\n      var koniec = +el.getAttribute('data-c'), start2 = null;\r\n      function krok(t){\r\n        if(start2 === null) start2 = t;\r\n        var p = Math.min(1, (t - start2) \/ 1400);\r\n        el.textContent = Math.round(koniec * (1 - Math.pow(1-p, 3)));\r\n        if(p < 1) requestAnimationFrame(krok); else el.textContent = koniec;\r\n      }\r\n      requestAnimationFrame(krok);\r\n    });\r\n  }\r\n  if('IntersectionObserver' in window){\r\n    var io2 = new IntersectionObserver(function(w){\r\n      if(w[0].isIntersecting){ licz(); io2.disconnect(); }\r\n    }, {threshold:.3});\r\n    io2.observe(ROOT.querySelector('#hiNums'));\r\n  } else { licz(); }\r\n  \/* \u2500\u2500 pe\u0142ny tekst \u2500\u2500 *\/\r\n  ROOT.querySelector('#hiBody').innerHTML =\r\n    HISTORIA.tekst.map(function(t){ return '<p>'+t+'<\/p>'; }).join('');\r\n  var body = ROOT.querySelector('#hiBody'), more = ROOT.querySelector('#hiMore'),\r\n      moreT = ROOT.querySelector('#hiMoreT');\r\n  more.addEventListener('click', function(){\r\n    var otw = body.classList.toggle('cut') === false;\r\n    more.classList.toggle('open', otw);\r\n    more.setAttribute('aria-expanded', otw ? 'true' : 'false');\r\n    moreT.textContent = otw ? 'Zwi\u0144 histori\u0119' : 'Czytaj ca\u0142\u0105 histori\u0119';\r\n    if(!otw){\r\n      \/* zwijamy \u2014 wracamy na pocz\u0105tek ramki z histori\u0105 (tej, nie cudzej kopii) *\/\r\n      var y = ROOT.querySelector('.hi-full').getBoundingClientRect().top\r\n            + window.pageYOffset - 80;\r\n      window.scrollTo({top:Math.max(0,y), behavior:'smooth'});\r\n    }\r\n  });\r\n  \/* \u2550\u2550 GALERIA BUDOWY \u2550\u2550\r\n     Zdj\u0119cia z dokumentacji inwestycji. Podpisy w polu c: \u2014 prosimy uzupe\u0142ni\u0107\r\n     opisami tego, co wida\u0107 na zdj\u0119ciu; teraz s\u0105 neutralne. *\/\r\n  var BUDOWA = {\r\n    zrodlo:'https:\/\/rz-budownictwo.pl\/realizacje\/projekty\/ant-ie-agnieszka-ositek\/',\r\n    fakty:[\r\n      {b:'1007 m\u00b2', s:'powierzchni u\u017cytkowej budynku'},\r\n      {b:'12.2014 \u2013 08.2015', s:'prace projektowe: projekt budowlany i wykonawczy'},\r\n      {b:'Parter + 2 pi\u0119tra', s:'pe\u0142na bry\u0142a oddana do u\u017cytku w 2019 roku'},\r\n      {b:'I etap', s:'w kolejnym planowana sala gimnastyczna i boiska'}\r\n    ],\r\n    zdjecia:[\r\n      {f:'ANT-ie_Agnieszka_Ositek1.jpg',  e:'Rozpocz\u0119cie inwestycji',\r\n       c:'Budynek szko\u0142y przy ul. Passowskiej 16A'},\r\n      {f:'ANT-ie_Agnieszka_Ositek2.jpg',  e:'Na deskach kre\u015blarskich',\r\n       c:'Projekt budowlany i wykonawczy konstrukcji budynku'},\r\n      {f:'ANT-ie_Agnieszka_Ositek3.jpg',  e:'Zanim wbito \u0142opat\u0119',\r\n       c:'Projekcja bry\u0142y szko\u0142y przygotowana na etapie projektowania'},\r\n      {f:'ANT-ie-Agnieszka-Ositek-1.jpg', e:'Prace wyko\u0144czeniowe',\r\n       c:'Widok na post\u0119py prac wewn\u0105trz i na zewn\u0105trz obiektu'},\r\n      {f:'ANT-ie-Agnieszka-Ositek-3.jpg', e:'Budynek gotowy',\r\n       c:'Zako\u0144czona konstrukcja \u2014 parter i dwa pi\u0119tra oddane do u\u017cytku'},\r\n      {f:'Hilaris-z-lotu-ptaka-scaled.jpg', e:'Dzi\u015b', p:'36% center',\r\n       c:'Szko\u0142a z lotu ptaka \u2014 dzi\u015b uczy si\u0119 w niej 119 uczni\u00f3w'}\r\n    ]\r\n  };\r\n  (function(){\r\n    var BAZA = 'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/';\r\n    var stage = ROOT.querySelector('#bdStage'),\r\n        rail  = ROOT.querySelector('#bdRail'),\r\n        prog  = ROOT.querySelector('#bdProg'),\r\n        no    = ROOT.querySelector('#bdNo'),\r\n        titleEl = ROOT.querySelector('#bdTitle'),\r\n        descEl  = ROOT.querySelector('#bdDesc');\r\n    if(!stage) return;\r\n    var Z = BUDOWA.zdjecia, n = Z.length, akt = 0, auto = null, ruszone = false;\r\n    \/* zdj\u0119cia w odwrotnej kolejno\u015bci w DOM, \u017ceby pierwsze by\u0142o na wierzchu *\/\r\n    stage.insertAdjacentHTML('afterbegin', Z.map(function(z,i){\r\n      return '<img decoding=\"async\" src=\"'+BAZA+z.f+'\" alt=\"'+z.c.replace(\/\"\/g,'&quot;')+'\" '\r\n        + (z.p ? 'style=\"--kadr:'+z.p+'\" ' : '')\r\n        + (i ? 'loading=\"lazy\" ' : '') + 'data-i=\"'+i+'\">';\r\n    }).join(''));\r\n    var img = Array.prototype.slice.call(stage.querySelectorAll('img'));\r\n    \/* o\u015b z punktami *\/\r\n    rail.insertAdjacentHTML('beforeend', Z.map(function(z,i){\r\n      var l = n === 1 ? 0 : (i\/(n-1)*100);\r\n      var etapTxt = 'Etap ' + (i + 1);\r\n      return '<span class=\"bd-dot\" role=\"button\" tabindex=\"0\" data-i=\"'+i+'\" '\r\n        + 'aria-label=\"'+etapTxt+'\" style=\"left:'+l+'%\"><span>'+etapTxt+'<\/span><\/span>';\r\n    }).join(''));\r\n    var dots = Array.prototype.slice.call(rail.querySelectorAll('.bd-dot'));\r\n    function pokaz(i){\r\n      akt = (i + n) % n;\r\n      img.forEach(function(el,k){ el.classList.toggle('on', k === akt); });\r\n      dots.forEach(function(el,k){\r\n        el.classList.toggle('now', k === akt);\r\n        el.classList.toggle('done', k < akt);\r\n      });\r\n      prog.style.width = (n === 1 ? 0 : (akt\/(n-1)*100)) + '%';\r\n      no.textContent = (akt+1) + ' \/ ' + n;\r\n      titleEl.textContent = Z[akt].e;\r\n      descEl.textContent = Z[akt].c;\r\n    }\r\n    function stop(){ if(auto){ clearInterval(auto); auto = null; } ruszone = true; }\r\n    function start(){\r\n      if(auto || ruszone) return;\r\n      if(window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n      auto = setInterval(function(){ pokaz(akt + 1); }, 4200);\r\n    }\r\n    dots.forEach(function(el){\r\n      el.addEventListener('click', function(){ stop(); pokaz(+el.getAttribute('data-i')); });\r\n      el.addEventListener('keydown', function(e){\r\n        if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); stop(); pokaz(+el.getAttribute('data-i')); }\r\n      });\r\n    });\r\n    ROOT.querySelector('#bdPrev').addEventListener('click', function(){ stop(); pokaz(akt-1); });\r\n    ROOT.querySelector('#bdNext').addEventListener('click', function(){ stop(); pokaz(akt+1); });\r\n    \/* przesuwanie palcem *\/\r\n    var x0 = null;\r\n    stage.addEventListener('touchstart', function(e){ x0 = e.touches[0].clientX; }, {passive:true});\r\n    stage.addEventListener('touchend', function(e){\r\n      if(x0 === null) return;\r\n      var dx = e.changedTouches[0].clientX - x0;\r\n      if(Math.abs(dx) > 45){ stop(); pokaz(akt + (dx < 0 ? 1 : -1)); }\r\n      x0 = null;\r\n    }, {passive:true});\r\n    \/* fakty *\/\r\n    ROOT.querySelector('#bdFacts').innerHTML = BUDOWA.fakty.map(function(f){\r\n      return '<div class=\"bd-fact\" data-x><b>'+f.b+'<\/b><span>'+f.s+'<\/span><\/div>';\r\n    }).join('');\r\n    pokaz(0);\r\n    if('IntersectionObserver' in window){\r\n      var io3 = new IntersectionObserver(function(w){\r\n        if(w[0].isIntersecting){ start(); } else { if(auto){ clearInterval(auto); auto = null; } }\r\n      }, {threshold:.4});\r\n      io3.observe(stage);\r\n    }\r\n  })();\r\n  \/* \u2500\u2500 powi\u0105zane \u2500\u2500 *\/\r\n  var T = [\r\n    {t:'Nasz zesp\u00f3\u0142', d:'kto uczy w Hilaris', c:'#2E86C8', h:U+'342',\r\n     i:ic('<circle cx=\"9\" cy=\"8.6\" r=\"3.2\"\/><path d=\"M2.9 19.4c0-3.4 2.7-5.6 6.1-5.6s6.1 2.2 6.1 5.6\"\/><circle cx=\"17.6\" cy=\"10.2\" r=\"2.4\"\/><path d=\"M15.9 19.4c0-2.6 1.9-4.2 4.2-4.2\"\/>')},\r\n    {t:'Misja i wizja', d:'w co wierzymy', c:'#D9A417', 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:'Dwuj\u0119zyczno\u015b\u0107', d:'jak uczymy', c:'#8B54C4', h:U+'357',\r\n     i:ic('<path d=\"M12 2.9 2.9 7.5 12 12.1l9.1-4.6z\"\/><path d=\"m2.9 12.1 9.1 4.6 9.1-4.6\"\/><path d=\"m2.9 16.5 9.1 4.6 9.1-4.6\"\/>')},\r\n    {t:'Wirtualny spacer', d:'zobacz budynek', c:'#3E8E5A', 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  ROOT.querySelector('#hiTiles').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})();\r\n<\/script>\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 Historia szko\u0142y Miejsce, w kt\u00f3rym dzieci ucz\u0105 si\u0119, odkrywaj\u0105 swoje talenty i rozwijaj\u0105 pasje \u2014 w atmosferze szacunku, rado\u015bci i wsp\u00f3\u0142pracy. Droga od jednej sali do w\u0142asnego budynku \u2014 Tak powstawa\u0142 nasz budynek Kilka kadr\u00f3w z dokumentacji inwestycji przy ul. Passowskiej 16A. Prosimy przesun\u0105\u0107 palcem albo dotkn\u0105\u0107 punktu na osi. \u2014 [&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-2623","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/2623","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=2623"}],"version-history":[{"count":133,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/2623\/revisions"}],"predecessor-version":[{"id":6753,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/2623\/revisions\/6753"}],"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=2623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}