{"id":92,"date":"2025-09-25T09:08:41","date_gmt":"2025-09-25T09:08:41","guid":{"rendered":"https:\/\/csd7.org\/?page_id=92"},"modified":"2026-03-19T17:50:08","modified_gmt":"2026-03-19T17:50:08","slug":"d7-schools","status":"publish","type":"page","link":"https:\/\/csd7.org\/?page_id=92","title":{"rendered":"D7 Schools"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"92\" class=\"elementor elementor-92\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5224665 e-con-full e-flex e-con e-parent\" data-id=\"5224665\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f277ce9 elementor-widget elementor-widget-html\" data-id=\"f277ce9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Fonts -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<!-- Tailwind CSS -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n    tailwind.config = {\n        corePlugins: {\n            preflight: false, \/\/ Prevents Elementor conflicts\n        },\n        theme: {\n            extend: {\n                colors: {\n                    d7blue: '#132448',\n                    d7light: '#c4ced3',\n                    d7accent: '#2b4c8c',\n                },\n                fontFamily: {\n                    display: ['Outfit', 'sans-serif'],\n                    body: ['Plus Jakarta Sans', 'sans-serif'],\n                }\n            }\n        }\n    }\n<\/script>\n\n<!-- GSAP for Animations -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n\n<style>\n    #csd7-schools-container {\n        background-color: #132448;\n        color: #ffffff;\n        min-height: 100vh;\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        position: relative;\n        overflow-x: hidden;\n    }\n\n    #csd7-schools-container h1, \n    #csd7-schools-container h2, \n    #csd7-schools-container h3 {\n        font-family: 'Outfit', sans-serif !important;\n        margin: 0;\n        line-height: 1.2;\n    }\n    \n    #csd7-schools-container a { text-decoration: none !important; }\n    #csd7-schools-container p { margin: 0; }\n    #csd7-schools-container input:focus { outline: none; }\n\n    \/* Ambient Background *\/\n    .schools-ambient-bg {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        background: \n            radial-gradient(circle at 15% 50%, rgba(43, 76, 140, 0.15), transparent 25%),\n            radial-gradient(circle at 85% 30%, rgba(196, 206, 211, 0.05), transparent 25%);\n    }\n    \n    .schools-grid-pattern {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        background-image: \n            linear-gradient(to right, rgba(196, 206, 211, 0.03) 1px, transparent 1px),\n            linear-gradient(to bottom, rgba(196, 206, 211, 0.03) 1px, transparent 1px);\n        background-size: 40px 40px;\n        mask-image: linear-gradient(to bottom, black 40%, transparent 100%);\n        -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);\n    }\n\n    \/* Glass Cards *\/\n    .school-card {\n        background: rgba(19, 36, 72, 0.6);\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n        border: 1px solid rgba(196, 206, 211, 0.1);\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .school-card:hover {\n        transform: translateY(-5px);\n        border-color: rgba(196, 206, 211, 0.4);\n        box-shadow: 0 20px 40px -10px rgba(0,0,0,0.5), 0 0 20px rgba(196, 206, 211, 0.05);\n        background: rgba(43, 76, 140, 0.4);\n    }\n\n    \/* Search Bar Focus Glow *\/\n    .search-container:focus-within {\n        box-shadow: 0 0 0 2px rgba(196, 206, 211, 0.5), 0 0 30px rgba(196, 206, 211, 0.1);\n    }\n    \n    \/* Animation Classes *\/\n    .school-item {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    \/* CRITICAL FIX: Override WordPress theme link colors in the grid *\/\n    #csd7-schools-container .contact-link {\n        color: #c4ced3 !important;\n    }\n    #csd7-schools-container .contact-link:hover {\n        color: #ffffff !important;\n    }\n    #csd7-schools-container .visit-btn {\n        color: #132448 !important;\n    }\n<\/style>\n\n<div id=\"csd7-schools-container\" class=\"antialiased selection:bg-d7light selection:text-d7blue\">\n\n    <!-- Backgrounds -->\n    <div class=\"schools-ambient-bg\"><\/div>\n    <div class=\"schools-grid-pattern\"><\/div>\n\n    <!-- Header Section -->\n    <header class=\"pt-16 pb-20 px-6 md:px-12 text-center relative z-10\">\n        <div class=\"max-w-3xl mx-auto\">\n            <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-black mb-6 tracking-tight text-white\">\n                Our <span class=\"bg-gradient-to-r from-d7light to-slate-500\" style=\"-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent !important;\">Schools<\/span>\n            <\/h1>\n            <p class=\"text-lg md:text-xl text-d7light\/80 mb-12\" style=\"margin-bottom: 3rem !important;\">\n                Discover the vibrant educational communities across District 7. Search below to find contact information, locations, and direct links to our school websites.\n            <\/p>\n\n            <!-- Interactive Search Bar -->\n            <div class=\"relative max-w-2xl mx-auto search-container rounded-full bg-white\/5 backdrop-blur-md border border-white\/10 transition-all duration-300 flex items-center\">\n                <div class=\"pl-6 pointer-events-none flex items-center\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-d7light\/60\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n                <\/div>\n                <input \n                    type=\"text\" \n                    id=\"searchInput\" \n                    class=\"block w-full pl-4 pr-6 py-5 bg-transparent border-none text-white placeholder-d7light\/50 focus:ring-0 text-lg font-medium\" \n                    placeholder=\"Search by school name or number...\"\n                >\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Schools Grid Directory -->\n    <main class=\"px-6 md:px-12 pb-32 relative z-10\">\n        <div class=\"max-w-7xl mx-auto\">\n            <div id=\"schoolsGrid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n                <!-- Javascript will populate this grid -->\n            <\/div>\n            \n            <!-- Empty State (Hidden by default) -->\n            <div id=\"noResults\" class=\"hidden text-center py-20 flex flex-col items-center justify-center\">\n                <div class=\"inline-flex items-center justify-center w-20 h-20 rounded-full bg-white\/5 mb-6\">\n                    <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-d7light\/50\"><path d=\"m13.5 8.5-5 5\"\/><path d=\"m8.5 8.5 5 5\"\/><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n                <\/div>\n                <h3 class=\"text-2xl font-bold mb-2 text-white\">No schools found<\/h3>\n                <p class=\"text-d7light\/70\">Try adjusting your search terms.<\/p>\n            <\/div>\n        <\/div>\n    <\/main>\n<\/div>\n\n<!-- Directory Logic -->\n<script>\n    \/\/ Comprehensive School Data Array\n    const schoolsData = [\n        { name: \"P.S. 001 Courtlandt School\", address: \"335 E 152nd St, Bronx, NY 10451\", phone: \"(718) 292-2368\", url: \"https:\/\/ps1x.org\/\" },\n        { name: \"P.S. 005 Port Morris\", address: \"564 Jackson Ave, Bronx, NY 10455\", phone: \"(718) 292-2683\", url: \"https:\/\/www.psms5.com\/\" },\n        { name: \"P.S. 018 John Peter Zenger\", address: \"502 Morris Ave, Bronx, NY 10451\", phone: \"(718) 292-2868\", url: \"https:\/\/ps18bronx.com\/\" },\n        { name: \"P.S. 025 Bilingual School\", address: \"811 E 149th St, Bronx, NY 10455\", phone: \"(718) 292-8357\", url: \"https:\/\/www.thebilingualschool.com\/\" },\n        { name: \"P.S.\/M.S. 029 Melrose School\", address: \"758 Courtlandt Ave, Bronx, NY 10451\", phone: \"(718) 292-2240\", url: \"https:\/\/www.psms29.net\/\" },\n        { name: \"P.S. 030 Wilton\", address: \"510 E 141st St, Bronx, NY 10454\", phone: \"(718) 292-2268\", url: null },\n        { name: \"P.S.\/M.S. 031 The William Lloyd Garrison\", address: \"250 E 156th St, Bronx, NY 10451\", phone: \"(718) 292-4623\", url: \"https:\/\/www.psms31.org\/\" },\n        { name: \"P.S. 043 Jonas Bronck\", address: \"165 Brown Pl, Bronx, NY 10454\", phone: \"(718) 292-7773\", url: null },\n        { name: \"P.S. 049 Willis Avenue\", address: \"383 E 139th St, Bronx, NY 10454\", phone: \"(718) 292-3111\", url: \"https:\/\/www.willisaveschool.com\/\" },\n        { name: \"P.S. 065 Mother Hale Academy\", address: \"677 E 141st St, Bronx, NY 10454\", phone: \"(718) 292-2058\", url: \"https:\/\/65xmha.org\/\" },\n        { name: \"P.S. 154 Jonathan D. Hyatt\", address: \"333 E 135th St, Bronx, NY 10454\", phone: \"(718) 292-3100\", url: null },\n        { name: \"P.S. 157 Grove Hill\", address: \"757 Crotona Park N, Bronx, NY 10457\", phone: \"(718) 292-4200\", url: null },\n        { name: \"P.S. 161 Juan Ponce De Leon School\", address: \"628 Tinton Ave, Bronx, NY 10455\", phone: \"(718) 292-0880\", url: \"https:\/\/ps161x.org\/\" },\n        { name: \"Academy of Exploratory Arts (P.S. 179)\", address: \"468 E 140th St, Bronx, NY 10454\", phone: \"(718) 292-5861\", url: \"https:\/\/ps179.com\/\" },\n        { name: \"The Laboratory School of Finance and Technology: X223\", address: \"360 E 145th St, Bronx, NY 10454\", phone: \"(718) 292-2211\", url: \"https:\/\/mshs223.org\/\" },\n        { name: \"P.S.\/I.S. 224\", address: \"345 Brook Ave, Bronx, NY 10454\", phone: \"(718) 292-2244\", url: null },\n        { name: \"P.S. 277\", address: \"519 St Anns Ave, Bronx, NY 10455\", phone: \"(718) 292-2777\", url: null },\n        { name: \"South Bronx Academy for Applied Media\", address: \"778 Forest Ave, Bronx, NY 10456\", phone: \"(718) 292-2544\", url: null },\n        { name: \"Academy of Public Relations\", address: \"778 Forest Ave, Bronx, NY 10456\", phone: \"(718) 292-2988\", url: \"https:\/\/apr298.com\/\" },\n        { name: \"Academy of Applied Mathematics and Technology\", address: \"345 Brook Ave, Bronx, NY 10454\", phone: \"(718) 292-3433\", url: \"https:\/\/www.ms343.com\/\" },\n        { name: \"Leaders of Excellence, Discovery and Advocacy\", address: \"510 E 141st St, Bronx, NY 10454\", phone: \"(718) 292-3599\", url: \"https:\/\/www.lead359.com\/\" },\n        { name: \"Young Leaders Elementary School\", address: \"340 E 156th St, Bronx, NY 10451\", phone: \"(718) 292-3699\", url: \"https:\/\/ps369.org\/\" },\n        { name: \"I.S. 584\", address: \"600 St Anns Ave, Bronx, NY 10455\", phone: \"(718) 292-5844\", url: \"https:\/\/is584.com\/\" },\n        { name: \"South Bronx Literacy Academy\", address: \"333 E 135th St, Bronx, NY 10454\", phone: \"(718) 292-3101\", url: null },\n        { name: \"Learning Through Play\", address: \"1000 Teller Ave, Bronx, NY 10456\", phone: \"(718) 292-1000\", url: null }\n    ];\n\n    const grid = document.getElementById('schoolsGrid');\n    const searchInput = document.getElementById('searchInput');\n    const noResults = document.getElementById('noResults');\n\n    \/\/ SVGs for JavaScript rendering\n    const iconSchool = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 22v-4a2 2 0 1 0-4 0v4\"\/><path d=\"m18 10 4 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8l4-2\"\/><path d=\"M18 5v17\"\/><path d=\"m4 6 8-4 8 4\"\/><path d=\"M6 5v17\"\/><circle cx=\"12\" cy=\"9\" r=\"2\"\/><\/svg>`;\n    const iconMapPin = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"shrink-0 mt-0.5 opacity-70 group-hover\/link:opacity-100 group-hover\/link:-translate-y-0.5 transition-all\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>`;\n    const iconPhone = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"shrink-0 opacity-70 group-hover\/link:opacity-100 group-hover\/link:scale-110 transition-all\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>`;\n    const iconExternalLink = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"group-hover:-translate-y-0.5 group-hover:translate-x-0.5 transition-transform\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>`;\n\n    function createSchoolCard(school) {\n        \/\/ Determine button state based on URL availability\n        const buttonHtml = school.url \n            ? `<a href=\"${school.url}\" target=\"_blank\" class=\"visit-btn mt-6 w-full py-3 px-4 bg-d7light text-d7blue font-bold rounded-xl flex items-center justify-center gap-2 hover:bg-white transition-colors group text-sm !no-underline\">\n                 Visit Website ${iconExternalLink}\n               <\/a>`\n            : `<div class=\"mt-6 w-full py-3 px-4 bg-white\/5 text-d7light\/50 font-medium rounded-xl flex items-center justify-center gap-2 border border-white\/5 cursor-not-allowed text-sm\">\n                 Website Not Found\n               <\/div>`;\n\n        const cleanPhone = school.phone.replace(\/[^0-9]\/g, '');\n        const mapLink = `https:\/\/www.google.com\/maps\/search\/?api=1&query=${encodeURIComponent(school.address)}`;\n\n        return `\n            <div class=\"school-card rounded-2xl p-6 flex flex-col h-full school-item\">\n                <div class=\"flex-grow\">\n                    <div class=\"w-12 h-12 rounded-full bg-d7light\/10 flex items-center justify-center mb-4 text-d7light\">\n                        ${iconSchool}\n                    <\/div>\n                    <h3 class=\"font-display text-2xl font-bold mb-4 leading-tight text-white\">${school.name}<\/h3>\n                    \n                    <div class=\"space-y-4 text-sm font-medium\">\n                        <a href=\"${mapLink}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"contact-link flex items-start gap-3 transition-colors group\/link w-fit !no-underline\">\n                            ${iconMapPin}\n                            <span class=\"group-hover\/link:underline decoration-white\/50 underline-offset-4 leading-snug\">${school.address}<\/span>\n                        <\/a>\n                        <a href=\"tel:${cleanPhone}\" class=\"contact-link flex items-center gap-3 transition-colors group\/link w-fit !no-underline\">\n                            ${iconPhone}\n                            <span class=\"group-hover\/link:underline decoration-white\/50 underline-offset-4\">${school.phone}<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                ${buttonHtml}\n            <\/div>\n        `;\n    }\n\n    function renderSchools(schoolsToRender) {\n        grid.innerHTML = schoolsToRender.map(createSchoolCard).join('');\n\n        if (schoolsToRender.length === 0) {\n            grid.classList.add('hidden');\n            noResults.classList.remove('hidden');\n            noResults.classList.add('flex');\n        } else {\n            grid.classList.remove('hidden');\n            noResults.classList.add('hidden');\n            noResults.classList.remove('flex');\n            \n            if (typeof gsap !== 'undefined') {\n                gsap.to('.school-item', {\n                    y: 0,\n                    opacity: 1,\n                    duration: 0.5,\n                    stagger: 0.05,\n                    ease: \"power2.out\"\n                });\n            } else {\n                \/\/ Fallback if GSAP fails to load\n                document.querySelectorAll('.school-item').forEach(item => {\n                    item.style.opacity = 1;\n                    item.style.transform = 'translateY(0)';\n                });\n            }\n        }\n    }\n\n    \/\/ Initial Render\n    renderSchools(schoolsData);\n\n    \/\/ Live Search\n    searchInput.addEventListener('input', (e) => {\n        const searchTerm = e.target.value.toLowerCase();\n        const filteredSchools = schoolsData.filter(school => \n            school.name.toLowerCase().includes(searchTerm) || school.address.toLowerCase().includes(searchTerm)\n        );\n        renderSchools(filteredSchools);\n    });\n\n<\/script>\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>Our Schools Discover the vibrant educational communities across District 7. Search below to find contact information, locations, and direct links to our school websites. No schools found Try adjusting your search terms.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-92","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csd7.org\/index.php?rest_route=\/wp\/v2\/pages\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csd7.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/csd7.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/csd7.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csd7.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=92"}],"version-history":[{"count":16,"href":"https:\/\/csd7.org\/index.php?rest_route=\/wp\/v2\/pages\/92\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/csd7.org\/index.php?rest_route=\/wp\/v2\/pages\/92\/revisions\/158"}],"wp:attachment":[{"href":"https:\/\/csd7.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}