{"id":638,"date":"2026-03-10T23:05:06","date_gmt":"2026-03-10T23:05:06","guid":{"rendered":"https:\/\/www.labiryntywiary.pl\/?page_id=638"},"modified":"2026-03-11T12:45:56","modified_gmt":"2026-03-11T12:45:56","slug":"struktura","status":"publish","type":"page","link":"https:\/\/www.labiryntywiary.pl\/?page_id=638","title":{"rendered":"Struktura"},"content":{"rendered":"\n<!-- ==========================================\n     KOMPONENT: STRUKTURA MATERIA\u0141\u00d3W (TRE\u015a\u0106 WN\u0118TRZA)\n     STYL: NEO-BRUTALISM \/ CATHOLIC SCOUTING \/ BENTO BOX\n=========================================== -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                fontFamily: {\n                    sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\n                    mono: ['\"Roboto Mono\"', 'monospace'],\n                },\n                colors: { brutal: { accent: '#4F46E5', red: '#DC2626', green: '#22C55E', yellow: '#EAB308', blue: '#3B82F6' } }\n            }\n        }\n    }\n<\/script>\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;800;900&family=Roboto+Mono:wght@400;700&display=swap');\n    .font-sans-brutal { font-family: 'Plus Jakarta Sans', sans-serif; }\n    \n    .neo-badge { border: 4px solid #000; border-radius: 1.5rem; box-shadow: 6px 6px 0px 0px #000; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }\n    .neo-badge:hover { transform: translateY(-6px); box-shadow: 12px 12px 0px 0px #000; }\n    \n    .neo-btn { border: 4px solid #000; border-radius: 1rem; box-shadow: 4px 4px 0px 0px #000; transition: all 0.15s ease-in-out; }\n    .neo-btn:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0px 0px #000; }\n    .neo-btn:active { transform: translate(4px, 4px); box-shadow: 0px 0px 0px 0px #000; }\n<\/style>\n\n<div class=\"font-sans-brutal bg-white min-h-screen pb-24 selection:bg-brutal-accent selection:text-white\">\n    <main class=\"max-w-7xl mx-auto px-4 md:px-6 xl:px-8 py-6 xl:py-12\">\n        \n        <!-- HERO -->\n        <section class=\"mb-16 xl:mb-24 mt-0\">\n            <span class=\"font-mono text-[10px] font-bold uppercase tracking-widest bg-gray-100 text-black border-[2px] border-black rounded-full inline-block px-4 py-1 mb-6\">Dokumentacja Systemu<\/span>\n            \n            <!-- POPRAWKA: text-3xl dla najmniejszych ekran\u00f3w, break-words jako blokada -->\n            <h1 class=\"text-4xl sm:text-5xl md:text-7xl xl:text-8xl font-black uppercase tracking-tight leading-none mb-8 break-words\">\n                Architektura <br><span class=\"text-brutal-red\">Formacji<\/span>\n            <\/h1>\n            \n            <div class=\"border-l-[4px] border-brutal-red pl-4 md:pl-6 py-2 max-w-4xl\">\n                <p class=\"text-lg md:text-2xl font-bold leading-relaxed text-black mb-4\">\n                    Nasze narz\u0119dzia wykorzystuj\u0105 dwupodmiotowo\u015b\u0107 wychowania: formator (duszpasterz\/animator) inspiruje i weryfikuje, a formowany podejmuje \u015bwiadom\u0105 aktywno\u015b\u0107.\n                <\/p>\n                <p class=\"text-base md:text-lg font-bold text-gray-600\">\n                    Poznaj fundamenty interdyscyplinarnego systemu bazuj\u0105cego na metodzie skautowej.\n                <\/p>\n            <\/div>\n        <\/section>\n\n        <!-- 01: BENTO BOX - KOMPONENTY SYSTEMU -->\n        <section class=\"mb-24\">\n            <div class=\"flex items-center gap-4 mb-10\">\n                <div class=\"w-10 h-10 md:w-12 md:h-12 border-[3px] border-black rounded-full bg-black text-white flex items-center justify-center font-black text-lg md:text-xl shrink-0\">1<\/div>\n                <h2 class=\"text-2xl md:text-4xl font-black uppercase break-words\">Komponenty Systemu<\/h2>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                <!-- Karty Sprawno\u015bci (Main Focus) -->\n                <article class=\"neo-badge p-6 md:p-8 bg-brutal-accent text-white md:col-span-2 flex flex-col justify-center\">\n                    <span class=\"font-mono text-[10px] font-bold bg-black text-white px-3 py-1 rounded-full mb-6 self-start tracking-widest uppercase\">Karty_Sprawnosci<\/span>\n                    <h3 class=\"text-2xl md:text-3xl font-black uppercase mb-4\">Zadania Praktyczne<\/h3>\n                    <p class=\"text-base md:text-lg font-bold leading-relaxed text-white\/90\">\n                        Skr\u00f3cone konspekty dla animatora i uczestnika. Proponuj\u0105 konkretn\u0105 sekwencj\u0119 dzia\u0142a\u0144 (Obejrzyj, Przeczytaj, Wykonaj), pozwalaj\u0105c na aktywne zapoznanie si\u0119 z zagadnieniem, zamiast biernego s\u0142uchania wyk\u0142adu.\n                    <\/p>\n                <\/article>\n\n                <!-- Karty Wiedzy -->\n                <article class=\"neo-badge p-6 md:p-8 bg-white flex flex-col justify-center\">\n                    <span class=\"font-mono text-[10px] font-bold border-[2px] border-black text-black px-3 py-1 rounded-full mb-6 self-start tracking-widest uppercase\">Karty_Wiedzy<\/span>\n                    <h3 class=\"text-xl md:text-2xl font-black uppercase mb-4 text-black\">Teoria w Pigu\u0142ce<\/h3>\n                    <p class=\"text-sm md:text-base font-bold leading-relaxed text-gray-700\">\n                        Minimalistyczna struktura maksymalizuj\u0105ca efektywno\u015b\u0107. Zintegrowane z kartami sprawno\u015bci, zawieraj\u0105 odno\u015bniki do rzetelnych \u017ar\u00f3de\u0142 (np. OWMR).\n                    <\/p>\n                <\/article>\n\n                <!-- System Odznacze\u0144 -->\n                <article class=\"neo-badge p-6 md:p-8 bg-gray-50 md:col-span-3 flex flex-col md:flex-row items-center gap-6 md:gap-8 border-b-[8px] border-b-brutal-red\">\n                    <div class=\"w-16 h-16 md:w-20 md:h-20 shrink-0 bg-white border-[4px] border-black rounded-full flex items-center justify-center text-3xl md:text-4xl shadow-[4px_4px_0px_0px_#000]\">\ud83c\udf96<\/div>\n                    <div class=\"text-center md:text-left\">\n                        <span class=\"font-mono text-[10px] font-bold bg-black text-white px-3 py-1 rounded-full mb-4 inline-block tracking-widest uppercase\">System_Odznak<\/span>\n                        <h3 class=\"text-xl md:text-2xl font-black uppercase mb-2 text-black\">Wizualizacja Post\u0119p\u00f3w<\/h3>\n                        <p class=\"text-sm md:text-base font-bold leading-relaxed text-gray-700\">\n                            Wizualna reprezentacja post\u0119p\u00f3w formacji. Odznaki przyznawane s\u0105 po obiektywnej weryfikacji przez duszpasterza, stanowi\u0105c namacalny dow\u00f3d zdobytych kwalifikacji.\n                        <\/p>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <!-- 02 & 03: ETAPY I KLUCZE -->\n        <section class=\"mb-24 grid grid-cols-1 xl:grid-cols-2 gap-12\">\n            \n            <!-- Klucze Organizacyjne -->\n            <div>\n                <div class=\"flex items-center gap-4 mb-8\">\n                    <div class=\"w-10 h-10 md:w-12 md:h-12 border-[3px] border-black rounded-full bg-white text-black flex items-center justify-center font-black text-lg md:text-xl shadow-[3px_3px_0px_0px_#000] shrink-0\">2<\/div>\n                    <h2 class=\"text-2xl md:text-3xl font-black uppercase break-words\">Klucze Organizacji<\/h2>\n                <\/div>\n                <div class=\"space-y-6\">\n                    <div class=\"neo-badge p-5 md:p-6 bg-white\">\n                        <h3 class=\"text-lg md:text-xl font-black uppercase mb-2\">Tryb Systematyczny<\/h3>\n                        <p class=\"text-sm font-bold text-gray-700\">Podzia\u0142 na sp\u00f3jne Zeszyty odpowiadaj\u0105ce kolejnym, chronologicznym stopniom formacji (np. Kandydat, Ministrant, Lektor).<\/p>\n                    <\/div>\n                    <div class=\"neo-badge p-5 md:p-6 bg-white border-l-[8px] border-l-brutal-red\">\n                        <h3 class=\"text-lg md:text-xl font-black uppercase mb-2\">Tryb Tematyczny<\/h3>\n                        <p class=\"text-sm font-bold text-gray-700\">Podzia\u0142 na Dzia\u0142y tematyczne grupuj\u0105ce pokrewne sprawno\u015bci niezale\u017cnie od stopnia. Zawiera dedykowane materia\u0142y wideo (kody QR).<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Etapy Formacji -->\n            <div>\n                <div class=\"flex items-center gap-4 mb-8\">\n                    <div class=\"w-10 h-10 md:w-12 md:h-12 border-[3px] border-black rounded-full bg-white text-black flex items-center justify-center font-black text-lg md:text-xl shadow-[3px_3px_0px_0px_#000] shrink-0\">3<\/div>\n                    <h2 class=\"text-2xl md:text-3xl font-black uppercase break-words\">Etapy (Zeszyty)<\/h2>\n                <\/div>\n                <div class=\"space-y-4\">\n                    <div class=\"flex items-start gap-4 p-4 border-[3px] border-gray-200 rounded-2xl hover:border-black transition-colors\">\n                        <div class=\"w-10 h-10 border-[2px] border-black rounded-full flex items-center justify-center font-black bg-gray-100 shrink-0\">I<\/div>\n                        <div>\n                            <h3 class=\"font-black uppercase text-base md:text-lg\">Kandydatura i Pocz\u0105tki<\/h3>\n                            <p class=\"text-xs md:text-sm font-bold text-gray-600 mt-1\">Zasady \u017cycia SL, postawy, modlitwy, dzwonki.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex items-start gap-4 p-4 border-[3px] border-gray-200 rounded-2xl hover:border-black transition-colors\">\n                        <div class=\"w-10 h-10 border-[2px] border-black rounded-full flex items-center justify-center font-black bg-gray-100 shrink-0\">II<\/div>\n                        <div>\n                            <h3 class=\"font-black uppercase text-base md:text-lg\">Okres Ministrantury<\/h3>\n                            <p class=\"text-xs md:text-sm font-bold text-gray-600 mt-1\">Dialogi mszalne, naczynia, przygotowanie o\u0142tarza.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex items-start gap-4 p-4 border-[3px] border-gray-200 rounded-2xl hover:border-black transition-colors\">\n                        <div class=\"w-10 h-10 border-[2px] border-black rounded-full flex items-center justify-center font-black bg-gray-100 shrink-0\">III<\/div>\n                        <div>\n                            <h3 class=\"font-black uppercase text-base md:text-lg\">Lektor i Ceremoniarz<\/h3>\n                            <p class=\"text-xs md:text-sm font-bold text-gray-600 mt-1\">Ksi\u0119gi (Msza\u0142, Lekcjonarz), Liturgia Godzin, Triduum.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n        <\/section>\n\n        <!-- 04: FORMACJA INTEGRALNA -->\n        <section class=\"mb-16\">\n            <div class=\"flex items-center gap-4 mb-8 border-b-[3px] border-gray-200 pb-4\">\n                <div class=\"w-10 h-10 md:w-12 md:h-12 border-[3px] border-black rounded-full bg-black text-white flex items-center justify-center font-black text-lg md:text-xl shadow-[3px_3px_0px_0px_#000] shrink-0\">4<\/div>\n                <h2 class=\"text-2xl md:text-4xl font-black uppercase break-words\">Kolory Odznak<\/h2>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-6\">\n                <!-- Zielony -->\n                <div class=\"neo-badge p-6 md:p-8 bg-white flex flex-col justify-center text-center items-center group\">\n                    <div class=\"w-14 h-14 md:w-16 md:h-16 bg-brutal-green mb-4 md:mb-6 border-[4px] border-black rounded-full shadow-[inset_0px_4px_4px_rgba(255,255,255,0.4)] group-hover:scale-110 transition-transform\"><\/div>\n                    <h4 class=\"font-black uppercase text-lg md:text-xl mb-2\">Zielony<\/h4>\n                    <span class=\"block text-[10px] md:text-xs font-bold uppercase text-gray-500 tracking-widest\">Aspekt Liturgiczny <br>&#038; Duchowy<\/span>\n                <\/div>\n                \n                <!-- Czerwony -->\n                <div class=\"neo-badge p-6 md:p-8 bg-white flex flex-col justify-center text-center items-center group\">\n                    <div class=\"w-14 h-14 md:w-16 md:h-16 bg-brutal-red mb-4 md:mb-6 border-[4px] border-black rounded-full shadow-[inset_0px_4px_4px_rgba(255,255,255,0.4)] group-hover:scale-110 transition-transform\"><\/div>\n                    <h4 class=\"font-black uppercase text-lg md:text-xl mb-2\">Czerwony<\/h4>\n                    <span class=\"block text-[10px] md:text-xs font-bold uppercase text-gray-500 tracking-widest\">Aspekt Spo\u0142eczny <br>&#038; Relacyjny<\/span>\n                <\/div>\n                \n                <!-- Niebieski -->\n                <div class=\"neo-badge p-6 md:p-8 bg-white flex flex-col justify-center text-center items-center group\">\n                    <div class=\"w-14 h-14 md:w-16 md:h-16 bg-brutal-blue mb-4 md:mb-6 border-[4px] border-black rounded-full shadow-[inset_0px_4px_4px_rgba(255,255,255,0.4)] group-hover:scale-110 transition-transform\"><\/div>\n                    <h4 class=\"font-black uppercase text-lg md:text-xl mb-2\">Niebieski<\/h4>\n                    <span class=\"block text-[10px] md:text-xs font-bold uppercase text-gray-500 tracking-widest\">Aspekt <br>Intelektualny<\/span>\n                <\/div>\n                \n                <!-- \u017b\u00f3\u0142ty -->\n                <div class=\"neo-badge p-6 md:p-8 bg-white flex flex-col justify-center text-center items-center group\">\n                    <div class=\"w-14 h-14 md:w-16 md:h-16 bg-brutal-yellow mb-4 md:mb-6 border-[4px] border-black rounded-full shadow-[inset_0px_4px_4px_rgba(255,255,255,0.4)] group-hover:scale-110 transition-transform\"><\/div>\n                    <h4 class=\"font-black uppercase text-lg md:text-xl mb-2\">\u017b\u00f3\u0142ty<\/h4>\n                    <span class=\"block text-[10px] md:text-xs font-bold uppercase text-gray-500 tracking-widest\">Aspekt Fizyczny <br>&#038; Kreatywno\u015b\u0107<\/span>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- CTA ZAKO\u0143CZENIA -->\n        <section class=\"mt-16 md:mt-24 text-center px-4 border-[4px] border-black rounded-[2rem] p-8 md:p-12 bg-brutal-accent text-white shadow-[6px_6px_0px_0px_#000] md:shadow-[8px_8px_0px_0px_#000]\">\n            <h2 class=\"text-2xl md:text-4xl xl:text-5xl font-black uppercase mb-6 md:mb-8\">Gotowy wdro\u017cy\u0107 architektur\u0119?<\/h2>\n            <a href=\"https:\/\/www.labiryntywiary.pl\/?page_id=653\" class=\"inline-flex w-full md:w-auto items-center justify-center bg-white text-black font-black uppercase text-sm md:text-base xl:text-lg tracking-[0.2em] neo-btn px-6 md:px-10 py-5 hover:bg-gray-100 transition-colors animate-[pulse_3s_ease-in-out_infinite] hover:animate-none\">\n                ZAMAWIAM MATERIA\u0141Y\n            <\/a>\n        <\/section>\n\n    <\/main>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dokumentacja Systemu Architektura Formacji Nasze narz\u0119dzia wykorzystuj\u0105 dwupodmiotowo\u015b\u0107 wychowania: formator (duszpasterz\/animator) inspiruje i weryfikuje, a formowany podejmuje \u015bwiadom\u0105 aktywno\u015b\u0107. Poznaj fundamenty interdyscyplinarnego systemu bazuj\u0105cego na metodzie skautowej. 1 Komponenty Systemu Karty_Sprawnosci Zadania Praktyczne Skr\u00f3cone konspekty dla animatora i uczestnika. Proponuj\u0105 konkretn\u0105 sekwencj\u0119 dzia\u0142a\u0144 (Obejrzyj, Przeczytaj, Wykonaj), pozwalaj\u0105c na aktywne zapoznanie si\u0119 z zagadnieniem, zamiast biernego [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-638","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.labiryntywiary.pl\/index.php?rest_route=\/wp\/v2\/pages\/638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.labiryntywiary.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.labiryntywiary.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.labiryntywiary.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.labiryntywiary.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=638"}],"version-history":[{"count":7,"href":"https:\/\/www.labiryntywiary.pl\/index.php?rest_route=\/wp\/v2\/pages\/638\/revisions"}],"predecessor-version":[{"id":674,"href":"https:\/\/www.labiryntywiary.pl\/index.php?rest_route=\/wp\/v2\/pages\/638\/revisions\/674"}],"wp:attachment":[{"href":"https:\/\/www.labiryntywiary.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}