{"id":1958,"date":"2025-12-09T23:01:34","date_gmt":"2025-12-09T23:01:34","guid":{"rendered":"https:\/\/csaac.org\/?page_id=1958"},"modified":"2026-07-08T18:30:17","modified_gmt":"2026-07-08T18:30:17","slug":"2026-2","status":"publish","type":"page","link":"https:\/\/csaac.org\/es\/2026-2\/","title":{"rendered":"2026"},"content":{"rendered":"


\n
\n
\n
\n
\n Recent Events & Highlights – CSAAC<\/title>\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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap\" rel=\"stylesheet\">\n<style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'DM Sans', sans-serif; line-height: 1.6; color: #333; }\n .hero { background: linear-gradient(135deg, #06505c 0%, #078199 100%); color: white; padding: 4rem 2rem; text-align: center; }\n .hero h1 { font-size: 3rem; margin-bottom: 1rem; }\n .hero p { font-size: 1.3rem; max-width: 800px; margin: 0 auto; }\n .container { max-width: 1200px; margin: 0 auto; padding: 2rem 2rem; }\n .section { padding: 2.5rem 2rem; }\n .section-white { background: white; }\n .section-gray { background: #f8f9fa; }\n .section-title { font-size: 2.5rem; color: #06505c; margin-bottom: 1.5rem; text-align: center; }\n .intro-section { background: white; padding: 2.5rem 2rem; }\n .intro-box { background: #f8f9fa; border-left: 6px solid #cbb777; padding: 2rem; border-radius: 0 10px 10px 0; max-width: 900px; margin: 0 auto; }\n .intro-box p { font-size: 1.2rem; line-height: 1.8; color: #06505c; margin: 0; font-weight: 500; }<\/p>\n<p> \/* Card Grid *\/\n.events-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 1.5rem; }<\/p>\n<p> \/* Flip Card *\/\n.flip-card { perspective: 1500px; height: 280px; min-height: 280px; }\n .flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d; }\n .flip-card.flipped .flip-card-inner { transform: rotateY(180deg); }\n .flip-front, .flip-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 10px; overflow: hidden; background: white; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-top: 5px solid #06505c; }\n .flip-back { transform: rotateY(180deg); }<\/p>\n<p> \/* Front of card *\/\n.flip-front-img { width: 45%; height: 100%; object-fit: cover; display: block; flex-shrink: 0; }\n.flip-front-inner { display: flex; height: 100%; }\n.flip-front-content { padding: 2rem; display: flex; flex-direction: column; justify-content: center; flex: 1; }\n.flip-front-content h3 { color: #06505c; font-size: 1.6rem; margin-bottom: 0.75rem; }\n.flip-front-content p.date { color: #888; font-size: 0.85rem; font-weight: 600; margin-bottom: 0.5rem; }\n.flip-front-content p.excerpt { color: #555; font-size: 1rem; line-height: 1.6; margin-bottom: 1rem; }\n .view-photos-btn { display: inline-block; background: #cbb777; color: #06505c; padding: 0.4rem 0.8rem; border-radius: 5px; font-weight: 600; font-size: 0.75rem; cursor: pointer; border: none; text-align: center; width: 100%; margin-bottom: 0.35rem; transition: background 0.3s; }\n .view-photos-btn:hover { background: #b8a566; }\n .view-photos-btn:last-child { margin-bottom: 0; }<\/p>\n<p> \/* Back of card - slideshow *\/\n .back-slideshow { position: relative; width: 100%; height: 100%; overflow: hidden; }\n .back-slide { position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s; }\n .back-slide.active { opacity: 1; }\n .back-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }\n .back-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(6,80,92,0.7); color: white; border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 1.1rem; z-index: 10; }\n .back-prev { left: 8px; }\n .back-next { right: 8px; }\n .back-dots { position: absolute; bottom: 35px; left: 0; right: 0; text-align: center; z-index: 10; }\n .back-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: white; margin: 0 2px; opacity: 0.5; }\n .back-dot.active { opacity: 1; }\n .back-close-btn { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(6,80,92,0.9); color: white; text-align: center; padding: 0.6rem; font-weight: 600; font-size: 0.85rem; cursor: pointer; z-index: 10; }\n.back-description { position: absolute; bottom: 38px; left: 0; right: 0; background: white; color: #555; text-align: center; padding: 0.6rem 1rem; font-size: 0.8rem; line-height: 1.4; z-index: 10; max-height: 70px; overflow-y: auto; }\n \/* Back of card - sub-menu (for grouped events) *\/\n .back-menu { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 1.5rem; gap: 0.75rem; background: linear-gradient(135deg, #06505c 0%, #078199 100%); }\n .back-menu h3 { color: white; font-size: 1.2rem; margin-bottom: 0.5rem; text-align: center; }\n .back-menu-btn { background: white; color: #06505c; padding: 0.7rem 1.5rem; border-radius: 5px; font-weight: 600; font-size: 0.9rem; cursor: pointer; border: none; width: 100%; max-width: 250px; transition: background 0.3s; }\n .back-menu-btn:hover { background: #f0f0f0; }\n .back-menu-close { color: white; font-size: 0.85rem; margin-top: 0.5rem; cursor: pointer; text-decoration: underline; }<\/p>\n<p> @media (max-width: 768px) {\n .hero { padding: 2rem 1rem; }\n .hero h1 { font-size: 1.75rem; }\n .hero p { font-size: 1rem; }\n .container { padding: 1.5rem 1rem; }\n .section { padding: 1.5rem 1rem; }\n .section-title { font-size: 1.6rem; }\n .intro-section { padding: 1.5rem 1rem; }\n .intro-box { padding: 1.25rem; }\n .intro-box p { font-size: 1rem; }\n .events-grid { grid-template-columns: 1fr; gap: 1.25rem; }<\/p>\n<p> \/* Fix flip cards for mobile *\/\n .flip-card { height: auto !important; min-height: unset !important; perspective: none !important; }\n .flip-card-inner { position: relative !important; transform: none !important; transition: none !important; }\n .flip-front { position: relative !important; transform: none !important; backface-visibility: visible !important; -webkit-backface-visibility: visible !important; display: flex !important; flex-direction: column !important; border-radius: 10px !important; overflow: hidden !important; }\n .flip-back { display: none !important; }\n .flip-card.flipped .flip-front { display: none !important; }\n .flip-card.flipped .flip-back { display: flex !important; flex-direction: column !important; position: relative !important; transform: none !important; backface-visibility: visible !important; -webkit-backface-visibility: visible !important; border-radius: 10px !important; overflow: hidden !important; min-height: 400px !important; }<\/p>\n<p> \/* Spotlights card mobile *\/\n #card-spotlights .flip-front { padding: 1rem !important; }\n #card-spotlights .flip-front > div:first-child h3 { font-size: 1.3rem !important; }\n #card-spotlights .flip-front > div:last-child { grid-template-columns: 1fr 1fr !important; gap: 0.5rem !important; }\n #card-spotlights .flip-front > div:last-child img { height: 100px !important; }\n #card-spotlights .flip-front > div:last-child button { font-size: 0.75rem !important; padding: 0.3rem 0.5rem !important; }<\/p>\n<p> \/* Recognition and profdev cards mobile *\/\n #card-recognition .flip-front img { object-position: center 30% !important; }\n #card-profdev .flip-front { padding: 1rem !important; flex-direction: column !important; }\n #card-recognition .flip-front img,\n #card-profdev .flip-front img { width: 100% !important; height: 200px !important; object-fit: cover !important; }<\/p>\n<p> \/* Slideshow back mobile *\/\n .back-slideshow { height: calc(100% - 80px) !important; }\n .back-description { font-size: 0.75rem !important; padding: 0.4rem 0.5rem !important; }\n .back-close-btn { padding: 0.5rem !important; font-size: 0.8rem !important; }\n .back-nav-btn { width: 28px !important; height: 28px !important; font-size: 1rem !important; }<\/p>\n<p> \/* Buttons *\/\n .view-photos-btn { font-size: 0.85rem !important; padding: 0.5rem 0.75rem !important; width: auto !important; }<\/p>\n<p> \/* 2025 card *\/\n#card-2025 img { height: 200px !important; width: 100% !important; object-fit: cover !important; }\n#card-2025 { height: 400px !important; min-height: unset !important; } }<\/p>\n<p> \/* Footer *\/\n .footer { background: #06505c; color: white; padding: 3rem 2rem 1rem; font-size: 1.1rem; }\n .footer-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; }\n .footer-section h3 { color: #cbb777; margin-bottom: 1rem; font-size: 1.3rem; }\n .footer-section ul { list-style: none; }\n .footer-section ul li { margin-bottom: 0.5rem; }\n .footer-section a { color: #ccc; text-decoration: none; transition: color 0.3s; }\n .footer-section a:hover { color: #cbb777; }\n .newsletter-signup input { padding: 0.75rem; border: none; border-radius: 5px; width: 100%; margin-bottom: 0.5rem; }\n .newsletter-signup button { padding: 0.75rem 1.5rem; background: #cbb777; color: #06505c; border: none; border-radius: 5px; cursor: pointer; font-weight: 600; transition: background 0.3s; }\n .newsletter-signup button:hover { background: #b8a566; }\n .social-links { display: flex; gap: 1rem; margin-top: 1rem; }\n .social-links a { display: inline-block; width: 55px; height: 55px; background: #cbb777; border-radius: 50%; text-align: center; line-height: 55px; transition: background 0.3s; color: #06505c; font-weight: bold; font-size: 1.3rem; }\n .social-links a:hover { background: #b8a566; }\n .footer-bottom { text-align: center; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.2); color: #ccc; }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <!-- Hero Section --><\/p>\n<section class=\"hero\" style=\"padding: 9rem 2rem;\">\n<h1>Happenings<\/h1>\n<p>Celebrating Milestones. Sharing Stories. Expanding Possibilities.<\/p>\n<\/section>\n<p> <!-- Intro Section --><\/p>\n<section class=\"intro-section\">\n <!-- 2026 Happenings --><\/p>\n<section class=\"section section-white\">\n<div class=\"container\">\n<h2 class=\"section-title\">2026<\/h2>\n<div class=\"events-grid\">\n<p> <!-- SPOTLIGHTS CARD (grouped: Gala, Sycamore, Rita's) --><\/p>\n<div class=\"flip-card\" id=\"card-spotlights\" style=\"height:1250px;\">\n<div class=\"flip-card-inner\">\n<div class=\"flip-front\" style=\"display:flex; flex-direction:column; padding:1.25rem;\">\n<div style=\"text-align:center; margin-bottom:1rem;\">\n<h3 style=\"color:#06505c; font-size:1.6rem; margin-bottom:0.25rem;\">Spotlight<\/h3>\n<p style=\"color:#555; font-size:0.9rem;\">The People, The Places, in Moments Shaping the CSAAC story.<\/p>\n<\/p><\/div>\n<div style=\"display:grid; grid-template-columns:1fr 1fr; gap:0.75rem; flex:1;\">\n<div style=\"display:flex; flex-direction:column; align-items:center; gap:0.4rem;\">\n <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/DSC03823.jpg\" alt=\"2026 Annual Gala\" style=\"width:75%; height:285px; object-fit:cover; object-position: center 30%; background:#f8f9fa; border-radius:6px; display:block;\"><br \/>\n <button class=\"view-photos-btn\" onclick=\"window.location.href=' https:\/\/csaac.org\/csaacs-2026-gala\/'\" style=\"width:auto; padding:0.4rem 1rem;\">2026 Annual Gala<\/button>\n <\/div>\n<div style=\"display:flex; flex-direction:column; align-items:center; gap:0.4rem;\">\n <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Ribbon-Cutting1.jpg\" alt=\"Sycamore Hill\" style=\"width:75%; height:285px; object-fit:cover; object-position: center 30%; background:#f8f9fa; border-radius:6px; display:block;\"><br \/>\n <button class=\"view-photos-btn\" onclick=\"window.location.href=' https:\/\/csaac.org\/sycamore-hill-hq-ribbon-cutting\/'\" style=\"width:auto; padding:0.4rem 1rem;\">Sycamore Hill HQ Ribbon Cutting<\/button>\n <\/div>\n<div style=\"display:flex; flex-direction:column; align-items:center; gap:0.4rem;\">\n <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111255-1.jpg\" alt=\"Rita's Ribbon Cutting\" style=\"width:75%; height:285px; object-fit:cover; background:#f8f9fa; border-radius:6px; display:block;\"><br \/>\n <button class=\"view-photos-btn\" onclick=\"window.location.href='https:\/\/csaac.org\/ritas-ribbon-cutting\/'\" style=\"width:auto; padding:0.4rem 1rem;\">Rita’s Ribbon Cutting<\/button>\n <\/div>\n<div style=\"display:flex; flex-direction:column; align-items:center; gap:0.4rem;\">\n <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/Nivea.Frank_.Paula_.jpg\" alt=\"Nivea Cordova-Berrios School Dedication\" style=\"width:75%; height:285px; object-fit:cover; border-radius:6px; display:block;\"><br \/>\n <button class=\"view-photos-btn\" onclick=\"window.location.href='https:\/\/csaac.org\/nivea-school-dedication\/'\" style=\"width:auto; padding:0.4rem 1rem;\">School Dedication<\/button>\n <\/div>\n<div style=\"display:flex; flex-direction:column; align-items:center; gap:0.4rem;\">\n <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/719237373_1722455189890662_7878657223899077534_n.jpg\" alt=\"Latina' USA\" style=\"width:75%; height:285px; object-fit:cover; border-radius:6px; display:block;\"><br \/>\n <button class=\"view-photos-btn\" onclick=\"window.location.href='https:\/\/csaac.org\/latinas-usa-2026\/'\" style=\"width:auto; padding:0.4rem 1rem;\">Latinas USA Event<\/button>\n <\/div>\n<div style=\"display:flex; flex-direction:column; align-items:center; gap:0.4rem;\">\n <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_1164.jpg\" alt=\"School Graduation\" style=\"width:75%; height:285px; object-fit:cover; border-radius:6px; display:block;\"><br \/>\n <button class=\"view-photos-btn\" onclick=\"window.location.href='https:\/\/csaac.org\/csm-graduation-2026\/'\" style=\"width:auto; padding:0.4rem 1rem;\">2026 CSM Graduation<\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"flip-back\" id=\"back-spotlights\">\n <!-- content injected by JS -->\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Celebrating Excellence --><\/p>\n<div class=\"flip-card\" id=\"card-recognition\" style=\"height:600px;\">\n<div class=\"flip-card-inner\">\n<div class=\"flip-front\" style=\"display:flex; flex-direction:column; padding:1.25rem;\">\n<div style=\"text-align:center; margin-bottom:1rem;\">\n<h3 style=\"color:#06505c; font-size:1.6rem; margin-bottom:0.25rem;\">Celebrating Excellence<\/h3>\n<p style=\"color:#555; font-size:0.9rem;\">Celebrating SPOT Awards and team member spotlights.<\/p>\n<\/p><\/div>\n<div style=\"display:flex; flex-direction:column; align-items:center; gap:0.75rem; flex:1;\">\n <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-26-101920.png\" alt=\"Celebrating Excellence\" style=\"width:60%; height:400px; object-fit:cover; object-position: center 35%; border-radius:6px; display:block;\"><br \/>\n <button class=\"view-photos-btn\" onclick=\"window.location.href=' https:\/\/csaac.org\/celebrating-excellence\/'\" style=\"width:auto; padding:0.4rem 1rem;\">Team Member Spot Awards<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"flip-back\" id=\"back-recognition\">\n <!-- content injected by JS -->\n <\/div>\n<\/p><\/div>\n<\/div>\n<p> <!-- PROFESSIONAL DEVELOPMENT CARD (grouped: Investing Seminar, DSP-1) --><\/p>\n<div class=\"flip-card\" id=\"card-profdev\" style=\"height:600px;\">\n<div class=\"flip-card-inner\">\n<div class=\"flip-front\" style=\"display:flex; flex-direction:column; padding:1.25rem;\">\n<div style=\"text-align:center; margin-bottom:1rem;\">\n<h3 style=\"color:#06505c; font-size:1.6rem; margin-bottom:0.25rem;\">Professional Development<\/h3>\n<p style=\"color:#555; font-size:0.9rem;\">Building skills and investing in our team’s growth.<\/p>\n<\/p><\/div>\n<div style=\"display:flex; flex-direction:column; align-items:center; gap:0.75rem; flex:1;\">\n <img decoding=\"async\" src=\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/02\/investing-seminar-pic.jpg\" alt=\"Professional Development\" style=\"width:60%; height:400px; object-fit:cover; object-position: center 25%; border-radius:6px; display:block;\"><br \/>\n <button class=\"view-photos-btn\" onclick=\"window.location.href='https:\/\/csaac.org\/professional-development\/'\" style=\"width:auto; padding:0.4rem 1rem;\">See Professional Development in Action<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"flip-back\" id=\"back-profdev\">\n <!-- content injected by JS -->\n <\/div>\n<\/p><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- Newsletter Signup --><\/p>\n<section style=\"background: linear-gradient(135deg, #06505c 0%, #078199 100%); color: white; padding: 2.5rem 2rem; text-align: center;\">\n<div class=\"container\">\n<h2 style=\"color:white; margin-bottom:0.75rem;\">Stay Informed<\/h2>\n<p style=\"margin-bottom:1.5rem;\">Subscribe to our newsletter for the latest news, events, and success stories from CSAAC<\/p>\n<form class=\"newsletter-form\" style=\"max-width:600px; margin:0 auto; display:flex; gap:1rem;\" action=\"https:\/\/formspree.io\/f\/xvgeqaql\" method=\"POST\">\n <input name=\"_subject\" type=\"hidden\" value=\"New Newsletter Signup - CSAAC Happenings\" \/><br \/>\n <input name=\"email\" required=\"\" type=\"email\" placeholder=\"Enter your email address\" style=\"flex:1; padding:1rem; border:none; border-radius:5px; font-size:1rem;\" \/><br \/>\n <button type=\"submit\" style=\"padding:1rem 2rem; background:#cbb777; color:#06505c; border:none; border-radius:5px; font-weight:600; cursor:pointer;\"><strong>Subscribe<\/strong><\/button><br \/>\n <\/form>\n<\/p><\/div>\n<\/section>\n<p> <!-- Footer --><\/p>\n<footer id=\"contact\" class=\"footer\">\n<div class=\"footer-content\">\n<div class=\"footer-section\">\n<h3>Quick Links<\/h3>\n<ul>\n<li><a href=\"https:\/\/csaac.org\/about-csaac-2\/\">About<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/volunteer-at-csaac\/\">Join Our Mission<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/careers-at-csaac\/\">Careers<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/contact-csaac\/\">Contact<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"footer-section\">\n<h3>Contact Us<\/h3>\n<p>CSAAC<br \/>\n<br \/>Phone: <a href=\"tel:+12409122220\">(240) 912-2220<\/a><br \/>\n<br \/>Email: <a href=\"mailto:csaac@csaac.org\">csaac@csaac.org<\/a>\n<\/div>\n<div class=\"footer-section\">\n<h3>Newsletter Signup<\/h3>\n<form class=\"newsletter-signup\" action=\"https:\/\/formspree.io\/f\/xvgeqaql\" method=\"POST\"><input name=\"_subject\" type=\"hidden\" value=\"New Newsletter Signup - CSAAC\" \/><br \/>\n<input name=\"email\" required=\"\" type=\"email\" placeholder=\"Enter your email\" \/><br \/>\n<button type=\"submit\">Subscribe<\/button><\/form>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/share\/1ASK295psM\/?mibextid=wwXIfr\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a><br \/>\n <a href=\"https:\/\/www.instagram.com\/csaac_org?igsh=dHgzcnFocThzejJq&utm_source=qr\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a><br \/>\n <a href=\"https:\/\/www.linkedin.com\/company\/csaac\/\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n<\/div>\n<\/div>\n<div class=\"footer-bottom\">\n<p>\u00a9 2026 CSAAC. All rights reserved.<\/p>\n<\/div>\n<\/footer>\n\n<p> <script>\n \/\/ ===== PHOTO DATA =====\n const photoSets = {\n gala: {\n title: \"CSAAC's 2026 Annual Gala\",\n description: \"What a wonderful evening celebrating CSAAC's mission with our incredible community of supporters, families, and friends! Thank you to everyone who joined CSAAC's Autism Acceptance Gala and helped make the night meaningful.\",\n photos: [\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/DMD8546.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/DMD8289.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/DMD8287.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/DMD8497.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/DMD8491.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Granthams3.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/CraigW2.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Reception4-scaled.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Nancy.CraigW-scaled.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Guests15-scaled.jpg\",\n\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/DSC03828.jpg\"\n ]\n },\n sycamore: {\n title: \"Sycamore Hill Ribbon Cutting\",\n description: \"We proudly celebrated the ribbon cutting of CSAAC's new Headquarters, the Sycamore Hill building, located in Bethesda! This new space represents growth, collaboration, and our ongoing commitment to expanding opportunities for individuals with autism to live, learn, work, and thrive in their communities. Here's to the Future ahead!\",\n photos: [\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Ribbon-Cutting1.jpg\",\n {url: \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/ribbon2.jpg\", position: \"center 30%\"},\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/RibbonCutting3.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Plaque4-scaled.jpeg\",\n {url: \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Nivea.Eric5_.jpg\", position: \"center 45%\"},\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Eric6.jpg\",\n {url: \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/C.Pardini7.jpg\", position: \"center 25%\"},\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/stateCitation9.jpg\",\n {url: \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/GroupLadies10.jpg\", position: \"center 35%\"},\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Staff11.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Staff12.jpg\"\n ]\n },\ndedication: {\n title: \"Nivea Cordova-Berrios School Dedication\",\n description: \"We gathered to celebrate the dedication of the Community School of Maryland to Nivea Cordova Berrios, honoring her decades of leadership, advocacy, and commitment to individuals with autism and their families.\",\n photos: [\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/Nivea.Frank_.Paula_.jpg\",\n\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/Nivea.Don_.Durso_.jpg\",\n\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/NiveEric.jpg\",\n{url: \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/Nivea2.jpg\", position: \"center 15%\"},\n\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/Guests.jpg\",\n\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/Guest2.jpg\",\n\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/ERic3.jpg\",\n{url: \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/FrankB.jpg\", position: \"center 20%\"},\n\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/Durso.jpg\",\n\"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/GroupPhoto.jpg\",\n{ url: \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/07\/EricLydia.jpg\", position: \"center 30%\"},\n ]\n},\n ritas: {\n title: \"Rita's Italian Ice Ribbon Cutting\",\n description: \"It was a sweet day for CSAAC as we celebrated the ribbon cutting of Rita's Italian Ice, our newest Integrated Social Enterprise, located in Derwood! This new venture represents growth, opportunity, and our ongoing commitment to expanding valuable food service experiences for individuals with autism in their communities.\",\n photos: [\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111255-1.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111255-2.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111255-3.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111255.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111256-3.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111256-1.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111255-12.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111255-11.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111255-10.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111255-9.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111255-8.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/IMG_20260622_111255-4.jpg\"\n ]\n },\n recognition: {\n title: \"Celebrating Excellence\",\n description: \"Celebrating our outstanding team members through SPOT Awards and Team Member Spotlights.\",\n photos: [\n { url: \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-26-101920.png\", caption: \"Congratulations to our April 2026 SPOT Award recipients!\", position: \"center 30%\"},\n { url: \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-26-101939.png\", caption: \"Recognizing outstanding dedication and excellence in care.\", position: \"center 30%\"},\n { url: \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-26-110731-e1782486644906.png\", caption: \"Thank you for all you do for the individuals we serve!\", position: \"center 30%\" },\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/03\/Kobby-Mante-Gift-of-Appreciation.jpg\",\n \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/02\/IMG_5175-scaled.jpeg\"\n ]\n},\n investing: {\n title: \"Investing in Our Team's Financial Future\",\n description: \"Executive Director Eric Salzano led an engaging investing seminar for CSAAC employees, providing valuable insights into building financial security through stock market investments. Team members learned how to find value lines and interpret them, gaining practical skills to make informed investment decisions for their futures. this seminar reflects CSAAC's commitment to supporting our employees' long term financial wellness and professional growth beyond their day-to-day roles.\",\n photos: [\n { url: \"https:\/\/csaac.org\/wp-content\/uploads\/2026\/02\/investing-seminar-pic.jpg\", position: \"center 30%\"}\n ]\n},<\/p>\n<p> };<\/p>\n<p> let currentSlideIndex = {};<\/p>\n<p> function buildSlideshowHTML(setKey) {\n const set = photoSets[setKey];\n let slidesHTML = '';\n set.photos.forEach((photo, i) => {\n const url = typeof photo === 'string' ? photo : photo.url;\n const position = typeof photo === 'string' ? 'center' : (photo.position || 'center');\n slidesHTML += `<\/p>\n<div class=\"back-slide${i === 0 ? ' active' : ''}\" data-index=\"${i}\"><img decoding=\"async\" src=\"${url}\" alt=\"${set.title}\" style=\"object-position:${position};\"><\/div>\n<p>`;\n });\n let dotsHTML = '';\n if (set.photos.length > 1) {\n set.photos.forEach((_, i) => {\n dotsHTML += `<span class=\"back-dot${i === 0 ? ' active' : ''}\" data-index=\"${i}\"><\/span>`;\n });\n }\n const navButtons = set.photos.length > 1 ? `\n <button class=\"back-nav-btn back-prev\">\u2039<\/button>\n <button class=\"back-nav-btn back-next\">\u203a<\/button>\n ` : '';\n const firstPhoto = set.photos[0];\n const firstCaption = (typeof firstPhoto === 'object' && firstPhoto.caption) ? firstPhoto.caption : (set.description || '');\n return `<\/p>\n<div class=\"back-slideshow\" data-setkey=\"${setKey}\" style=\"height:calc(100% - 90px);\">\n ${slidesHTML}\n ${navButtons}<\/p>\n<div class=\"back-dots\">${dotsHTML}<\/div>\n<\/p><\/div>\n<div class=\"back-description\">${firstCaption}<\/div>\n<div class=\"back-close-btn\">Close<\/div>\n<p>`;\n}<\/p>\n<p> function buildMenuHTML(cardKey, title, buttons) {\n let btnsHTML = '';\n buttons.forEach(b => {\n btnsHTML += `<button class=\"back-menu-btn\" onclick=\"flipToSlideshow('${cardKey}', '${b.key}')\">${b.label}<\/button>`;\n });\n return `<\/p>\n<div class=\"back-menu\">\n<h3>${title}<\/h3>\n<p> ${btnsHTML}<\/p>\n<div class=\"back-menu-close\">Close<\/div>\n<\/p><\/div>\n<p> `;\n }<\/p>\n<p> function flipToSlideshow(cardKey, setKey) {\n const card = document.getElementById('card-' + cardKey);\n const back = document.getElementById('back-' + cardKey);\n back.innerHTML = buildSlideshowHTML(setKey);\n currentSlideIndex[cardKey] = 0;\n card.classList.add('flipped');\n attachSlideshowEvents(card, cardKey);\n }<\/p>\n<p> function flipDirect(cardKey) {\n flipToSlideshow(cardKey, cardKey);\n }<\/p>\n<p> function attachSlideshowEvents(card, cardKey) {\n const back = card.querySelector('.flip-back');\n const closeBtn = back.querySelector('.back-close-btn, .back-menu-close');\n if (closeBtn) {\n closeBtn.addEventListener('click', function(e) {\n e.stopPropagation();\n card.classList.remove('flipped');\n });\n }\n const prevBtn = back.querySelector('.back-prev');\n const nextBtn = back.querySelector('.back-next');\n if (prevBtn) prevBtn.addEventListener('click', function(e) {\n e.stopPropagation();\n changeSlide(cardKey, -1);\n });\n if (nextBtn) nextBtn.addEventListener('click', function(e) {\n e.stopPropagation();\n changeSlide(cardKey, 1);\n });\n const dots = back.querySelectorAll('.back-dot');\n dots.forEach(dot => {\n dot.addEventListener('click', function(e) {\n e.stopPropagation();\n goToSlide(cardKey, parseInt(this.dataset.index));\n });\n });\n }<\/p>\n<p> function changeSlide(cardKey, direction) {\n const back = document.getElementById('back-' + cardKey);\n const slides = back.querySelectorAll('.back-slide');\n let newIndex = currentSlideIndex[cardKey] + direction;\n if (newIndex < 0) newIndex = slides.length - 1;\n if (newIndex >= slides.length) newIndex = 0;\n goToSlide(cardKey, newIndex);\n }<\/p>\n<p> function goToSlide(cardKey, index) {\n const back = document.getElementById('back-' + cardKey);\n const slides = back.querySelectorAll('.back-slide');\n const dots = back.querySelectorAll('.back-dot');\n slides.forEach((s, i) => s.classList.toggle('active', i === index));\n dots.forEach((d, i) => d.classList.toggle('active', i === index));\n currentSlideIndex[cardKey] = index;<\/p>\n<p> const setKey = back.querySelector('.back-slideshow').dataset.setkey;\n const set = photoSets[setKey];\n const photo = set.photos[index];\n const caption = (typeof photo === 'object' && photo.caption) ? photo.caption : (set.description || '');\n const descEl = back.querySelector('.back-description');\n if (descEl) descEl.textContent = caption;\n}<\/p>\n<p> \/\/ Set up Spotlights and Recognition cards to show menu first when their back is needed\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Pre-populate Spotlights back with menu (in case needed), but since buttons are on front, back starts empty until a button is clicked.\n });\n <\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recent Events & Highlights – CSAAC Happenings Celebrating Milestones. Sharing Stories. Expanding Possibilities. 2026 Spotlight The People, The Places, in Moments Shaping the CSAAC story. 2026 Annual Gala Sycamore Hill HQ Ribbon Cutting Rita’s Ribbon Cutting School Dedication Latinas USA Event 2026 CSM Graduation Celebrating Excellence Celebrating SPOT Awards and team member spotlights. Team Member […]<\/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-1958","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/comments?post=1958"}],"version-history":[{"count":60,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1958\/revisions"}],"predecessor-version":[{"id":4293,"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/pages\/1958\/revisions\/4293"}],"wp:attachment":[{"href":"https:\/\/csaac.org\/es\/wp-json\/wp\/v2\/media?parent=1958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}