{"id":119,"date":"2025-09-18T02:24:33","date_gmt":"2025-09-18T02:24:33","guid":{"rendered":"https:\/\/ps1x.org\/?page_id=119"},"modified":"2026-03-09T20:43:02","modified_gmt":"2026-03-09T20:43:02","slug":"staff-director","status":"publish","type":"page","link":"https:\/\/ps1x.org\/?page_id=119","title":{"rendered":"Staff Directory"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Staff Directory | J.H.S. 22 Jordan L. Mott<\/title>\n \n <!-- Advanced SEO & Crawling -->\n <meta name=\"description\" content=\"Find contact information for the administration, teachers, and support staff at J.H.S. 22 Jordan L. Mott.\">\n <meta name=\"keywords\" content=\"J.H.S. 22 Staff, Teacher Directory, Principal Jenilee Ramirez, Jordan L. Mott Directory, Bronx Middle School Staff\">\n <meta name=\"author\" content=\"J.H.S. 22 Jordan L. Mott\">\n <meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\">\n <link rel=\"canonical\" href=\"https:\/\/jhs22.com\/directory\">\n\n <!-- Favicon & App Icons -->\n <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/jhs22.com\/uploads\/logo_nobg.png\">\n <link rel=\"apple-touch-icon\" href=\"https:\/\/jhs22.com\/uploads\/logo_nobg.png\">\n\n <!-- Open Graph \/ Facebook -->\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:url\" content=\"https:\/\/jhs22.com\/directory\">\n <meta property=\"og:title\" content=\"Staff Directory | J.H.S. 22 Jordan L. Mott\">\n <meta property=\"og:description\" content=\"Search our staff directory to easily find and contact teachers, administration, and support teams.\">\n <meta property=\"og:image\" content=\"https:\/\/jhs22.com\/uploads\/download-1.jpg\">\n\n <!-- 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=Inter:wght@400;500;600;700;900&family=Poppins:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\n \n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n schoolBlue: '#1B244C',\n schoolGreen: '#8E8E8E',\n schoolLight: '#f8fafc',\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n poppins: ['Poppins', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n\n <!-- Custom Styles (Shared with index.html) -->\n <link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body class=\"bg-schoolLight text-gray-800 antialiased selection:bg-schoolGreen selection:text-schoolBlue min-h-screen flex flex-col\">\n\n <!-- Skip to Main Content Link for Keyboard Accessibility -->\n <a href=\"#main-content\" class=\"sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 bg-schoolBlue text-white px-6 py-3 z-[100] rounded-lg font-bold shadow-xl border-2 border-schoolGreen focus:outline-none focus:ring-4 focus:ring-schoolGreen\">\n Skip to main content\n <\/a>\n\n <!-- ==========================================\n INCLUDE HEADER-PARTIAL.HTML HERE\n ========================================== -->\n\n <main id=\"main-content\" class=\"flex-grow\">\n \n <!-- Inner Page Hero Section -->\n <section aria-label=\"Directory Hero\" class=\"relative bg-schoolBlue py-20 md:py-28 overflow-hidden border-b-8 border-schoolGreen\">\n <!-- Background Image -->\n <div class=\"absolute inset-0\">\n <img decoding=\"async\" src=\"https:\/\/jhs22.com\/uploads\/download-1.jpg\" alt=\"School building exterior\" class=\"w-full h-full object-cover opacity-20 filter grayscale-[20%] mix-blend-overlay\">\n <\/div>\n \n <!-- Content -->\n <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h1 class=\"text-4xl md:text-6xl font-black text-white font-poppins drop-shadow-lg mb-4\">\n Staff Directory\n <\/h1>\n <\/div>\n <\/section>\n\n <!-- Directory Interactive Section -->\n <section aria-labelledby=\"directory-heading\" class=\"py-16 relative bg-schoolLight z-10\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n \n <!-- Search Bar -->\n <div class=\"max-w-3xl mx-auto mb-16 relative\">\n <div class=\"absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none\">\n <svg class=\"h-6 w-6 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"><\/path><\/svg>\n <\/div>\n <input \n type=\"text\" \n id=\"searchInput\" \n class=\"block w-full pl-12 pr-4 py-4 md:py-5 border-2 border-gray-200 rounded-2xl text-lg text-schoolBlue shadow-sm focus:border-schoolGreen focus:ring-4 focus:ring-schoolGreen\/20 transition-all outline-none bg-white placeholder-gray-400\" \n placeholder=\"Search by name, grade, or title...\"\n aria-label=\"Search staff directory\"\n >\n <\/div>\n\n <!-- Directory Content Container -->\n <div id=\"directory-content\">\n \n <!-- Section: Administration & Leadership -->\n <div class=\"directory-section mb-16\">\n <h2 class=\"text-3xl font-bold text-schoolBlue font-poppins mb-6 pb-2 border-b-2 border-schoolGreen\/30\">Administration & Leadership<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n \n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Jenilee Ramirez<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Principal<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"JRAMIREZ17\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n \n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Saitung Wong (Danny)<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Assistant Principal<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"SWong27\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- Section: Office & Parent Support -->\n <div class=\"directory-section mb-16\">\n <h2 class=\"text-3xl font-bold text-schoolBlue font-poppins mb-6 pb-2 border-b-2 border-schoolGreen\/30\">Office & Parent Support<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n \n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Stefanie Rodriguez<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Parent Coordinator<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"SRodriguez160\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Yohanna Concepcion<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Payroll Secretary<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"YConcepcion\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Letrucee Riddick<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Pupil Secretary<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"LRiddick3\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Esther Lesi<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Community Coordinator<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"ELesi\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Elizabeth Cintron<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Family Worker<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"ECintron2\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Laura Aldea<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Family Worker<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"LAldea\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- Section: Guidance Counselors -->\n <div class=\"directory-section mb-16\">\n <h2 class=\"text-3xl font-bold text-schoolBlue font-poppins mb-6 pb-2 border-b-2 border-schoolGreen\/30\">Guidance Counselors<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n \n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Christopher Feldmann<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Guidance Counselor<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"CFeldmann\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Estebania Jimenez<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Guidance Counselor<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"EJimenez21\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- Section: Teaching Staff -->\n <div class=\"directory-section mb-16\">\n <h2 class=\"text-3xl font-bold text-schoolBlue font-poppins mb-6 pb-2 border-b-2 border-schoolGreen\/30\">Teaching Staff<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n \n <!-- 3K -->\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">K. Milan-Lopez<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">3K<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"Kmilanlopez2\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Christina Guadamuz<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">3K<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"CGuadamuz\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <!-- Pre-K -->\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Jacquline Albino<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Pre-K<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"JAlbino2\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Tabitha Medina<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Pre-K<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"TMedina12\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Andrea Zhindon<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Pre-K<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"AZhindon\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <!-- Kindergarten -->\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Lily Shao<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Kindergarten<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"LShao3\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">E. Muriqi<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Kindergarten<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"EMuriqi\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">K. Seaberry<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Kindergarten<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"TSeaberry\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">T. Malicay<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Kindergarten<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"KMalicay\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <!-- Grade 1 & Bridges -->\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Nicole Suero<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 1<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"NSuero3\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Lauren Pesce<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 1<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"LPesce2\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Brannie Diaz<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Bridge K\/1<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"BDiaz13\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <!-- Grade 2 -->\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Courtney Hibbert<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 2<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"CHibbert\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Kiera Mondesire<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 2<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"KMondesire\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Mary Opara<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 2<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"MOpara2\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">A. Xhekaj<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 2<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"AXhekaj\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <!-- Grade 3 & Bridges -->\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Cynthia Cruz<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 3<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"CCruz93\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Aurora Sanchez<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 3<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"ASanchez108\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Leslie Prokopy<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 3<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"LProkopy\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Sarah Carrubba<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 3<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"SCarrubba\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">S. Shreyer<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Bridge 2\/3<\/p>\n <\/div>\n <!-- No email listed -->\n <\/div>\n\n <!-- Grade 4 & Bridges -->\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Pedro Cruz<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 4<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"PCruz5\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Urena<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 4<\/p>\n <\/div>\n <!-- No email listed -->\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Marie Clarke<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 4<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"MClarke5\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Latasha Cameron<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 4<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"LCameron5\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <!-- Grade 5 & Bridges -->\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Sylvia Alicea<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 5<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"SAlicea\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Bianca Genovese-ogden<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Grade 5<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"BGenoveseogden\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Luvinder Singh<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Bridge 4\/5<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"LSingh20\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <!-- Specialists & Support Teachers -->\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Tacia Maxwell<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">IEP Teacher<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"TMaxwell4\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Kilsia Montolio<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">ENL<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"KMontol\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Ericka Labrada<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">ENL<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"ELabrada\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Christopher Deangelis<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Music<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"CDeangelis3\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">B. Gonzalez<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Dance<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"BGonzalez49\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Anthony Nunez<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Computer<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"ANunez8\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Mitchell Cohen<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Physical Education<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"MCohen76\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Daniel Di Bona<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Physical Education<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"DDibona\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Melissa Conti<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Library<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"MConti6\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">T. Collins<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Support Teacher<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"TCollin\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">P. Stewart<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Literacy Interventionist<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"PStewart14\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Rosa Fernandez<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Literacy Coach<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"RFernandez18\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- Section: Related Services & Support Teams -->\n <div class=\"directory-section mb-16\">\n <h2 class=\"text-3xl font-bold text-schoolBlue font-poppins mb-6 pb-2 border-b-2 border-schoolGreen\/30\">Related Services & Support Teams<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n \n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Ashley Budhai<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Speech<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"ABudhai\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Leydy Prieto<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Speech<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"LPrieto2\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Lisa Martin<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Speech<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"LMartin29\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Ingrid Castillo<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">SBST Social Worker<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"ICastillo6\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Yanette Rosario<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">SBST Psychologist<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"YRosario8\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Marilyn Rivera<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">SBST Family Worker<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"MRivera4\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Angelina Rodriguez<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">STH Social Worker<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"ARodriguez272\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <!-- Section: Technical Support -->\n <div class=\"directory-section\">\n <h2 class=\"text-3xl font-bold text-schoolBlue font-poppins mb-6 pb-2 border-b-2 border-schoolGreen\/30\">Technical Support<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n \n <div class=\"staff-card bg-white rounded-2xl p-6 shadow-md border border-gray-100 hover:shadow-xl transition-shadow flex flex-col h-full\">\n <div class=\"flex-grow\">\n <h3 class=\"staff-name text-xl font-bold text-schoolBlue font-poppins mb-1\">Alfredo Cuello<\/h3>\n <p class=\"staff-title text-schoolGreen font-semibold text-sm uppercase tracking-wide mb-4\">Computer Technician<\/p>\n <\/div>\n <div class=\"email-container mt-auto pt-4 border-t border-gray-50\">\n <button class=\"reveal-email-btn w-full bg-schoolBlue text-white px-4 py-2.5 rounded-xl text-sm font-medium hover:bg-blue-900 transition-colors focus:outline-none focus:ring-2 focus:ring-schoolGreen focus:ring-offset-2\" data-user=\"acuello4\" data-domain=\"schools.nyc.gov\">Show Email<\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n \n <!-- No Results Message -->\n <div id=\"noResultsMessage\" class=\"hidden text-center py-12 bg-white rounded-2xl border border-gray-200 mt-8 shadow-sm\">\n <p class=\"text-xl text-gray-500 font-medium\">No staff members found matching your search.<\/p>\n <\/div>\n\n <\/div>\n <\/section>\n\n <\/main>\n\n <!-- ==========================================\n INCLUDE FOOTER-PARTIAL.HTML HERE\n ========================================== -->\n\n <!-- Directory Interactive Javascript -->\n <script>\n (function() {\n const searchInput = document.getElementById('searchInput');\n const content = document.getElementById('directory-content');\n const noResults = document.getElementById('noResultsMessage');\n\n \/\/ Handle the search filtering\n function searchStaff() {\n if (!content || !searchInput) return;\n\n const filter = searchInput.value.toUpperCase();\n const sections = content.querySelectorAll('.directory-section');\n let totalVisibleCards = 0;\n\n sections.forEach(section => {\n const cards = section.querySelectorAll('.staff-card');\n let hasVisibleCards = false;\n\n cards.forEach(card => {\n const name = card.querySelector('.staff-name').textContent.toUpperCase();\n const title = card.querySelector('.staff-title').textContent.toUpperCase();\n\n if (name.includes(filter) || title.includes(filter)) {\n card.style.display = \"\"; \/\/ Show card\n hasVisibleCards = true;\n totalVisibleCards++;\n } else {\n card.style.display = \"none\"; \/\/ Hide card\n }\n });\n\n \/\/ Hide the whole category section if no cards inside it match\n section.style.display = hasVisibleCards ? \"\" : \"none\";\n });\n\n \/\/ Show\/hide the \"No results\" message block\n if (noResults) {\n noResults.style.display = totalVisibleCards > 0 ? \"none\" : \"block\";\n }\n }\n\n \/\/ Handle the secure email reveal button\n function revealEmail(event) {\n if (event.target.classList.contains('reveal-email-btn')) {\n const button = event.target;\n const user = button.dataset.user;\n const domain = button.dataset.domain;\n \n if (user && domain) {\n const emailAddress = `${user}@${domain}`;\n const emailLink = document.createElement('a');\n \n emailLink.href = `mailto:${emailAddress}`;\n emailLink.textContent = emailAddress;\n \/\/ Apply Tailwind styling to the new anchor link replacing the button\n emailLink.className = \"text-schoolBlue hover:text-schoolGreen font-semibold transition-colors break-all focus:outline-none focus:underline block text-center py-2\";\n \n button.parentElement.replaceChild(emailLink, button);\n }\n }\n }\n \n \/\/ Attach event listeners\n if (searchInput) {\n searchInput.addEventListener('input', searchStaff);\n }\n if (content) {\n content.addEventListener('click', revealEmail);\n }\n })();\n <\/script>\n<\/body>\n<\/html>\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>Staff Directory | J.H.S. 22 Jordan L. Mott Skip to main content Staff Directory Administration & Leadership Jenilee Ramirez Principal Show Email Saitung Wong (Danny) Assistant Principal Show Email Office & Parent Support Stefanie Rodriguez Parent Coordinator Show Email Yohanna Concepcion Payroll Secretary Show Email Letrucee Riddick Pupil Secretary Show Email Esther Lesi Community Coordinator […]<\/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-119","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ps1x.org\/index.php?rest_route=\/wp\/v2\/pages\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ps1x.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ps1x.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ps1x.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ps1x.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=119"}],"version-history":[{"count":23,"href":"https:\/\/ps1x.org\/index.php?rest_route=\/wp\/v2\/pages\/119\/revisions"}],"predecessor-version":[{"id":396,"href":"https:\/\/ps1x.org\/index.php?rest_route=\/wp\/v2\/pages\/119\/revisions\/396"}],"wp:attachment":[{"href":"https:\/\/ps1x.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}