{"id":586,"date":"2025-08-21T20:11:02","date_gmt":"2025-08-22T00:11:02","guid":{"rendered":"https:\/\/ps369.org\/?page_id=586"},"modified":"2026-02-23T17:57:12","modified_gmt":"2026-02-23T22:57:12","slug":"who-we-are","status":"publish","type":"page","link":"https:\/\/ps369.org\/?page_id=586","title":{"rendered":"Who We Are"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"586\" class=\"elementor elementor-586\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfeaf16 e-con-full e-flex e-con e-parent\" data-id=\"dfeaf16\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83e9d01 elementor-widget elementor-widget-html\" data-id=\"83e9d01\" 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@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n    #yle-whoweare-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: 60px 20px;\n        min-height: 100vh;\n    }\n\n    #yle-whoweare-widget .poppins { \n        font-family: 'Poppins', sans-serif; \n    }\n\n    \/* Glassmorphism Cards *\/\n    .glass-card {\n        background: var(--glass-bg);\n        border: 1px solid var(--card-border);\n        backdrop-filter: blur(12px);\n        border-radius: 1.5rem;\n        padding: 2.5rem;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        height: 100%;\n    }\n\n    .glass-card:hover {\n        border-color: rgba(255, 215, 0, 0.3);\n        background: rgba(255, 255, 255, 0.08);\n        box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.5);\n    }\n\n    \/* Headings and Accents *\/\n    .gold-glow {\n        color: var(--yle-gold);\n        filter: drop-shadow(0 4px 6px rgba(0,0,0,0.4));\n    }\n\n    .accent-line {\n        width: 60px;\n        height: 4px;\n        background-color: var(--yle-gold);\n        border-radius: 2px;\n        margin-top: 0.5rem;\n        margin-bottom: 1.5rem;\n    }\n\n    \/* List Styling *\/\n    .custom-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .custom-list li {\n        position: relative;\n        padding-left: 2rem;\n        margin-bottom: 1.25rem;\n        color: rgba(255, 255, 255, 0.85);\n        line-height: 1.7;\n    }\n\n    .custom-list li::before {\n        content: '\u2728';\n        position: absolute;\n        left: 0;\n        top: 2px;\n        font-size: 1.1rem;\n    }\n\n    .numbered-list {\n        list-style: none;\n        counter-reset: yle-counter;\n        padding: 0;\n    }\n\n    .numbered-list li {\n        position: relative;\n        padding-left: 3.5rem;\n        margin-bottom: 1.5rem;\n        color: rgba(255, 255, 255, 0.85);\n        line-height: 1.7;\n    }\n\n    .numbered-list li::before {\n        counter-increment: yle-counter;\n        content: counter(yle-counter);\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 32px;\n        height: 32px;\n        background: rgba(255, 215, 0, 0.15);\n        color: var(--yle-gold);\n        border: 1px solid rgba(255, 215, 0, 0.3);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-family: 'Poppins', sans-serif;\n        font-weight: 700;\n        font-size: 1rem;\n    }\n\n    \/* School Info List *\/\n    .info-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .info-list li {\n        display: flex;\n        align-items: center;\n        padding: 1rem 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    }\n\n    .info-list li:last-child {\n        border-bottom: none;\n    }\n\n    .info-label {\n        font-weight: 600;\n        color: var(--yle-gold);\n        min-width: 90px;\n    }\n\n    .info-value {\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    .info-icon {\n        width: 32px;\n        height: 32px;\n        background: rgba(255, 215, 0, 0.1);\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-right: 12px;\n        font-size: 1.1rem;\n    }\n\n    \/* Action Buttons *\/\n    .btn-primary {\n        display: inline-block;\n        width: 100%;\n        background: var(--yle-gold);\n        color: var(--bg-navy);\n        font-family: 'Poppins', sans-serif;\n        font-weight: 700;\n        padding: 14px 24px;\n        border-radius: 12px;\n        text-align: center;\n        transition: all 0.3s ease;\n        text-decoration: none;\n        box-shadow: 0 4px 15px rgba(255, 215, 0, 0.2);\n    }\n\n    .btn-primary:hover {\n        background: #fff080;\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(255, 215, 0, 0.3);\n    }\n\n    .btn-secondary {\n        display: inline-block;\n        width: 100%;\n        background: transparent;\n        color: var(--yle-gold);\n        border: 2px solid var(--yle-gold);\n        font-family: 'Poppins', sans-serif;\n        font-weight: 700;\n        padding: 12px 24px;\n        border-radius: 12px;\n        text-align: center;\n        transition: all 0.3s ease;\n        text-decoration: none;\n    }\n\n    .btn-secondary:hover {\n        background: rgba(255, 215, 0, 0.1);\n        transform: translateY(-2px);\n    }\n<\/style>\n\n<div id=\"yle-whoweare-widget\">\n    <div class=\"max-w-6xl mx-auto\">\n        \n        <!-- Header -->\n        <header class=\"text-center mb-10\">\n            <h1 class=\"poppins text-4xl md:text-6xl font-extrabold gold-glow mb-4\">Who We Are<\/h1>\n        <\/header>\n\n        <!-- Hero Section (Image Only) -->\n        <div class=\"relative w-full h-[300px] md:h-[450px] rounded-3xl overflow-hidden mb-12 border border-white\/10 shadow-2xl bg-[#122449]\">\n            <!-- Image (Fully Visible) -->\n            <img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-23-at-5.55.57-PM.png\" alt=\"YLE Group Photo\" class=\"absolute inset-0 w-full h-full object-cover z-0\" onerror=\"this.src='https:\/\/placehold.co\/1200x600\/122449\/FFD700?text=Photo+Unavailable&font=Montserrat'\">\n        <\/div>\n\n        <!-- Main Content Grid -->\n        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 items-start\">\n            \n            <!-- LEFT COLUMN (2\/3 Width): Mission, Vision, Beliefs -->\n            <div class=\"lg:col-span-2 space-y-8\">\n                \n                <!-- Vision & Mission Card -->\n                <div class=\"glass-card\">\n                    <div class=\"mb-8 border-b border-white\/10 pb-8\">\n                        <h2 class=\"poppins text-2xl font-bold text-yellow-400 mb-3 flex items-center gap-3\">\n                            <span>\ud83d\udd2d<\/span> Our D7 Vision\n                        <\/h2>\n                        <p class=\"text-xl md:text-2xl text-white font-light leading-snug\">\n                            \"D7 is the Bridge to <strong class=\"font-bold\">Generational Success<\/strong>.\"\n                        <\/p>\n                    <\/div>\n                    \n                    <div>\n                        <h2 class=\"poppins text-2xl font-bold text-yellow-400 mb-3 flex items-center gap-3\">\n                            <span>\ud83c\udfaf<\/span> YLE\u2019s Mission\n                        <\/h2>\n                        <p class=\"text-xl text-white font-light leading-relaxed\">\n                            It is our MISSION to empower our students to become confident <strong class=\"font-bold text-yellow-400\">leaders of their own learning.<\/strong>\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 3 Big Commitments -->\n                <div class=\"glass-card\">\n                    <h2 class=\"poppins text-3xl font-bold text-white mb-2\">Our 3 Big Commitments<\/h2>\n                    <div class=\"accent-line\"><\/div>\n                    \n                    <ul class=\"numbered-list mt-8\">\n                        <li>\n                            <strong class=\"text-white poppins tracking-wide\">A Rigorous, Engaging Curriculum<\/strong><br>\n                            that combines academics and social-emotional learning with the arts, performance, and service through social-justice action projects.\n                        <\/li>\n                        <li>\n                            <strong class=\"text-white poppins tracking-wide\">Leadership Development<\/strong><br>\n                            that affirms every student as a leader through culturally responsive-sustaining leadership opportunities in our school and community.\n                        <\/li>\n                        <li>\n                            <strong class=\"text-white poppins tracking-wide\">Strong Partnerships<\/strong><br>\n                            among students, parents, staff and members of our community that are purpose-driven and supports our school in bringing our YLE vision to reality.\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- 7 Core Beliefs -->\n                <div class=\"glass-card\">\n                    <h2 class=\"poppins text-3xl font-bold text-white mb-2\">Our 7 Core Beliefs<\/h2>\n                    <div class=\"accent-line\"><\/div>\n                    \n                    <ul class=\"custom-list mt-8\">\n                        <li>We believe in maintaining <strong class=\"text-yellow-400 font-semibold\">trust<\/strong> within our community.<\/li>\n                        <li>We believe we must work collaboratively to ensure our school is a <strong class=\"text-white\">positive, energetic, and joyful<\/strong> place.<\/li>\n                        <li>We believe our students, families, and community partners have a <strong class=\"text-white\">vital voice<\/strong> in making us better.<\/li>\n                        <li>We believe it is our responsibility to provide <strong class=\"text-white\">high-quality instruction<\/strong> and commit to using data to meet students where they are.<\/li>\n                        <li>We believe in imparting our students with the <strong class=\"text-yellow-400 font-semibold\">value of leadership.<\/strong><\/li>\n                        <li>We believe in embracing our students as individuals and recognize that each student has <strong class=\"text-white\">strengths, gifts and talents.<\/strong><\/li>\n                        <li>We believe in fostering a <strong class=\"text-white\">\"growth-mindset\"<\/strong> environment that encourages students (and educators) to take risks, while remaining reflective.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n\n            <!-- RIGHT COLUMN (1\/3 Width): Video, Info, Contact -->\n            <div class=\"lg:col-span-1 space-y-8\">\n                \n                <!-- Video Card -->\n                <div class=\"glass-card !p-5\">\n                    <h3 class=\"poppins text-xl font-bold text-white mb-4 px-2\">Experience YLE<\/h3>\n                    <div class=\"w-full aspect-video rounded-xl overflow-hidden shadow-lg border border-white\/10\">\n                        <iframe \n                            class=\"w-full h-full\"\n                            src=\"https:\/\/www.youtube.com\/embed\/rKZc1oHFdCM\" \n                            title=\"YLE Promotional Video\" \n                            frameborder=\"0\" \n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                            allowfullscreen>\n                        <\/iframe>\n                    <\/div>\n                <\/div>\n\n                <!-- School Info Card -->\n                <div class=\"glass-card\">\n                    <h3 class=\"poppins text-xl font-bold text-white mb-6 border-b border-white\/10 pb-4\">School Details<\/h3>\n                    <ul class=\"info-list\">\n                        <li>\n                            <div class=\"info-icon\">\ud83c\udfe2<\/div>\n                            <div>\n                                <div class=\"info-label\">School<\/div>\n                                <div class=\"info-value poppins font-bold tracking-wider\">X369<\/div>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"info-icon\">\ud83d\udc69\ud83c\udffe\u200d\ud83c\udfeb<\/div>\n                            <div>\n                                <div class=\"info-label\">Principal<\/div>\n                                <div class=\"info-value\">Jaleelah Cooke<\/div>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"info-icon\">\ud83c\udf92<\/div>\n                            <div>\n                                <div class=\"info-label\">Grades<\/div>\n                                <div class=\"info-value text-sm\">PK, 0K, 01, 02, 03, 04, 05, SE<\/div>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"info-icon\">\ud83d\udccd<\/div>\n                            <div>\n                                <div class=\"info-label\">District<\/div>\n                                <div class=\"info-value\">7<\/div>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"info-icon\">\ud83d\uddfa\ufe0f<\/div>\n                            <div>\n                                <div class=\"info-label\">Borough<\/div>\n                                <div class=\"info-value\">Bronx<\/div>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Action Links Card -->\n                <div class=\"glass-card flex flex-col gap-4 text-center\">\n                    <h3 class=\"poppins text-xl font-bold text-white mb-2\">Connect With Us<\/h3>\n                    \n                    <a href=\"mailto:kpimentel@schools.nyc.gov\" class=\"btn-primary\">\n                        \u2709\ufe0f Email Our Team\n                    <\/a>\n                    \n                    <a href=\"https:\/\/ps369.org\/?page_id=597\" class=\"btn-secondary\">\n                        Learn About Our Approach\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\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>Who We Are \ud83d\udd2d Our D7 Vision &#8220;D7 is the Bridge to Generational Success.&#8221; \ud83c\udfaf YLE\u2019s Mission It is our MISSION to empower our students to become confident leaders of their own learning. Our 3 Big Commitments A Rigorous, Engaging Curriculum that combines academics and social-emotional learning with the arts, performance, and service through social-justice [&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-586","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/586","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=586"}],"version-history":[{"count":31,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/586\/revisions"}],"predecessor-version":[{"id":1386,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/586\/revisions\/1386"}],"wp:attachment":[{"href":"https:\/\/ps369.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}