{"id":788,"date":"2025-09-24T18:49:36","date_gmt":"2025-09-24T22:49:36","guid":{"rendered":"https:\/\/ps369.org\/?page_id=788"},"modified":"2026-02-23T16:54:28","modified_gmt":"2026-02-23T21:54:28","slug":"classrooms-2","status":"publish","type":"page","link":"https:\/\/ps369.org\/?page_id=788","title":{"rendered":"Classrooms"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"788\" class=\"elementor elementor-788\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02549d1 e-flex e-con-boxed e-con e-parent\" data-id=\"02549d1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d3fc22 elementor-widget elementor-widget-html\" data-id=\"4d3fc22\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- External Dependencies -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n    #yle-dashboard-widget {\n        --bg-navy: #122449;\n        --yle-gold: #FFD700;\n        --card-border: rgba(255, 255, 255, 0.1);\n        --glass-bg: rgba(255, 255, 255, 0.05);\n        \n        font-family: -apple-system, \"system-ui\", \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        background-color: var(--bg-navy);\n        color: #FFFFFF;\n        padding: 40px 20px;\n        min-height: 100vh;\n    }\n\n    #yle-dashboard-widget .poppins { font-family: 'Poppins', sans-serif; }\n\n    \/* Navigation Chips *\/\n    .filter-chip {\n        background: var(--glass-bg);\n        border: 1px solid var(--card-border);\n        color: rgba(255, 255, 255, 0.6);\n        padding: 10px 20px;\n        border-radius: 50px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        white-space: nowrap;\n        font-weight: 600;\n        font-size: 0.9rem;\n    }\n\n    .filter-chip.active {\n        background: var(--yle-gold);\n        color: var(--bg-navy);\n        border-color: var(--yle-gold);\n        box-shadow: 0 0 15px rgba(255, 215, 0, 0.3);\n    }\n\n    \/* Classroom Cards *\/\n    .classroom-card {\n        background: var(--glass-bg);\n        border: 1px solid var(--card-border);\n        backdrop-filter: blur(10px);\n        border-radius: 1.5rem;\n        padding: 24px;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        min-height: 220px;\n        cursor: pointer;\n    }\n\n    .classroom-card:hover {\n        border-color: var(--yle-gold);\n        background: rgba(255, 255, 255, 0.08);\n        transform: translateY(-5px);\n    }\n\n    \/* Avatar UI *\/\n    .avatar-row {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 1.25rem;\n        flex-wrap: wrap; \n    }\n\n    .icon-circle {\n        width: 50px;\n        height: 50px;\n        background: var(--yle-gold);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n        overflow: hidden;\n        border: 2px solid var(--yle-gold);\n        flex-shrink: 0;\n        color: #122449;\n    }\n\n    .icon-circle img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    \/* Transitions between views *\/\n    #dashboard-view, #detail-view {\n        transition: opacity 0.4s ease, transform 0.4s ease;\n    }\n\n    .hidden-view {\n        display: none !important;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    \/* Visit Buttons - Always Visible *\/\n    .visit-btn {\n        background: var(--yle-gold);\n        color: var(--bg-navy);\n        font-weight: 700;\n        padding: 8px 16px;\n        border-radius: 8px;\n        font-size: 0.8rem;\n        text-align: center;\n        margin-top: 1rem;\n        transition: all 0.3s ease;\n        opacity: 1 !important; \n        transform: translateY(0) !important;\n        display: block;\n        width: 100%;\n    }\n\n    .classroom-card:hover .visit-btn {\n        background: #fff080;\n        transform: scale(1.02) !important;\n    }\n\n    .gold-glow {\n        color: var(--yle-gold);\n        filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));\n    }\n\n    .hide-scrollbar::-webkit-scrollbar { display: none; }\n    .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n    \n    .neutral-avatar-icon {\n        width: 30px;\n        height: 30px;\n    }\n\n    \/* Detail Page Styles *\/\n    .back-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        color: var(--yle-gold);\n        font-weight: 600;\n        margin-bottom: 1.5rem;\n        cursor: pointer;\n        padding: 8px 16px;\n        border-radius: 50px;\n        background: rgba(255, 215, 0, 0.1);\n        transition: all 0.2s ease;\n    }\n\n    .back-btn:hover {\n        background: rgba(255, 215, 0, 0.2);\n    }\n\n    \/* Animation Classes *\/\n    .category-section {\n        display: none;\n        animation: fadeIn 0.5s ease forwards;\n    }\n\n    .category-section.active {\n        display: block;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Modal \/ Lightbox Styles *\/\n    #cluster-modal {\n        transition: opacity 0.3s ease, visibility 0.3s;\n        z-index: 100;\n    }\n    \n    #cluster-modal-content {\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;\n    }\n\n    .hidden-modal {\n        opacity: 0;\n        visibility: hidden;\n        pointer-events: none;\n    }\n\n    .hidden-modal #cluster-modal-content {\n        transform: scale(0.95) translateY(10px);\n    }\n<\/style>\n\n<div id=\"yle-dashboard-widget\" class=\"relative\">\n    <!-- ================= MAIN DASHBOARD VIEW ================= -->\n    <div id=\"dashboard-view\" class=\"max-w-6xl mx-auto\">\n        <header class=\"text-center mb-12\">\n            <h1 class=\"poppins text-4xl md:text-6xl font-extrabold gold-glow mb-4\">Classroom Portal \u2728<\/h1>\n            <p class=\"text-gray-400 text-lg max-w-2xl mx-auto font-light\">Select your student's grade level to access their classroom page.<\/p>\n        <\/header>\n\n        <div class=\"flex overflow-x-auto gap-3 pb-8 mb-8 hide-scrollbar justify-start md:justify-center\">\n            <button class=\"filter-chip active\" onclick=\"filterGrade('all', this)\">All Rooms<\/button>\n            <button class=\"filter-chip\" onclick=\"filterGrade('early', this)\">3K & Pre-K<\/button>\n            <button class=\"filter-chip\" onclick=\"filterGrade('k', this)\">Kindergarten<\/button>\n            <button class=\"filter-chip\" onclick=\"filterGrade('lower', this)\">1st & 2nd<\/button>\n            <button class=\"filter-chip\" onclick=\"filterGrade('upper', this)\">3rd, 4th & 5th<\/button>\n            <button class=\"filter-chip\" onclick=\"filterGrade('clusters', this)\">Clusters<\/button>\n        <\/div>\n\n        <main id=\"dashboard-grid\">\n            \n            <!-- EARLY CHILDHOOD -->\n            <div class=\"category-section active\" data-grade=\"early\">\n                <h2 class=\"poppins text-2xl font-bold mb-6 flex items-center gap-3\">\n                    <span class=\"w-8 h-1 bg-yellow-400 rounded\"><\/span> Early Childhood\n                <\/h2>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12\">\n                    \n                    <div class=\"classroom-card\" onclick=\"openClass(this, 'https:\/\/ps369.org\/wp-content\/uploads\/2026\/02\/3K-103.png')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_f3a55231-0e39-46e7-97ea-cca61de0572e.png\" alt=\"Ms. Mindy\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">3K - 103<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Rachel & Ms. Mindy<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                    <div class=\"classroom-card\" onclick=\"openClass(this, 'https:\/\/ps369.org\/wp-content\/uploads\/2026\/02\/3K-105.png')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_188cfc20-0034-465c-a4f2-e1bd14a568d8.png\" alt=\"Ms. Martinez\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_7a5cc6ee-4801-42aa-894c-25a2b5028ba4.png\" alt=\"Ms. Estrada\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">3K - 105<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Martinez & Ms. Estrada<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                    <div class=\"classroom-card\" onclick=\"openClass(this, '')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_b7f0f13c-105c-41cc-995e-1ccf21fe34c9.png\" alt=\"Ms. Aponte\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/11\/Ms-Davis.jpeg\" alt=\"Ms. Paola\"><\/div>\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_3a6dd855-2bf3-48a4-99cf-28d154fe91f2.png\" alt=\"Ms. Doris\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">PK - 104<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Aponte, Ms. Paola, Ms. Diana, & Ms. Doris<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                    <div class=\"classroom-card\" onclick=\"openClass(this, '')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_0e02eea6-9a1c-4780-8eec-e9b9f342bdd2.png\" alt=\"Ms. Holloway\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">PK - 214<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Leslie & Ms. Holloway<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                    <div class=\"classroom-card\" onclick=\"openClass(this, '')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_f3c87a70-90fd-4bdb-bf1c-0da6aeddacba.png\" alt=\"Ms. Rose\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_d55dd607-8025-4397-90fd-e7ec877cf54c.png\" alt=\"Ms. Lopez\"><\/div>\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">3K\/PK - 106<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Rose, Ms. Lopez, & Ms. Nicole<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <!-- KINDERGARTEN -->\n            <div class=\"category-section active\" data-grade=\"k\">\n                <h2 class=\"poppins text-2xl font-bold mb-6 flex items-center gap-3\">\n                    <span class=\"w-8 h-1 bg-yellow-400 rounded\"><\/span> Kindergarten\n                <\/h2>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12\">\n                    \n                    <div class=\"classroom-card\" onclick=\"openClass(this, 'https:\/\/ps369.org\/wp-content\/uploads\/2026\/02\/Kindergarden-203.png')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_a7eb8bd3-1640-49f1-a40b-4f11e8fa6743.png\" alt=\"Ms. Ana\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_7f539ad5-8413-4227-ac9a-10c02558ad94-1.png\" alt=\"Mr. Gonzalez\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_cae36205-5b53-4546-8a72-5dadbdb53835.png\" alt=\"Ms. Fatima\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">K - 203<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Ana, Mr. Yanez-Gonzalez, & Ms. Fatima<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                    <div class=\"classroom-card\" onclick=\"openClass(this, '')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_a1af1d26-c636-405f-8456-0c5521fbaf1d-1.png\" alt=\"Ms. Ineabelle\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_b58c9a70-81cf-47a6-9482-bd4474ecede9.png\" alt=\"Mr. Manny\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">K - 201<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Ineabelle & Mr. Manny<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <!-- LOWER ELEMENTARY -->\n            <div class=\"category-section active\" data-grade=\"lower\">\n                <h2 class=\"poppins text-2xl font-bold mb-6 flex items-center gap-3\">\n                    <span class=\"w-8 h-1 bg-yellow-400 rounded\"><\/span> Lower Elementary\n                <\/h2>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12\">\n                    \n                    <div class=\"classroom-card\" onclick=\"openClass(this, 'https:\/\/ps369.org\/wp-content\/uploads\/2026\/02\/1st_grade-204.png')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_8a37a775-e624-471f-af88-851ce47084bd.png\" alt=\"Ms. Hunter\"><\/div>\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_8512934f-41c6-4c8c-abaf-26ca3db5cdef.png\" alt=\"Mr. E\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">1st Grade - 204<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Hunter, Ms. Perry, & Mr. E<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                    <div class=\"classroom-card\" onclick=\"openClass(this, 'https:\/\/ps369.org\/wp-content\/uploads\/2026\/02\/2nd_grade-209.png')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_20d14439-4b80-4cfb-9986-c92e992ff5f8.png\" alt=\"Ms. Polanco\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/11\/Ms-Santiago.jpeg\" alt=\"Ms. Santiago\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">2nd Grade - 209<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Polanco & Ms. Santiago<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <!-- UPPER ELEMENTARY -->\n            <div class=\"category-section active\" data-grade=\"upper\">\n                <h2 class=\"poppins text-2xl font-bold mb-6 flex items-center gap-3\">\n                    <span class=\"w-8 h-1 bg-yellow-400 rounded\"><\/span> Upper Elementary\n                <\/h2>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12\">\n                    \n                    <div class=\"classroom-card\" onclick=\"openClass(this, 'https:\/\/ps369.org\/wp-content\/uploads\/2026\/02\/3rd_grade-409.png')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_939dc4d5-ec89-491d-9793-fe44f3157fa9.png\" alt=\"Ms. Davis\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_ef2b6f27-8f1d-4835-b974-12400c4e34a1.png\" alt=\"Ms. Tee\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">3rd Grade - 409<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. J, Ms. Davis, & Ms. Tee<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                    <div class=\"classroom-card\" onclick=\"openClass(this, 'https:\/\/ps369.org\/wp-content\/uploads\/2026\/02\/4th_grade-416.png')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_04da624a-17d6-4246-a9ac-8b88f1166b45.png\" alt=\"Ms. Curry\"><\/div>\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_5337c0dd-f4c4-440e-a4a0-2289a148d7d9.png\" alt=\"Ms. Duran\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">4th Grade - 416<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Curry, Ms. Wilson, & Ms. Duran<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                    <div class=\"classroom-card\" onclick=\"openClass(this, 'https:\/\/ps369.org\/wp-content\/uploads\/2026\/02\/4th_grade-415.png')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/11\/Ms-Riege.jpeg\" alt=\"Ms. Riege\"><\/div>\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">4th Grade - 415<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Riege & Mr. Solano<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                    <div class=\"classroom-card\" onclick=\"openClass(this, 'https:\/\/ps369.org\/wp-content\/uploads\/2026\/02\/5th_grade-405.png')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_468d78e7-bfe9-47fd-8362-42137f89a392.png\" alt=\"Ms. Gonzalez\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">5th Grade - 405<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Gonzalez<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                    <div class=\"classroom-card\" onclick=\"openClass(this, 'https:\/\/ps369.org\/wp-content\/uploads\/2026\/02\/5th_grade-414.png')\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/11\/Ms-Hamzaraj.jpeg\" alt=\"Ms. Hamzaraj\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/11\/Ms-Maiga.jpeg\" alt=\"Ms. Maiga\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">5th Grade - 414<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Hamzaraj & Ms. Maiga<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Classroom<\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <!-- CLUSTERS -->\n            <div class=\"category-section active\" data-grade=\"clusters\">\n                <h2 class=\"poppins text-2xl font-bold mb-6 flex items-center gap-3 text-yellow-400\">\n                    <span class=\"w-8 h-1 bg-white rounded\"><\/span> Specialty Programs\n                <\/h2>\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-12\">\n                    <div class=\"classroom-card items-center text-center !min-h-[160px]\" onclick=\"openClusterModal(this, 'Develop strategic thinking, patience, and problem-solving skills in our dedicated chess program.')\">\n                        <div class=\"avatar-row justify-center\">\n                            <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                        <\/div>\n                        <span class=\"poppins font-bold tracking-wider text-sm\">CHESS<\/span>\n                        <div class=\"visit-btn w-full\">Learn More<\/div>\n                    <\/div>\n                    <div class=\"classroom-card items-center text-center !min-h-[160px]\" onclick=\"openClusterModal(this, 'Explore science, technology, engineering, and math through hands-on experiments and exciting projects with Mr. Nau.')\">\n                        <div class=\"avatar-row justify-center\">\n                            <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_c4f8ce1f-c3eb-44c8-8c18-d2909dbccc3e.png\" alt=\"Mr. Nau\"><\/div>\n                        <\/div>\n                        <span class=\"poppins font-bold tracking-wider text-sm\">STEM<\/span>\n                        <div class=\"visit-btn w-full\">Learn More<\/div>\n                    <\/div>\n                    <div class=\"classroom-card items-center text-center !min-h-[160px]\" onclick=\"openClusterModal(this, 'Unleash creativity and self-expression using various mediums, techniques, and art history with Ms. Claire.')\">\n                        <div class=\"avatar-row justify-center\">\n                            <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/11\/Ms-Meagher.jpeg\" alt=\"Ms. Claire\"><\/div>\n                        <\/div>\n                        <span class=\"poppins font-bold tracking-wider text-sm\">ART<\/span>\n                        <div class=\"visit-btn w-full\">Learn More<\/div>\n                    <\/div>\n                    <div class=\"classroom-card items-center text-center !min-h-[160px]\" onclick=\"openClusterModal(this, 'Stay active, learn teamwork, and develop healthy physical habits in our physical education classes with Mr. Hunter.')\">\n                        <div class=\"avatar-row justify-center\">\n                            <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_26bf5745-109a-4506-b19b-cdb7ae09d974.png\" alt=\"Mr. Hunter\"><\/div>\n                        <\/div>\n                        <span class=\"poppins font-bold tracking-wider text-sm\">GYM<\/span>\n                        <div class=\"visit-btn w-full\">Learn More<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/main>\n    <\/div>\n\n    <!-- ================= LIGHTBOX MODAL FOR CLUSTERS ================= -->\n    <div id=\"cluster-modal\" class=\"fixed inset-0 flex items-center justify-center hidden-modal w-full h-full\">\n        <!-- Dark Blur Backdrop -->\n        <div class=\"absolute inset-0 bg-[#122449]\/90 backdrop-blur-sm cursor-pointer\" onclick=\"closeClusterModal()\"><\/div>\n        \n        <!-- Modal Box -->\n        <div id=\"cluster-modal-content\" class=\"bg-white\/10 border border-yellow-400\/30 rounded-3xl p-8 md:p-12 max-w-lg w-[90%] relative z-10 shadow-[0_20px_50px_rgba(0,0,0,0.5)] flex flex-col items-center text-center backdrop-blur-md\">\n            \n            <!-- Close Button -->\n            <button onclick=\"closeClusterModal()\" class=\"absolute top-4 right-4 text-gray-400 hover:text-yellow-400 transition-colors p-2\">\n                <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n            <\/button>\n\n            <!-- Dynamic Icon\/Photo -->\n            <div id=\"cluster-modal-icon\" class=\"avatar-row justify-center mb-6 scale-125 transform origin-center\">\n                <!-- Icon injected here -->\n            <\/div>\n            \n            <!-- Dynamic Content -->\n            <h3 id=\"cluster-modal-title\" class=\"poppins text-3xl font-extrabold text-yellow-400 mb-4 tracking-wide gold-glow\">TITLE<\/h3>\n            <p id=\"cluster-modal-desc\" class=\"text-gray-200 text-lg leading-relaxed font-light\">Description goes here.<\/p>\n            \n            <button onclick=\"closeClusterModal()\" class=\"mt-8 bg-transparent border-2 border-yellow-400 text-yellow-400 font-bold py-2 px-8 rounded-full hover:bg-yellow-400 hover:text-[#122449] transition-colors\">\n                Got it\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- ================= DEDICATED CLASSROOM DETAIL VIEW ================= -->\n    <div id=\"detail-view\" class=\"max-w-5xl mx-auto hidden-view pb-12\">\n        \n        <!-- Back Navigation -->\n        <div class=\"back-btn\" onclick=\"goBack()\">\n            <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>\n            Back to Dashboard\n        <\/div>\n\n        <div class=\"bg-white\/5 rounded-3xl overflow-hidden border border-white\/10 shadow-2xl relative\">\n            \n            <!-- Hero Image Wrapper -->\n            <!-- Fixed: Added overflow-hidden to prevent image bleeding, and forced height limits -->\n            <div class=\"h-64 sm:h-96 w-full bg-[#122449] relative border-b border-yellow-400\/20 overflow-hidden z-0\">\n                <!-- Forced absolute dimensions to ensure WordPress themes cannot override height -->\n                <img decoding=\"async\" id=\"detail-image\" src=\"\" class=\"absolute inset-0 w-full h-full object-cover z-0\" style=\"height: 100% !important; min-height: 100% !important;\" alt=\"Classroom Photo\">\n                <div class=\"absolute inset-0 bg-[#122449] opacity-75 z-10\"><\/div>\n            <\/div>\n\n            <!-- Content Container (Pulled up over the image) -->\n            <!-- Raised z-index to stay above the hero image -->\n            <div class=\"px-8 pb-10 sm:px-12 -mt-24 relative z-20\">\n                \n                <!-- Dynamic Avatars -->\n                <div id=\"detail-avatars\" class=\"avatar-row mb-4\"><\/div>\n                \n                <!-- Dynamic Text -->\n                <h1 id=\"detail-title\" class=\"poppins text-4xl md:text-5xl font-extrabold gold-glow mb-2\">Class Name<\/h1>\n                <p id=\"detail-teachers\" class=\"text-xl text-gray-300 mb-10 pb-8 border-b border-white\/10\">Teacher names go here<\/p>\n\n                <!-- Grid for Newsletter and Resources -->\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                    \n                    <!-- Newsletter Panel -->\n                    <div class=\"bg-white\/5 p-8 rounded-2xl border border-white\/5 hover:border-yellow-400\/30 transition-colors flex flex-col justify-between\">\n                        <div>\n                            <div class=\"text-4xl mb-4\">\ud83d\udcf0<\/div>\n                            <h3 class=\"poppins font-bold text-yellow-400 mb-2 text-2xl\">Latest Newsletter<\/h3>\n                            <p class=\"text-gray-300 text-sm mb-6 leading-relaxed\">Stay up to date with our current classroom topics, homework assignments, and upcoming events for this month.<\/p>\n                        <\/div>\n                        <button class=\"bg-yellow-400 text-[#122449] font-bold py-3 px-4 rounded-xl w-full hover:bg-yellow-300 transition-colors shadow-lg\">\n                            Download\n                        <\/button>\n                    <\/div>\n\n                    <!-- Resources Panel -->\n                    <div class=\"bg-white\/5 p-8 rounded-2xl border border-white\/5 hover:border-yellow-400\/30 transition-colors\">\n                        <div class=\"text-4xl mb-4\">\ud83d\udcc1<\/div>\n                        <h3 class=\"poppins font-bold text-yellow-400 mb-2 text-2xl\">Class Resources<\/h3>\n                        <p class=\"text-gray-400 text-sm mb-5\">Helpful links for parents and students.<\/p>\n                        \n                        <ul class=\"space-y-4\">\n                            <li>\n                                <a href=\"#\" class=\"group flex items-center gap-3 bg-[#1a2c52] p-3 rounded-lg hover:bg-white\/10 transition-colors border border-white\/5\">\n                                    <span class=\"text-yellow-400 text-lg group-hover:translate-x-1 transition-transform\">\ud83d\udcc4<\/span> \n                                    <span class=\"text-sm font-semibold text-gray-200\">Daily Schedule<\/span>\n                                <\/a>\n                            <\/li>\n                            <li>\n                                <a href=\"#\" class=\"group flex items-center gap-3 bg-[#1a2c52] p-3 rounded-lg hover:bg-white\/10 transition-colors border border-white\/5\">\n                                    <span class=\"text-yellow-400 text-lg group-hover:translate-x-1 transition-transform\">\u270f\ufe0f<\/span> \n                                    <span class=\"text-sm font-semibold text-gray-200\">Supply List<\/span>\n                                <\/a>\n                            <\/li>\n                            <li>\n                                <a href=\"#\" class=\"group flex items-center gap-3 bg-[#1a2c52] p-3 rounded-lg hover:bg-white\/10 transition-colors border border-white\/5\">\n                                    <span class=\"text-yellow-400 text-lg group-hover:translate-x-1 transition-transform\">\u2709\ufe0f<\/span> \n                                    <span class=\"text-sm font-semibold text-gray-200\">Contact Teachers<\/span>\n                                <\/a>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Filtering Logic for Dashboard\n    function filterGrade(grade, btn) {\n        const buttons = document.querySelectorAll('.filter-chip');\n        buttons.forEach(b => b.classList.remove('active'));\n        btn.classList.add('active');\n\n        const sections = document.querySelectorAll('.category-section');\n        sections.forEach(section => {\n            if (grade === 'all') {\n                section.classList.add('active');\n            } else if (section.getAttribute('data-grade') === grade) {\n                section.classList.add('active');\n            } else {\n                section.classList.remove('active');\n            }\n        });\n    }\n\n    \/\/ Single Page Application View Switcher\n    function openClass(cardElement, imageLink) {\n        \/\/ 1. Extract data dynamically from the clicked card\n        const title = cardElement.querySelector('h3').innerText;\n        const teachers = cardElement.querySelector('p').innerText;\n        const avatarsHtml = cardElement.querySelector('.avatar-row').innerHTML;\n\n        \/\/ 2. Populate the Detail View\n        document.getElementById('detail-title').innerText = title;\n        document.getElementById('detail-teachers').innerText = teachers;\n        document.getElementById('detail-avatars').innerHTML = avatarsHtml;\n        \n        \/\/ 3. Handle specific classroom photo OR fallback\n        const imgEl = document.getElementById('detail-image');\n        if (imageLink && imageLink.trim() !== '') {\n            imgEl.src = imageLink;\n        } else {\n            \/\/ High-quality placeholder if no image exists yet\n            imgEl.src = 'https:\/\/placehold.co\/1200x600\/1a2c52\/FFD700?text=Photo+Coming+Soon&font=Montserrat';\n        }\n\n        \/\/ 4. Switch visibility\n        document.getElementById('dashboard-view').classList.add('hidden-view');\n        \n        \/\/ Slight delay to allow fade out before fading in\n        setTimeout(() => {\n            document.getElementById('detail-view').classList.remove('hidden-view');\n            \/\/ Scroll to the top of the detail page\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        }, 150);\n    }\n\n    function goBack() {\n        document.getElementById('detail-view').classList.add('hidden-view');\n        \n        setTimeout(() => {\n            document.getElementById('dashboard-view').classList.remove('hidden-view');\n        }, 150);\n    }\n\n    \/\/ Cluster Lightbox Logic\n    function openClusterModal(cardElement, description) {\n        \/\/ Extract data\n        const title = cardElement.querySelector('span').innerText;\n        const iconHtml = cardElement.querySelector('.avatar-row').innerHTML;\n\n        \/\/ Populate Modal\n        document.getElementById('cluster-modal-title').innerText = title;\n        document.getElementById('cluster-modal-desc').innerText = description;\n        document.getElementById('cluster-modal-icon').innerHTML = iconHtml;\n\n        \/\/ Show Modal\n        document.getElementById('cluster-modal').classList.remove('hidden-modal');\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\n    }\n\n    function closeClusterModal() {\n        \/\/ Hide Modal\n        document.getElementById('cluster-modal').classList.add('hidden-modal');\n        document.body.style.overflow = ''; \/\/ Restore scrolling\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fd3dd6 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"9fd3dd6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- External Dependencies -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n    #yle-dashboard-widget {\n        --bg-navy: #122449;\n        --yle-gold: #FFD700;\n        --card-border: rgba(255, 255, 255, 0.1);\n        --glass-bg: rgba(255, 255, 255, 0.05);\n        --active-glass: rgba(255, 215, 0, 0.1);\n        \n        font-family: -apple-system, \"system-ui\", \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        background-color: var(--bg-navy);\n        color: #FFFFFF;\n        padding: 60px 20px;\n        min-height: 800px;\n    }\n\n    #yle-dashboard-widget .poppins { font-family: 'Poppins', sans-serif; }\n\n    \/* Navigation Chips *\/\n    .filter-chip {\n        background: var(--glass-bg);\n        border: 1px solid var(--card-border);\n        color: rgba(255, 255, 255, 0.6);\n        padding: 10px 20px;\n        border-radius: 50px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        white-space: nowrap;\n        font-weight: 600;\n        font-size: 0.9rem;\n    }\n\n    .filter-chip.active {\n        background: var(--yle-gold);\n        color: var(--bg-navy);\n        border-color: var(--yle-gold);\n        box-shadow: 0 0 15px rgba(255, 215, 0, 0.3);\n    }\n\n    \/* Classroom Cards *\/\n    .classroom-card {\n        background: var(--glass-bg);\n        border: 1px solid var(--card-border);\n        backdrop-filter: blur(10px);\n        border-radius: 1.5rem;\n        padding: 24px;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        min-height: 220px;\n    }\n\n    .classroom-card:hover {\n        border-color: var(--yle-gold);\n        background: rgba(255, 255, 255, 0.08);\n        transform: translateY(-5px);\n    }\n\n    \/* Avatar UI for Teachers (Separated) *\/\n    .avatar-row {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 1.25rem;\n        flex-wrap: wrap; \n    }\n\n    .icon-circle {\n        width: 50px;\n        height: 50px;\n        background: var(--yle-gold);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n        overflow: hidden;\n        border: 2px solid var(--yle-gold);\n        flex-shrink: 0;\n        color: #122449;\n    }\n\n    .icon-circle img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .visit-btn {\n        background: var(--yle-gold);\n        color: var(--bg-navy);\n        font-weight: 700;\n        padding: 8px 16px;\n        border-radius: 8px;\n        font-size: 0.8rem;\n        text-align: center;\n        margin-top: 1rem;\n        opacity: 0;\n        transform: translateY(10px);\n        transition: all 0.3s ease;\n    }\n\n    .classroom-card:hover .visit-btn {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Animation *\/\n    .category-section {\n        display: none;\n        animation: fadeIn 0.5s ease forwards;\n    }\n\n    .category-section.active {\n        display: block;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .gold-glow {\n        color: var(--yle-gold);\n        filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));\n    }\n\n    .hide-scrollbar::-webkit-scrollbar { display: none; }\n    .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n    \n    .neutral-avatar-icon {\n        width: 30px;\n        height: 30px;\n    }\n<\/style>\n\n<div id=\"yle-dashboard-widget\">\n    <div class=\"max-w-6xl mx-auto\">\n        \n        <header class=\"text-center mb-12\">\n            <h1 class=\"poppins text-4xl md:text-6xl font-extrabold gold-glow mb-4\">Classroom Portal \u2728<\/h1>\n            <p class=\"text-gray-400 text-lg max-w-2xl mx-auto font-light\">Select your student's grade level to access their classroom page and view teacher updates.<\/p>\n        <\/header>\n\n        <!-- Filter Navigation -->\n        <div class=\"flex overflow-x-auto gap-3 pb-8 mb-8 hide-scrollbar justify-start md:justify-center\">\n            <button class=\"filter-chip active\" onclick=\"filterGrade('all', this)\">All Rooms<\/button>\n            <button class=\"filter-chip\" onclick=\"filterGrade('early', this)\">3K & Pre-K<\/button>\n            <button class=\"filter-chip\" onclick=\"filterGrade('k', this)\">Kindergarten<\/button>\n            <button class=\"filter-chip\" onclick=\"filterGrade('lower', this)\">1st & 2nd<\/button>\n            <button class=\"filter-chip\" onclick=\"filterGrade('upper', this)\">3rd, 4th & 5th<\/button>\n            <button class=\"filter-chip\" onclick=\"filterGrade('clusters', this)\">Clusters<\/button>\n        <\/div>\n\n        <main id=\"dashboard-grid\">\n            \n            <!-- Early Childhood -->\n            <div class=\"category-section active\" data-grade=\"early\">\n                <h2 class=\"poppins text-2xl font-bold mb-6 flex items-center gap-3\">\n                    <span class=\"w-8 h-1 bg-yellow-400 rounded\"><\/span> Early Childhood\n                <\/h2>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12\">\n                    <a href=\"https:\/\/ps369.org\/?page_id=1100\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_f3a55231-0e39-46e7-97ea-cca61de0572e.png\" alt=\"Ms. Mindy\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">3K - 103<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Rachel & Ms. Mindy<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=1116\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_188cfc20-0034-465c-a4f2-e1bd14a568d8.png\" alt=\"Ms. Martinez\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_7a5cc6ee-4801-42aa-894c-25a2b5028ba4.png\" alt=\"Ms. Estrada\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">3K - 105<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Martinez & Ms. Estrada<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=1095\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_b7f0f13c-105c-41cc-995e-1ccf21fe34c9.png\" alt=\"Ms. Aponte\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/11\/Ms-Davis.jpeg\" alt=\"Ms. Paola\"><\/div>\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_3a6dd855-2bf3-48a4-99cf-28d154fe91f2.png\" alt=\"Ms. Doris\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">Pre-K - 104<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Aponte, Paola, Diana, & Doris<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=1121\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_0e02eea6-9a1c-4780-8eec-e9b9f342bdd2.png\" alt=\"Ms. Holloway\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">Pre-K - 214<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Leslie & Ms. Holloway<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=1122\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_f3c87a70-90fd-4bdb-bf1c-0da6aeddacba.png\" alt=\"Ms. Rose\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_d55dd607-8025-4397-90fd-e7ec877cf54c.png\" alt=\"Ms. Lopez\"><\/div>\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">3K\/Pre-K - 106<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Rose, Ms. Lopez, & Ms. Nicole<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Kindergarten -->\n            <div class=\"category-section active\" data-grade=\"k\">\n                <h2 class=\"poppins text-2xl font-bold mb-6 flex items-center gap-3\">\n                    <span class=\"w-8 h-1 bg-yellow-400 rounded\"><\/span> Kindergarten\n                <\/h2>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12\">\n                    <a href=\"https:\/\/ps369.org\/?page_id=1090\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_a7eb8bd3-1640-49f1-a40b-4f11e8fa6743.png\" alt=\"Ms. Ana\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_7f539ad5-8413-4227-ac9a-10c02558ad94-1.png\" alt=\"Mr. Gonzalez\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_cae36205-5b53-4546-8a72-5dadbdb53835.png\" alt=\"Ms. Fatima\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">Kindergarten - 203<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Ana, Mr. Yanez-Gonzalez, & Ms. Fatima<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=1135\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_a1af1d26-c636-405f-8456-0c5521fbaf1d-1.png\" alt=\"Ms. Ineabelle\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_b58c9a70-81cf-47a6-9482-bd4474ecede9.png\" alt=\"Mr. Manny\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">Kindergarten - 201<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Ineabelle & Mr. Manny<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Lower Elementary -->\n            <div class=\"category-section active\" data-grade=\"lower\">\n                <h2 class=\"poppins text-2xl font-bold mb-6 flex items-center gap-3\">\n                    <span class=\"w-8 h-1 bg-yellow-400 rounded\"><\/span> Lower Elementary\n                <\/h2>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12\">\n                    <a href=\"https:\/\/ps369.org\/?page_id=1085\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_8a37a775-e624-471f-af88-851ce47084bd.png\" alt=\"Ms. Hunter\"><\/div>\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_8512934f-41c6-4c8c-abaf-26ca3db5cdef.png\" alt=\"Mr. E\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">1st Grade - 204<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Hunter, Ms. Perry, & Mr. E<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=1080\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_20d14439-4b80-4cfb-9986-c92e992ff5f8.png\" alt=\"Ms. Polanco\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/11\/Ms-Santiago.jpeg\" alt=\"Ms. Santiago\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">2nd Grade - 209<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Polanco & Ms. Santiago<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Upper Elementary -->\n            <div class=\"category-section active\" data-grade=\"upper\">\n                <h2 class=\"poppins text-2xl font-bold mb-6 flex items-center gap-3\">\n                    <span class=\"w-8 h-1 bg-yellow-400 rounded\"><\/span> Upper Elementary\n                <\/h2>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12\">\n                    <a href=\"https:\/\/ps369.org\/?page_id=1072\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_939dc4d5-ec89-491d-9793-fe44f3157fa9.png\" alt=\"Ms. Davis\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_ef2b6f27-8f1d-4835-b974-12400c4e34a1.png\" alt=\"Ms. Tee\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">3rd Grade - 409<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. J, Ms. Davis, & Ms. Tee<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=1067\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_04da624a-17d6-4246-a9ac-8b88f1166b45.png\" alt=\"Ms. Curry\"><\/div>\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_5337c0dd-f4c4-440e-a4a0-2289a148d7d9.png\" alt=\"Ms. Duran\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">4th Grade - 416<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Curry, Ms. Wilson, & Ms. Duran<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=1144\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/11\/Ms-Riege.jpeg\" alt=\"Ms. Riege\"><\/div>\n                                <div class=\"icon-circle\"><svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">4th Grade - 415<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Riege & Mr. Solano<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=826\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_468d78e7-bfe9-47fd-8362-42137f89a392.png\" alt=\"Ms. Gonzalez\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">5th Grade - 405<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Gonzalez<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=1153\" class=\"classroom-card\">\n                        <div>\n                            <div class=\"avatar-row\">\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/11\/Ms-Hamzaraj.jpeg\" alt=\"Ms. Hamzaraj\"><\/div>\n                                <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/11\/Ms-Maiga.jpeg\" alt=\"Ms. Maiga\"><\/div>\n                            <\/div>\n                            <h3 class=\"poppins text-xl font-bold\">5th Grade - 414<\/h3>\n                            <p class=\"text-gray-400 text-sm\">Ms. Hamzaraj & Ms. Maiga<\/p>\n                        <\/div>\n                        <div class=\"visit-btn\">Visit Room<\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Clusters -->\n            <div class=\"category-section active\" data-grade=\"clusters\">\n                <h2 class=\"poppins text-2xl font-bold mb-6 flex items-center gap-3 text-yellow-400\">\n                    <span class=\"w-8 h-1 bg-white rounded\"><\/span> Specialty Programs\n                <\/h2>\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-12\">\n                    <a href=\"https:\/\/ps369.org\/?page_id=1162\" class=\"classroom-card items-center text-center !min-h-[160px]\">\n                        <div class=\"avatar-row justify-center\">\n                            <div class=\"icon-circle\">\n                                <svg class=\"neutral-avatar-icon\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\n                            <\/div>\n                        <\/div>\n                        <span class=\"poppins font-bold tracking-wider text-sm\">CHESS<\/span>\n                        <div class=\"visit-btn w-full\">View<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=1164\" class=\"classroom-card items-center text-center !min-h-[160px]\">\n                        <div class=\"avatar-row justify-center\">\n                            <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_c4f8ce1f-c3eb-44c8-8c18-d2909dbccc3e.png\" alt=\"Mr. Nau\"><\/div>\n                        <\/div>\n                        <span class=\"poppins font-bold tracking-wider text-sm\">STEM<\/span>\n                        <div class=\"visit-btn w-full\">View<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=1166\" class=\"classroom-card items-center text-center !min-h-[160px]\">\n                        <div class=\"avatar-row justify-center\">\n                            <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/11\/Ms-Meagher.jpeg\" alt=\"Ms. Claire\"><\/div>\n                        <\/div>\n                        <span class=\"poppins font-bold tracking-wider text-sm\">ART<\/span>\n                        <div class=\"visit-btn w-full\">View<\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ps369.org\/?page_id=1168\" class=\"classroom-card items-center text-center !min-h-[160px]\">\n                        <div class=\"avatar-row justify-center\">\n                            <div class=\"icon-circle\"><img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/small_26bf5745-109a-4506-b19b-cdb7ae09d974.png\" alt=\"Mr. Hunter\"><\/div>\n                        <\/div>\n                        <span class=\"poppins font-bold tracking-wider text-sm\">GYM<\/span>\n                        <div class=\"visit-btn w-full\">View<\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/main>\n    <\/div>\n<\/div>\n\n<script>\n    function filterGrade(grade, btn) {\n        const buttons = document.querySelectorAll('.filter-chip');\n        buttons.forEach(b => b.classList.remove('active'));\n        btn.classList.add('active');\n\n        const sections = document.querySelectorAll('.category-section');\n        sections.forEach(section => {\n            if (grade === 'all') {\n                section.classList.add('active');\n            } else if (section.getAttribute('data-grade') === grade) {\n                section.classList.add('active');\n            } else {\n                section.classList.remove('active');\n            }\n        });\n    }\n<\/script>\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>Classroom Portal \u2728 Select your student&#8217;s grade level to access their classroom page. All Rooms 3K &#038; Pre-K Kindergarten 1st &#038; 2nd 3rd, 4th &#038; 5th Clusters Early Childhood 3K &#8211; 103 Ms. Rachel &#038; Ms. Mindy Visit Classroom 3K &#8211; 105 Ms. Martinez &#038; Ms. Estrada Visit Classroom PK &#8211; 104 Ms. Aponte, Ms. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-788","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ps369.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=788"}],"version-history":[{"count":106,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/788\/revisions"}],"predecessor-version":[{"id":1363,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/788\/revisions\/1363"}],"wp:attachment":[{"href":"https:\/\/ps369.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}