<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta property="og:image" content="https://w2.chabad.org/media/images/1243/dORX12430762.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="exclude-custom-search" content="true" />
<meta name="scope-aids" content="390169-2503070" />
<meta name="article-keywords" content="9928-537-18789-2170-2898" />
<meta name="scope-aid" content="390169" />
<meta name="scope-aid" content="2503070" />
<meta name="article-keyword" content="9928" />
<meta name="article-keyword" content="537" />
<meta name="article-keyword" content="18789" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.mychaicenter.com/" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="CHAI CENTER-CHABAD" />
<link rel="icon" type="image/png" href="https://www.mychaicenter.com/media/images/1243/dORX12430762.png" />
<link rel="canonical" href="https://www.mychaicenter.com/" />
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/sections/calendar/calendarpicker.css?v=19B5D131" id="kcalendar" type="text/css"/>
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=30C57FF9" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?v=D37C5613" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?v=1FE80AC1" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?v=B14CEBA0" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/template5/global.css?v=1F4BAE3C" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/template5/skins/beige.css?v=BF266C27" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/home/default/navy.css?v=3EC905C4" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/fundraising/FundraisingTickerltr.css?v=AAA2454B" id="kfundraisingtickerCss" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/home/stylesglobal-reset.min.css?v=DDE48325" id="kreset-styles" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/home/default/prettyPhoto.min.css?v=E5A10EA0" id="kprettyPhoto" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?v=E699B0F3" id="k4" type="text/css"/> <![endif]-->
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/cco/IEfix.css?v=26E38FB6" id="kfix IE7 styling issues" type="text/css"/> <![endif]-->
<!-- Co:JsonLdResources --><script>$q=[];$j=function(f){$q.push(f);}</script><title>
CHAI CENTER -CHABAD
</title>








<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2014-02-27","primaryArticleId":2503070,"title":"Custom Home Page (4102)","author":"","authorId":0,"siteName":"CHAI CENTER-CHABAD"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":10,"hebrewDate":"5786-04-07"}});
		dataLayer.push({ 'articleHierarchy': '-390169-2503070-', 'keywords': '-k2898-k2170-k18789-k537-k9928-', 'k': '-390169-2503070--k2898-k2170-k18789-k537-k9928-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 1690645;var sc_partition = 2;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "2c25e207";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c3.statcounter.com/counter.php?sc_project=1690645&amp;java=0&amp;security=2c25e207&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="google-site-verification" content="g5R683IMfZg7Hww8bf2qlUC8cAz7tu_PiY0RUu0vy3s" />
<script>
const h1 = document.querySelector('h1');
if (h1 && h1.innerHTML === 'Page Not Found') {
window.location.href = '/';
}
</script>
</head>
<body class="lang_en dir_ltr cco_body">




<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>MyChaiCenter.com</b>
</div>
<div id="header">
<div class="wrapper">

<div id="feedback_bar" class="hide_for_print no_outline">
	<div class="wrapper">
		
	</div>
</div>

<div id="header_container" class="header_container">
<div class="clearfix links">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="15" height="8" class="baruch_hashem" />
<div class="float_right">
<div class="topBarLink cco_topbar_link contact_link">
<a href="/tools/feedback.asp">Contact</a>
</div>
</div>
<div class="float_left">
<div class="topBarLink cco_topbar_link home_link">
<a href="/">Home</a>
</div>
<div class="topBarLink cco_topbar_link about_link">
<a href="/6486697">About</a>
</div>
<div class="topBarLink cco_topbar_link donate_link">
<a href="/4970020">Donate</a>
</div>
<div class="topBarLink">


<div id="loginHeaderContainer" class="">
	
</div>

</div>
</div>
</div>
<div class="break_floats"></div>
</div>
<div id="header_container" class="clearfix">
<div id="header_branding" class="no_outline logo">
<div class="g260 no_margin cco_search_header float_right">
<div class="co_search_form margin05">
<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>


<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" display_name="Search Field" min_length="3"></input>
</div>

<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
<div class="inner">
<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
<div class="break_floats"></div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="float_left right_padding"><a href="/"><img src="https://w2.chabad.org/media/images/1243/dORX12430762.png" width="100" height="100" border="0" /></a></div>
<a href="/default.asp" title="CHAI CENTER-CHABAD" class="site_title" style="margin-left:115px;">CHAI CENTER-CHABAD<span class="site_subtitle clearfix">A independent affiliate of the Chabad Centers of Coral Springs</span></a>
</div>
</div>
<!-- BEGIN CACHE {"CachedBy":{"Server":"W22-NYC1","Url":"https://www.mychaicenter.com/library/torahtexts.aspx","AppPath":"ChabadOnline.dll","Version":{"Built":"2026-06-15T11:35:37.3257343-04:00","Branch":"production","Configuration":"Release","Machine":""}},"Created":"2026-06-20T05:21:51.4639877-04:00","Expire":"2026-06-23T05:21:51.4639877-04:00"}-->
<script>
var primaryNavigationVersion = "639175297114639877";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper desktop-only" data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="6486697" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/6486697/jewish/About-Us.htm" class="parent">About<br />Us</a></div></span><a href="/templates/articlecco_cdo/aid/6486697/jewish/About-Us.htm" class="bg_extension js-parent-menu-link" data-aid="6486697"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="7349975" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/7349976/jewish/Our-Recipe.htm" class="item empty" id="menu_item2-1" data-menu-level="2" data-aid="7349976">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Our Recipe</span>
</a>
<a href="/templates/articlecco_cdo/aid/7349977/jewish/Volunteer.htm" class="item" id="menu_item2-2" data-menu-level="2" data-aid="7349977">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Volunteer</span>
</a>
<a href="/templates/articlecco_cdo/aid/7349981/jewish/Donate.htm" class="item empty" id="menu_item2-3" data-menu-level="2" data-aid="7349981">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Donate</span>
</a>
<a href="/templates/articlecco_cdo/aid/7349982/jewish/Contact-Us.htm" class="item" id="menu_item2-4" data-menu-level="2" data-aid="7349982">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Contact Us</span>
</a>
</div>
<div id="menu_child2-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-2" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/7349978/jewish/Upcoming-Events.htm" class="child_item default" data-menu-level="3" data-aid="7349978"><span>Upcoming Events</span></a>
<a href="/templates/articlecco_cdo/aid/7349979/jewish/Join-the-Volunteer-List.htm" class="child_item default" data-menu-level="3" data-aid="7349979"><span>Join the Volunteer List</span></a>
<a href="/templates/articlecco_cdo/aid/7349980/jewish/Create-Your-Own-Kindness-Project.htm" class="child_item default" data-menu-level="3" data-aid="7349980"><span>Create Your Own Kindness Project</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-4" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/7349983/jewish/Refer-or-Request-a-Meal.htm" class="child_item default" data-menu-level="3" data-aid="7349983"><span>Refer or Request a Meal</span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/section_cdo/aid/7349975/jewish/Kitchen-of-Kindness.htm" class="parent">Kitchen&nbsp;of<br />Kindness</a></div></span><a href="/templates/section_cdo/aid/7349975/jewish/Kitchen-of-Kindness.htm" class="bg_extension js-parent-menu-link" data-aid="7349975"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="5330464" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="http://www.mychaicenter.com/building" class="parent">Capital<br />Campaign</a></div></span><a href="http://www.mychaicenter.com/building" class="bg_extension js-parent-menu-link" data-aid="5330464"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="1314483" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/5618285/jewish/JLI.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="5618285">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>JLI</span>
</a>
<a href="/templates/articlecco_cdo/aid/5965839/jewish/Learn-to-Read-Hebrew.htm" class="item empty" id="menu_item4-2" data-menu-level="2" data-aid="5965839">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Learn to Read Hebrew </span>
</a>
<a href="/templates/articlecco_cdo/aid/1314485/jewish/Instructors.htm" class="item empty" id="menu_item4-3" data-menu-level="2" data-aid="1314485">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Instructors</span>
</a>
<a href="/templates/articlecco_cdo/aid/1314487/jewish/Online-Study.htm" class="item empty" id="menu_item4-4" data-menu-level="2" data-aid="1314487">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Online Study</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/section_cdo/aid/1314483/jewish/Adult-Education.htm" class="parent">Adult<br />Education</a></div></span><a href="/templates/section_cdo/aid/1314483/jewish/Adult-Education.htm" class="bg_extension js-parent-menu-link" data-aid="1314483"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7351781" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="http://www.chaicentermikvah.com" class="parent">Chai&nbsp;Center<br />Mikvah</a></div></span><a href="http://www.chaicentermikvah.com" class="bg_extension js-parent-menu-link" data-aid="7351781"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7350292" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/section_cdo/aid/7350292/jewish/Chai-Center-Event-Hall.htm" class="parent">Chai&nbsp;Center<br />Event&nbsp;Hall</a></div></span><a href="/templates/section_cdo/aid/7350292/jewish/Chai-Center-Event-Hall.htm" class="bg_extension js-parent-menu-link" data-aid="7350292"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="3728917" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="http://www.mychaicenterpreschool.com" class="parent">Preschool</a></div></span><a href="http://www.mychaicenterpreschool.com" class="bg_extension js-parent-menu-link" data-aid="3728917"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="4128868" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/donate_cdo/aid/4970020/jewish/Donate.htm" class="parent">Donate<br />Online</a></div></span><a href="/templates/donate_cdo/aid/4970020/jewish/Donate.htm" class="bg_extension js-parent-menu-link" data-aid="4128868"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
</div>
</div>
<div id="content">
<div id="BodyContainer" class="wrapper">
<div class="body_wrapper clearfix">

<div class="g960"><div class="main clearfix">
<div class="no_margin g960 no_margin">
<div class="no_margin g960 no_margin">
<div class="widget-1 promo_slider custom v400 feed no_caption">
<div class="wrapper">
<div class="widget_content html_format">
<div class="slider">
<div class="slides">
<div class="slide_wrapper custom no_caption" caption=".caption-0">
<a target="_self" href="/3728917">
<img src="https://w2.chabad.org/media/images/856/gDKi8560116.jpg" alt="" /></a>
</div>
<div class="slide_wrapper custom no_caption" caption=".caption-1">
<a target="" href="/3728917">
<img src="https://w2.chabad.org/media/images/1367/orKg13673433.jpg" alt="" /></a>
</div>
<div class="slide_wrapper custom no_caption" caption=".caption-2">
<a target="" href="/7351781">
<img src="https://w2.chabad.org/media/images/1347/qPQo13471310.jpg" alt="" /></a>
</div>
<div class="slide_wrapper custom no_caption" caption=".caption-3">
<a target="" href="/7350292">
<img src="https://w2.chabad.org/media/images/1347/cunt13471226.jpg" alt="" /></a>
</div>
<div class="slide_wrapper custom no_caption" caption=".caption-4">
<a target="" href="/5618285">
<img src="https://w2.chabad.org/media/images/1327/OvCE13270637.png" alt="" /></a>
</div>
<div class="slide_wrapper custom no_caption" caption=".caption-5">
<a target="" href="/7349975">
<img src="https://w2.chabad.org/media/images/1362/QtmH13627922.jpg" alt="" /></a>
</div>
<div class="slide_wrapper custom no_caption" caption=".caption-6">
<a target="" href="/7377803">
<img src="https://w2.chabad.org/media/images/1372/umdV13722541.png" alt="" /></a>
</div>
<div class="slide_wrapper custom no_caption" caption=".caption-7">
<a target="_self" href="/6961292">
<img src="https://w2.chabad.org/media/images/1327/nVRW13272200.png" alt="" /></a>
</div>
<div class="slide_wrapper custom no_caption" caption=".caption-8">
<a target="" href="/7369867">
<img src="https://w2.chabad.org/media/images/1371/HhMD13713653.jpg" alt="" /></a>
</div>
<div class="slide_wrapper custom no_caption" caption=".caption-9">
<a target="" href="/3559666">
<img src="https://w2.chabad.org/media/images/1204/ssHS12045558.jpg" alt="" /></a>
</div>
</div>
<ul class="captionList">
</ul>
</div>
</div></div>
</div>
<div class="sneak-peek-container clearfix">
<div class="sneak-peek-item item-1 even g160 no_margin">
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="_self" href="/6399237">Chai Center Mikvah</a>
</h6>
<p>Women's Mikvah Spa </p>
<a href="/6399237" class="thumbnail" target="_self">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1328/Qxhe13286242.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>
<div class="sneak-peek-item item-2 odd g160">
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/6969521">Membership </a>
</h6>
<p>Sign up online the easy way</p>
<a href="/6969521" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1201/yFxA12012612.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>
<div class="sneak-peek-item item-3 even g160">
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/4970020">Donate</a>
</h6>
<p>Become a partner in our vital work</p>
<a href="/4970020" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/707/bVos7075854.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>
<div class="sneak-peek-item item-4 odd g160">
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="http://www.mychaicenterpreschool.com">Preschool</a>
</h6>
<p>Watch your child blossom!</p>
<a href="http://www.mychaicenterpreschool.com" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1328/TQwi13286251.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>
<div class="sneak-peek-item item-5 even g160">
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/5618285">Adult Education & JLI</a>
</h6>
<p>To Learn is to Live!</p>
<a href="/5618285" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1328/jfDp13286257.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>
<div class="sneak-peek-item item-6 odd g160">
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/1510773">Hebrew School</a>
</h6>
<p>Where children learn and love their Judaism!</p>
<a href="/1510773" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1201/CueQ12012591.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div><div class="clear" ></div>
</div>
</div><div class="clear" ></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="no_margin g640 no_margin">
<div class="no_margin g640 no_margin">
<div class="sneak-peek-container clearfix">
<div class="sneak-peek-item item-1 even g320 no_margin">
<div class="widget-1 sneak_peek custom v100 feed hideoverlay">
<div class="wrapper">
<div class="widget_content">
<a href="/7309083" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1365/trJW13650784.jpg);" alt="" />
</a>
</div>
</div>
</div>
</div>
<div class="sneak-peek-item item-2 odd g320">
<div class="widget-1 sneak_peek custom v100 feed hideoverlay">
<div class="wrapper">
<div class="widget_content">
<a href="/3559666" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1204/scJV12045588.jpg);" alt="" />
</a>
</div>
</div>
</div>
</div><div class="clear" ></div>
</div>
</div><div class="clear" ></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="no_margin g320 no_margin">
<div class="widget-4 latest_photos custom v420 feed widget_index_3 loading" max_items="9">
<div class="wrapper">
<div class="widget_header">
<h5>Latest Photos</h5> 
</div>
<div class="widget_content">
</div></div>
</div>
</div>
<div class="g320">
<script type="text/javascript">
$j(function() {
function fixWidgetBodyHeight(widget_selector) {
var $j = jQuery;
$j(widget_selector).each(function() {
var headHeight = $j(this).find(".wrapper > .widget_header").outerHeight();
var footHeight = $j(this).find(".wrapper > .widget_footer").outerHeight();
var wrapHeight = $j(this).children(".wrapper").outerHeight();
var widgetbody = $j(this).find(".wrapper > .widget_content");
var padding = widgetbody.outerHeight() - widgetbody.height();
widgetbody.height(wrapHeight - (headHeight + footHeight) - padding);
});
}
fixWidgetBodyHeight(".upcoming_events");
});
</script>
<div class="widget-4 upcoming_events custom v420 feed">
<div class="wrapper">
<div class="widget_header">
<h5>Upcoming Events</h5> 
</div>
<div class="widget_content list_format make_scrollable"><ul>
<li>
<small>Fri, June 26, 2026 - 6:00pm</small>
<h6>
<a href="/calendar/view/day.asp?tdate=6/26/2026" target="">Friday Night Services</a>
</h6>
</li>
<li>
<small>Sat, June 27, 2026 - 10:00pm</small>
<h6>
<a href="/calendar/view/day.asp?tdate=6/27/2026" target="">Shabbat Services</a>
</h6>
</li>
<li>
<small>Fri, July 3, 2026 - 6:00pm</small>
<h6>
<a href="/calendar/view/day.asp?tdate=7/3/2026" target="">Friday Night Services</a>
</h6>
</li>
<li>
<small>Sat, July 4, 2026 - 10:00pm</small>
<h6>
<a href="/calendar/view/day.asp?tdate=7/4/2026" target="">Shabbat Services</a>
</h6>
</li>
<li>
<small>Fri, July 10, 2026 - 6:00pm</small>
<h6>
<a href="/calendar/view/day.asp?tdate=7/10/2026" target="">Friday Night Services</a>
</h6>
</li>
</ul>
<a href="/templates/events.htm" target="" class="readMore">View more Upcoming Events</a>
</div></div>
</div>
</div><div class="clear" ></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div></div>
<div class="rightColumn g320">
<div class="widget-4 candlelighting custom v220 feed">
<div class="wrapper">
<div class="widget_header">
<h5>Shabbat & Holidays</h5> 
</div>
<div class="widget_content"><div>
<div class="clearfix horizontal_padding vertical_padding">
<div class="button_container small_top_margin float_right">
<div class="button" ></div>
</div>
<div class="float_left">
<img src="https://w2.chabad.org/images/1/home/icon_candles.png" alt="" />
</div>
<div class="candlelighting_content">
<div class="large_left_margin candlelighting_heading">
<div class="medium_left_margin uppercase bold section_heading">Candle Lighting Times</div>
</div>
<div class="times_wrapper make_scrollable">
<div class="medium_top_padding clearfix">
<small class="when_to_light uppercase float_left small_right_margin">Light Candles at</small>
<div class="float_left">
<a href="/calendar/candlelighting.htm">
<span class="bold large">7:59 PM</span>&#160;&#160;-&#160;&#160;Friday, June 26
</a>
</div>
</div>
<div class="medium_top_padding clearfix">
<small class="when_to_light uppercase float_left small_right_margin">Shabbat Ends</small>
<div class="float_left">
<a href="/calendar/candlelighting.htm">
<span class="bold large">8:56 PM</span>&#160;&#160;-&#160;&#160;Shabbat, June 27
</a>
</div>
</div>
</div>
</div>
</div>
</div></div></div>
</div>
<div class="widget-4 facebook_likebox custom v300 feed">
<div class="wrapper">
<div class="widget_header">
<h5>Our Facebook Page</h5> 
</div>
<div class="widget_content"><div class="feed facebook_likebox">
<div class="js-facebook-iframe" ></div>
<script> 
var width = document.getElementsByClassName("js-facebook-iframe")[0].offsetWidth;
var height = 238;
var url = "https://www.facebook.com/plugins/likebox.php?";
var settings = "href=https://www.facebook.com/168961913149796&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=true&amp;height=238&amp;locale=en_US";
settings += ("&width=" + width);
document.getElementsByClassName("js-facebook-iframe")[0].innerHTML = "<iframe src=\"" + url + settings + "\" frameborder=\"0\" style=\"border:none; overflow:hidden; height:" + height + "px; width:" + width + "px;\" allowtransparency=\"true\"></iframe>"; 
</script>
</div></div></div>
</div>
</div><div class="clear" ></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div></div><div class="clear" ></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
</div></div>


<div class="break_floats"></div>
</div>
</div>
</div>
<div id="footer">


<div class="wrapper body_container">
<div class="g960 footer_family_text bottom_padding">
<div class="footer_container footer_text copyright_text">
<div class="bottom_padding clear_float">
<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
<div class="footer_inner_container clearfix">
<div class="footer3"><b>CHAI CENTER-CHABAD | 5761 Coral Ridge Drive | Coral Springs, FL 33076-3101 | 954-715-7254 | 501c3 EIN 46-4126349</b></div>
<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />
Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>
</div>
</div>
</div>
</div>
</div>
</div>

<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=0293E3EC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.defaultValue.min.js?v=062F8985"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.prettyPhoto.js?v=DEFC22CC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.cycle.all.js?v=2752F760"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=F809B22F"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=F57AAD39"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/promopaginator.js?v=7038A540"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/ImageRandomizer.js?v=3E1F2C91"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/ChabadLocator.js?v=9193D1A8"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/dailystudy.js?v=5228515A"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/language_toggle.js?v=F938A2B7"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?v=76ABCD73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/scroller.js?v=AE99E00D"></script>
<script type="text/javascript" src="/scripts/js/templates/modules/sitewideticker.js.asp?campaignid=2129&template=8533&sc=topbar"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/fundraisingCountDown.js?v=CB0AFCAD"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?v=D421ABC8"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/enscroll-0.6.2.min.js?v=DA18A45D"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/runenscroll.js?v=C938FABF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/LatestPhotos.js?v=C7ACBA61"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>

<script>
var Images = [{"height":750,"width":950,"src":"https://w2.chabad.org/media/images/1288/nKUV12889338.jpg","href":"/article.asp?aid=6404201#photoid=12889339","created_date":"2024-08-28T12:13:10.4","updated_time":null,"caption":"Photos"},{"height":750,"width":897,"src":"https://w2.chabad.org/media/images/1288/aXjg12889336.jpg","href":"/article.asp?aid=6404201#photoid=12889337","created_date":"2024-08-28T12:12:26.227","updated_time":null,"caption":"Photos"},{"height":750,"width":950,"src":"https://w2.chabad.org/media/images/1288/nWsD12889334.jpg","href":"/article.asp?aid=6404201#photoid=12889335","created_date":"2024-08-28T12:11:59.997","updated_time":null,"caption":"Photos"},{"height":750,"width":897,"src":"https://w2.chabad.org/media/images/1288/TqNu12889332.jpg","href":"/article.asp?aid=6404201#photoid=12889333","created_date":"2024-08-28T12:10:42.427","updated_time":null,"caption":"Photos"},{"height":750,"width":897,"src":"https://w2.chabad.org/media/images/1288/cHCs12889326.jpg","href":"/article.asp?aid=6404201#photoid=12889327","created_date":"2024-08-28T12:09:32.587","updated_time":null,"caption":"Photos"},{"height":551,"width":1000,"src":"https://w2.chabad.org/media/images/1275/MZsv12752696.jpg","href":"/article.asp?aid=6404201#photoid=12752697","created_date":"2024-04-15T09:09:08.817","updated_time":null,"caption":"Photos"},{"height":750,"width":562,"src":"https://w2.chabad.org/media/images/1161/tmBu11616833.jpg","href":"/article.asp?aid=2846145#photoid=11616834","created_date":"2021-07-02T11:31:49.513","updated_time":null,"caption":"Misc Pictures "},{"height":750,"width":562,"src":"https://w2.chabad.org/media/images/1161/uliB11616831.jpg","href":"/article.asp?aid=2846145#photoid=11616832","created_date":"2021-07-02T11:31:47.353","updated_time":null,"caption":"Misc Pictures "},{"height":750,"width":1000,"src":"https://w2.chabad.org/media/images/1161/zQcp11616828.jpg","href":"/article.asp?aid=2846145#photoid=11616829","created_date":"2021-07-02T11:31:13.613","updated_time":null,"caption":"Misc Pictures "}];
/*
There may be multiple latest_photos, so try to initialize the object and images only once.
This may need to change if/when we'll have multiple latest_photos loading image data from different sources.
*/
if( typeof(latestPhotos) == "undefined" )
{
latestPhotos = new LatestPhotos(Images);
latestPhotos.ReadMoreLink = '391261';
latestPhotos.ReadMoreText = 'See More Galleries';
Co.DomEvents.AddListener(window, "domload", function ()
{
latestPhotos.PopulatePhotos();
});
}
//Photogallery Lightbox: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
var pretty = jQuery("a[rel^='prettyPhoto']");
if( pretty.prettyPhoto )
{
pretty.prettyPhoto({
show_title: false,
overlay_gallery: true
});
}
</script>
<script>
$j = jQuery.noConflict(); //prevent conflict with prototype javascript library
$j(function ()
{
if ($j.fn.cycle) /* switch to jquery.cycle.all.js to have the graphic scroll */
{
$j('.slider').cycle({
fx: 'scrollHorz',
pause: 1000,
speed: 500,
timeout: 5000,
slideExpr: '.slide_wrapper',
caption: '.cycle-caption',
pager: '.cycle-controlNav',
rev: true,
directionNav: true,
activePagerClass: 'active'
});
}
});
</script>
<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'CHAI CENTER-CHABAD'}; Co.ArticleId     = '2503070';Co.SectionId     = 2503070;Co.PartnerSiteId = 0;Co.SiteId        = 6503;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'MyChaiCenter.com';Co.LanguageCode  = 'en-US';Co.LoginStatus   = 'None';</script>

<script>
/**
* Chai Center Kitchen Campaign – DOM Injection Script (v2)
* Runs ONLY on pages whose URL contains /templates/articlecco_cdo/aid/7377803
*
* Changes vs v1:
* • Scroll-progress bar (teal #47797c) fixed across the very top of the page
* • Word-split animations on hero headline + section headings (from original HTML)
* • Intersection-Observer driven reveal animations on cards, about section, etc.
* • doGet / doPost now wired to ChaiKitchen_GoogleAppsScript.js (deploy that first)
*/
(function () {
/* ── Guard: only run on the correct page ──────────────────────── */
if (!window.location.href.includes('/templates/articlecco_cdo/aid/7377803')) return;
/* ── Config ────────────────────────────────────────────────────── */
// After deploying ChaiKitchen_GoogleAppsScript.js as a Web App, paste the URL here:
const GAS_WEB_APP_URL = 'https://script.google.com/macros/s/AKfycbxhU_-m7z-urk_eycRaWwpXaJ8y0HjNgBXyQkBrJ_Y3Zy4oTLzgvmS6SrA2AKaBzXEWxA/exec';
const GOOGLE_SHEET_JSON_URL = 'https://script.google.com/macros/s/AKfycbxhU_-m7z-urk_eycRaWwpXaJ8y0HjNgBXyQkBrJ_Y3Zy4oTLzgvmS6SrA2AKaBzXEWxA/exec?action=getReserved';
/* ─────────────────────────────────────────────────────────────────
STEP 0 – Remove "Back to Chai Center" banner
───────────────────────────────────────────────────────────────── */
function removeBanner() {
document.querySelectorAll('.cco_templateless_template').forEach(el => el.remove());
const obs = new MutationObserver(() => {
document.querySelectorAll('.cco_templateless_template').forEach(el => el.remove());
});
obs.observe(document.body, { childList: true, subtree: true });
}
/* ─────────────────────────────────────────────────────────────────
STEP 1 – Inject Google Fonts + Design-system CSS
───────────────────────────────────────────────────────────────── */
function injectCSS() {
const fontLink = document.createElement('link');
fontLink.rel = 'stylesheet';
fontLink.href = 'https://fonts.googleapis.com/css2?family=Faustina:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Mulish:ital,wght@0,300;0,400;0,700;0,800;1,700;1,800&family=Outfit:wght@300;400;600;700;800&family=Montserrat:wght@700&display=swap';
document.head.appendChild(fontLink);
const style = document.createElement('style');
style.id = 'chai-kitchen-styles';
style.textContent = `
/* ── Design Tokens ── */
:root {
--ck-hero-bg: #1e3c3e !important;
--ck-dark: #1d3233 !important;
--ck-sage: #e8efe7 !important;
--ck-sage-muted: #dce2db !important;
--ck-teal: #47797c !important;
--ck-teal-mid: #588f92 !important;
--ck-blue: #1374be !important;
--ck-white: #ffffff !important;
--ck-gray-bg: #f6f6f6 !important;
--ck-gray-border: #d8d8d8 !important;
--ck-text-mid: #4c4c4c !important;
--ck-text-sec: #535353 !important;
--ck-radius-sm: 5px !important;
--ck-radius-md: 6px !important;
--ck-radius-lg: 8px !important;
--ck-radius-xl: 10px !important;
--ck-radius-pill: 41px !important;
}
/* ── Global resets for the injected wrapper ── */
#chai-kitchen-wrapper *,
#chai-kitchen-wrapper *::before,
#chai-kitchen-wrapper *::after {
box-sizing: border-box !important;
}
#chai-kitchen-wrapper { 
font-family: 'Mulish', Arial, sans-serif !important; 
overflow-x: hidden !important; 
}
/* ═══════════════════════════════════════════════════════════════
SCROLL PROGRESS BAR
Fixed across top of viewport; fills left-to-right in teal
as user scrolls the page.
═══════════════════════════════════════════════════════════════ */
#ck-page-progress {
position: fixed !important;
top: 0 !important;
left: 0 !important;
height: 10px !important;
width: 0%;
background: l#588f92 !important;
z-index: 9999999 !important;
transition: width 0.08s linear !important;
pointer-events: none !important;
border-radius: 0 3px 3px 0 !important;
/* subtle glow so it pops on light and dark backgrounds */
box-shadow: 0 0 8px rgba(71, 121, 124, 0.6) !important;
}
/* ═══════════════════════════════════════════════════════════════
WORD / BLOCK ANIMATION SYSTEM
.animate-words → each word slides up on scroll into view
.animate-block → whole element fades + slides up on scroll
═══════════════════════════════════════════════════════════════ */
/* Base hidden state for word containers */
.animate-words .anim-word {
display: inline-block !important;
transform: translateY(110%) !important;
opacity: 0 !important;
transition: transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1),
opacity 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* Overflow clip on wrapper spans */
.animate-words .anim-word-outer {
display: inline-block !important;
overflow: hidden !important;
vertical-align: bottom !important;
}
/* Triggered state */
.animate-words.is-visible .anim-word {
transform: translateY(0%) !important;
opacity: 1 !important;
}
/* Block animations */
.animate-block {
opacity: 0 !important;
transform: translateY(28px) !important;
transition: opacity 0.65s cubic-bezier(0.2, 0.8, 0.2, 1),
transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.animate-block.is-visible {
opacity: 1 !important;
transform: translateY(0) !important;
}
/* Staggered children inside a revealed parent */
.animate-stagger > * {
opacity: 0 !important;
transform: translateY(22px) !important;
transition: opacity 0.5s cubic-bezier(0.2, 0.8, 0.2, 1),
transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.animate-stagger.is-visible > * {
opacity: 1 !important;
transform: translateY(0) !important;
}
/* Card stagger: apply data-delay inline */
.ck-d-card, .ck-a-tile {
opacity: 0;
transform: translateY(18px) !important;
transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
box-shadow 0.3s ease,
background-color 0.3s ease,
border-color 0.3s ease !important;
}
.ck-d-card.ck-anim-visible, .ck-a-tile.ck-anim-visible {
opacity: 1;
transform: translateY(0) !important;
}
/* After anim fires, allow hover transforms again */
.ck-d-card.ck-anim-visible:hover:not(.ck-reserved),
.ck-a-tile.ck-anim-visible:hover {
transform: translateY(-2px) !important;
}
/* ── HERO ── */
.ck-hero {
background-color: #1e3c3e !important;
position: relative !important; 
min-height: 689px !important;
overflow: hidden !important; 
display: flex !important;
align-items: stretch !important;
}
.ck-hero__blueprint {
position: absolute !important; 
left: -180px !important; 
top: -212px !important;
width: 570px !important; 
height: 1176px !important;
transform: rotate(-89.67deg) !important; 
transform-origin: center center !important;
opacity: 0.75 !important; 
pointer-events: none !important;
}
.ck-hero__blueprint img { 
width: 100% !important; 
height: 100% !important; 
object-fit: cover !important; 
}
.ck-hero__photo {
position: absolute !important; 
right: 0 !important; 
top: 0 !important;
width: 50% !important; 
height: 100% !important; 
overflow: hidden !important;
animation: ckSlideInRight 1.2s cubic-bezier(0.2,0.8,0.2,1) forwards !important;
}
.ck-hero__photo img {
width: 100% !important; 
height: 100% !important; 
object-fit: cover !important;
transition: transform 0.8s cubic-bezier(0.2,0.8,0.2,1) !important;
}
.ck-hero:hover .ck-hero__photo img { 
transform: scale(1.02) !important; 
}
.ck-hero__photo::after {
content: '' !important; 
position: absolute !important; 
inset: 0 !important;
background: linear-gradient(225.77deg,rgba(102,102,102,.26) 12.59%,rgba(0,0,0,.26) 96.31%) !important;
}
.ck-hero__content {
position: relative !important; 
z-index: 2 !important;
padding: 116px 0 96px 116px !important;
display: flex !important; 
flex-direction: column !important;
gap: 37px !important; 
max-width: 50% !important; 
width: 100% !important;
}
.ck-hero__logo {
width: 166px !important; 
height: 112px !important; 
overflow: hidden !important;
opacity: 1 !important; 
transform: translateY(16px) !important;
animation: ckFadeUp 0.7s cubic-bezier(0.2,0.8,0.2,1) 0.3s forwards !important;
}
.ck-hero__logo img { 
width: 100% !important; 
height: 100% !important; 
object-fit: contain !important; 
object-position: left top !important; 
}
.ck-hero__body { 
display: flex !important; 
flex-direction: column !important; 
gap: 49px !important; 
}
.ck-hero__top { 
display: flex !important; 
flex-direction: column !important; 
gap: 6px !important; 
}
.ck-hero__eyebrow {
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 800 !important;
font-size: 18px !important; 
letter-spacing: 1.08px !important;
text-transform: uppercase !important; 
color: #ffffff !important;
opacity: 1 !important;
animation: ckFadeUp 0.6s cubic-bezier(0.2,0.8,0.2,1) 0.5s forwards !important;
}
.ck-hero__headline {
font-family: 'Faustina', Georgia, serif !important; 
font-weight: 400 !important;
font-size: clamp(34px, 3.5vw, 50px) !important; 
line-height: 1.1 !important;
color: #e8efe7 !important; 
text-transform: capitalize !important;
}
.ck-hero__headline em { font-style: italic !important; font-weight: 500 !important; }
.ck-hero__headline strong { font-style: italic !important; font-weight: 700 !important; }
/* Hero headline word-by-word entrance */
.ck-hero__headline .anim-word-outer {
display: inline-block !important; 
overflow: hidden !important;
vertical-align: bottom !important; 
margin-right: 0.25em !important;
}
.ck-hero__headline .anim-word {
display: inline-block !important;
opacity: 0 !important;
transform: translateY(110%) !important;
transition: transform 0.6s cubic-bezier(0.2,0.8,0.2,1),
opacity 0.6s cubic-bezier(0.2,0.8,0.2,1) !important;
}
/* Words animate in immediately (hero is always visible on load) */
.ck-hero__headline.ck-hero-words-ready .anim-word {
opacity: 1 !important;
transform: translateY(0%) !important;
}
/* CTA button entrance */
.ck-hero .ck-btn-white {
opacity: 1 !important;
animation: ckFadeUp 0.6s cubic-bezier(0.2,0.8,0.2,1) 1s forwards !important;
}
@keyframes ckFadeUp {
from { opacity: 0; transform: translateY(18px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes ckSlideInRight {
0% { transform: translateX(100%); }
100% { transform: translateX(0); }
}
/* ── Shared buttons ── */
.ck-btn-white, .ck-btn-outline, .ck-btn-dark {
display: inline-flex !important; 
align-items: center !important;
justify-content: center !important; 
border-radius: 6px !important;
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 800 !important;
text-transform: uppercase !important; 
cursor: pointer !important;
text-decoration: none !important; 
position: relative !important;
overflow: hidden !important; 
z-index: 1 !important;
transition: color 0.3s ease, border-color 0.3s ease !important;
}
.ck-btn-white {
padding: 14px 33px !important; 
background: #ffffff !important;
border: 1px solid transparent !important; 
font-size: 20px !important;
color: #1e3c3e !important; 
align-self: flex-start;
}
.ck-btn-white::before {
content: '' !important; 
position: absolute !important;
top: 0 !important; 
left: 0 !important; 
width: 0% !important;
height: 100% !important; 
background: #112526 !important;
transition: width 0.3s ease !important; 
z-index: -1 !important;
}
.ck-btn-white:hover::before { width: 100% !important; }
.ck-btn-white:hover { color: #ffffff !important; border-color: #ffffff !important; }
.ck-btn-outline {
padding: 14px 31px !important; 
border: 1px solid #000 !important;
font-size: 16px !important; 
color: #1d3233 !important;
background: transparent !important;
}
.ck-btn-outline::before {
content: '' !important; 
position: absolute !important;
top: 0 !important; 
left: 0 !important; 
width: 0% !important;
height: 100% !important; 
background: #1d3233 !important;
transition: width 0.3s ease !important; 
z-index: -1 !important;
}
.ck-btn-outline:hover::before { width: 100% !important; }
.ck-btn-outline:hover { color: #ffffff !important; }
.ck-btn-dark {
padding: 14px 31px !important; 
background: #1d3233 !important;
border: 1px solid transparent !important; 
font-size: 16px !important;
color: #ffffff !important;
}
.ck-btn-dark::before {
content: '' !important; 
position: absolute !important;
top: 0 !important; 
left: 0 !important; 
width: 0% !important;
height: 100% !important; 
background: #ffffff !important;
transition: width 0.3s ease !important; 
z-index: -1 !important;
}
.ck-btn-dark:hover::before { width: 100% !important; }
.ck-btn-dark:hover { color: #1d3233 !important; border-color: #1d3233 !important; }
/* ── Progress section ── */
.ck-progress-section {
background: #e8efe7 !important; 
padding: 44px 24px !important;
}
.ck-progress-inner {
max-width: 900px !important; 
margin: 0 auto !important;
display: flex !important; 
flex-direction: column !important;
gap: 18px !important; 
align-items: center !important;
}
.ck-progress-stats { 
display: flex !important; 
flex-direction: column !important; 
align-items: center !important; 
gap: 2px !important; 
}
.ck-stat-line { 
display: flex !important; 
gap: 9px !important; 
align-items: flex-end !important; 
flex-wrap: wrap !important; 
justify-content: center !important; 
}
.ck-stat-label {
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 800 !important;
font-size: 18px !important; 
letter-spacing: 1.08px !important;
text-transform: uppercase !important; 
color: #1d3233 !important;
}
.ck-stat-value {
font-family: 'Faustina', Georgia, serif !important; 
font-weight: 700 !important;
font-style: italic !important; 
font-size: 25px !important; 
color: #47797c !important;
}
.ck-progress-bar-wrap { 
width: 100% !important; 
display: flex !important; 
flex-direction: column !important; 
gap: 23px !important; 
align-items: center !important; 
}
.ck-progress-bar {
width: 100% !important; 
height: 48px !important; 
background: #ffffff !important;
border-radius: 41px !important; 
overflow: hidden !important; 
position: relative !important;
}
.ck-progress-fill {
position: absolute !important; 
left: 0 !important; 
top: 0 !important;
width: 0%; 
height: 100% !important; 
background: #588f92 !important;
border-radius: 41px !important; 
display: flex !important;
align-items: center !important; 
justify-content: flex-end !important;
padding-right: 14px !important;
transition: width 1.5s cubic-bezier(0.2,0.8,0.2,1) !important;
}
.ck-progress-pct {
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 800 !important;
font-style: italic !important; 
font-size: 16px !important;
text-transform: uppercase !important; 
color: #ffffff !important;
opacity: 0 !important; 
transition: opacity 0.5s ease 1s !important;
}
.ck-progress-fill.ck-filled .ck-progress-pct { 
opacity: 1 !important; 
}
.ck-progress-buttons { 
display: flex !important; 
gap: 28px !important; 
align-items: center !important; 
flex-wrap: wrap !important; 
justify-content: center !important; 
}
/* ── About section ── */
.ck-about-section {
background: #ffffff !important; 
padding: 100px 0 !important; 
overflow: hidden !important;
}
.ck-about-inner {
max-width: 1440px !important; 
margin: 0 auto !important; 
padding: 0 80px !important;
display: grid !important; 
grid-template-columns: 48% 1fr !important;
gap: 60px !important; 
align-items: center !important;
}
.ck-about-images { 
position: relative !important; 
height: 660px !important; 
}
.ck-about-img-back {
position: absolute !important; 
left: 0 !important; 
top: 40px !important;
width: 440px !important; 
height: 480px !important;
overflow: hidden !important; 
opacity: 0.3 !important;
}
.ck-about-img-back img { 
width: 100% !important; 
height: 100% !important; 
object-fit: cover !important; 
transform: scaleY(-1) rotate(180deg) !important; 
}
.ck-about-img-main {
position: absolute !important; 
left: 54px !important; 
top: 110px !important;
width: 480px !important; 
height: 550px !important; 
overflow: hidden !important;
opacity: 0 !important; 
transform: translateX(-30px) !important;
transition: opacity 0.9s cubic-bezier(0.2,0.8,0.2,1),
transform 0.9s cubic-bezier(0.2,0.8,0.2,1) !important;
}
.ck-about-img-main.is-visible { 
opacity: 1 !important; 
transform: translateX(0) !important; 
}
.ck-about-img-main img { 
width: 100% !important; 
height: 100% !important; 
object-fit: cover !important; 
}
.ck-about-img-main::after {
content: '' !important; 
position: absolute !important; 
inset: 0 !important;
background: linear-gradient(238.47deg,rgba(0,0,0,.2) 12.48%,rgba(102,102,102,.2) 90.36%) !important;
}
.ck-about-content { 
display: flex !important; 
flex-direction: column !important; 
gap: 0px !important; 
}
.ck-section-eyebrow {
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 800 !important;
font-size: 18px !important; 
letter-spacing: 1.08px !important;
text-transform: uppercase !important; 
color: #1d3233 !important; 
margin: 0 !important;
}
.ck-about-intro {
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 400 !important;
font-size: 18px !important; 
line-height: 1.65 !important; 
color: #000 !important;
}
.ck-about-points { 
display: flex !important; 
flex-direction: column !important; 
gap: 31px !important; 
margin-top: 8px !important; 
}
.ck-about-point { 
display: flex !important; 
gap: 20px !important; 
align-items: flex-start !important; 
}
.ck-about-point__icon { 
flex-shrink: 0 !important; 
width: 90px !important; 
height: 120px !important; 
overflow: hidden !important; 
position: relative !important; 
}
.ck-about-point__icon img { 
width: 100% !important; 
height: 100% !important; 
object-fit: contain !important; 
}
.ck-about-point__body { 
display: flex !important; 
flex-direction: column !important; 
gap: 5px !important; 
}
.ck-about-point__title {
font-family: 'Faustina', Georgia, serif !important; 
font-weight: 700 !important;
font-style: italic !important; 
font-size: 25px !important;
color: #1d3233 !important; 
line-height: 1.2 !important;
}
.ck-about-point__text {
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 400 !important;
font-size: 18px !important; 
line-height: 1.65 !important;
color: #000 !important; 
max-width: 517px !important;
margin: 0;
}
/* ── Dedication header banner ── */
.ck-ded-header-inject {
background: #e8efe7 !important; 
padding: 71px 115px 48px !important;
text-align: center !important;
}
.ck-ded-header-title {
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 800 !important;
font-size: clamp(20px, 2.1vw, 30px) !important; 
letter-spacing: 1.8px !important;
text-transform: uppercase !important; 
color: #1d3233 !important;
margin-bottom: 8px !important;
}
.ck-ded-header-sub {
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 300 !important;
font-size: 18px !important; 
color: #000 !important; 
line-height: 1.65 !important;
}
/* ── Category titles ── */
.ck-cat-title {
font-family: 'Faustina', Georgia, serif !important; 
font-weight: 400 !important;
font-style: italic !important; 
font-size: clamp(36px, 3.8vw, 55px) !important;
color: #1d3233 !important; 
line-height: 0.85 !important;
margin-bottom: 24px !important; 
text-transform: capitalize !important;
}
/* ── Overriding JotForm container styling ── */
#formContainer, #formContainer .form-all {
font-family: 'Mulish', Arial, sans-serif !important;
background: #e8efe7 !important;
padding: 0 115px !important;
max-width: 100% !important;
width: 100% !important;
}
#formContainer .form-all {
max-width: 1440px !important;
margin: 0 auto !important;
padding: 0 0 80px !important;
}
#formContainer .form-section { 
list-style: none !important; 
padding: 0 !important; 
}
/* ── Card styles for checkboxes ── */
.ck-card-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 18px !important;
margin-bottom: 24px !important;
}
.ck-d-card {
background: #ffffff !important; 
border: 0.845px solid #ffffff !important;
border-radius: 6.762px !important; 
min-height: 103px !important;
overflow: hidden !important; 
display: flex !important;
align-items: center !important; 
padding: 16px 34px !important;
gap: 16px !important; 
cursor: pointer !important;
position: relative !important;
}
/* hover only after animation has run (class added by JS) */
.ck-d-card.ck-anim-visible:hover:not(.ck-reserved) {
box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
transform: translateY(-2px) !important;
}
.ck-d-card--alt { 
background: #dce2db !important; 
border-color: #dce2db !important; 
}
.ck-d-card.ck-selected {
background-color: #1d3233 !important; 
border-color: #1d3233 !important;
}
.ck-d-card.ck-selected .ck-d-card__name,
.ck-d-card.ck-selected .ck-d-card__amount { 
color: #ffffff !important; 
}
.ck-d-card.ck-selected .ck-d-card__check {
background-color: #ffffff !important; 
border-color: #ffffff !important;
}
.ck-reserved { 
opacity: 0.55 !important; 
pointer-events: none !important; 
}
.ck-d-card__body { 
display: flex !important; 
flex-direction: column !important; 
gap: 12px !important; 
flex: 1 !important; 
min-width: 0 !important; 
}
.ck-d-card__name {
font-family: 'Faustina', Georgia, serif !important; 
font-weight: 800 !important;
font-size: clamp(18px, 1.8vw, 22px) !important; 
color: #1d3233 !important;
text-transform: capitalize !important; 
line-height: 1 !important;
overflow: hidden !important; 
text-overflow: ellipsis !important;
transition: color 0.3s ease !important;
}
.ck-d-card__amount {
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 400 !important;
font-size: clamp(25px, 2.3vw, 30px) !important; 
color: #1d3233 !important;
line-height: 1 !important; 
display: flex !important;
align-items: center !important; 
gap: 12px !important;
transition: color 0.3s ease !important;
}
.ck-d-card__reserved-tag {
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 800 !important;
font-size: 14px !important; 
letter-spacing: 1px !important;
text-transform: uppercase !important; 
color: #47797c !important;
background: rgba(71,121,124,.1) !important;
padding: 4px 8px !important; 
border-radius: 4px !important;
}
.ck-d-card__check {
flex-shrink: 0 !important; 
width: 39px !important; 
height: 39px !important;
border: 3px solid #1d3233 !important; 
border-radius: 50% !important;
margin-left: auto !important;
transition: background-color 0.3s ease, border-color 0.3s ease !important;
}
/* ── Lead gifts row ── */
.ck-lead-row { 
display: grid !important; 
grid-template-columns: 1fr 1fr !important; 
gap: 18px !important; 
margin-bottom: 18px !important; 
}
.ck-lead-row .ck-d-card { 
min-height: 137px !important; 
font-size: larger !important; 
}
.ck-lead-row .ck-d-card__name { 
font-size: clamp(18px, 1.9vw, 27px) !important; 
}
.ck-lead-row .ck-d-card__amount { 
font-size: clamp(25px, 2.4vw, 35px) !important; 
}
/* ── Other Donation Amounts tiles ── */
.ck-other-title {
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 800 !important;
font-size: clamp(20px, 2.1vw, 30px) !important; 
letter-spacing: 1.8px !important;
text-transform: uppercase !important; 
color: #1d3233 !important;
text-align: center !important; 
margin-bottom: 24px !important;
}
.ck-amounts-row { 
display: flex !important; 
gap: 19px !important; 
align-items: stretch !important; 
flex-wrap: wrap !important; 
justify-content: center !important; 
width: 100% !important; 
margin-bottom: 17px !important; 
}
.ck-a-tile {
background: #ffffff !important; 
border-radius: 5px !important;
height: 139px !important; 
width: 285px !important;
flex-shrink: 0 !important; 
position: relative !important;
overflow: hidden !important; 
cursor: pointer !important;
border: 3px solid transparent !important;
}
.ck-a-tile.ck-anim-visible:hover {
box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
transform: translateY(-2px) !important;
}
.ck-a-tile.ck-selected { border-color: #1d3233 !important; }
.ck-a-tile--alt { background: #dce2db !important; }
.ck-a-tile__val {
position: absolute !important; 
top: 50% !important; 
left: 50% !important;
transform: translate(-50%,-50%) !important;
font-family: 'Faustina', Georgia, serif !important; 
font-weight: 800 !important;
font-size: 35px !important; 
letter-spacing: 2.1px !important;
text-transform: uppercase !important; 
color: #1d3233 !important; 
white-space: nowrap !important;
}
.ck-a-tile__check {
position: absolute !important; 
top: 23px !important; 
right: 23px !important;
width: 24.5px !important; 
height: 25px !important;
border: 1.888px solid #1d3233 !important; 
border-radius: 54px !important;
transition: background-color 0.3s !important;
}
.ck-a-tile.ck-selected .ck-a-tile__check { 
background-color: #1d3233 !important; 
}
.ck-a-tile--custom { 
width: 589px !important; 
flex-shrink: 0 !important; 
}
.ck-a-tile--custom .ck-a-tile__label {
position: absolute !important; 
top: 50% !important; 
left: 24px !important;
transform: translateY(-50%) !important;
font-family: 'Mulish', Arial, sans-serif !important; 
font-weight: 700 !important;
font-size: 13px !important; 
letter-spacing: 1px !important;
text-transform: uppercase !important; 
color: #535353 !important;
line-height: 1.3 !important; 
text-align: left !important;
}
.ck-a-tile--custom .ck-a-tile__field {
position: absolute !important; 
top: 15px !important; 
bottom: 15px !important;
left: 110px !important; 
right: 65px !important;
background: #e8eceb !important; 
border-radius: 4px !important;
display: flex !important; 
align-items: center !important;
padding-left: 20px !important; 
gap: 8px !important;
}
.ck-a-tile--custom .ck-a-tile__field span {
font-family: 'Faustina', Georgia, serif !important; 
font-weight: 400 !important;
font-size: 35px !important; 
color: rgba(29,50,51,.6) !important;
}
.ck-custom-amount-input {
border: none !important; 
background: transparent !important;
outline: none !important; 
font-family: 'Faustina', Georgia, serif !important;
font-weight: 400 !important; 
font-size: 35px !important;
letter-spacing: 1px !important; 
color: #1d3233 !important; 
width: 100% !important;
}
.ck-custom-amount-input::placeholder { 
color: rgba(29,50,51,.3) !important; 
}
/* ── Donor details form overrides ── */
#formContainer .form-header-group { display: none !important; }
#formContainer .form-all .form-section li.form-line {
padding: 0 0 40px !important;
border: none !important;
background: transparent !important;
}
#formContainer .form-label-left {
font-family: 'Outfit', Arial, sans-serif !important;
font-weight: 600 !important; 
font-size: 20px !important;
color: #1d3233 !important; 
text-transform: capitalize !important;
width: auto !important; 
float: none !important;
display: none !important; 
margin-bottom: 8px !important;
}
#formContainer input[type="text"],
#formContainer input[type="email"],
#formContainer input[type="tel"],
#formContainer select {
background: #ffffff !important;
border: 2.256px solid #ebebeb !important;
border-radius: 10px !important; 
height: 58px !important;
width: 100% !important; 
padding: 0 16px !important;
font-family: 'Outfit', Arial, sans-serif !important;
font-size: 16px !important; 
color: #1d3233 !important;
outline: none !important; 
transition: border-color .2s !important;
box-sizing: border-box !important;
}
#formContainer input:focus { border-color: #588f92 !important; }
/* Hide the native JotForm checkbox lists – replaced by cards */
#cid_3 .form-single-column,
#cid_4 .form-single-column,
#cid_5 .form-single-column,
#cid_6 .form-single-column,
#cid_7 .form-single-column,
#cid_8 .form-single-column { display: none !important; }
/* ── Total row ── */
#total_amount, #cid_15 {
font-family: 'Outfit', Arial, sans-serif !important;
font-weight: 800 !important; 
font-size: 30px !important;
color: #1374be !important;
}
#id_15 {
background: #f6f6f6 !important;
border: 1.167px solid #d8d8d8 !important;
border-radius: 11.675px !important;
height: 96px !important; 
padding: 0 26px !important;
display: flex !important; 
align-items: center !important;
justify-content: space-between !important;
}
#label_15 {
font-family: 'Outfit', Arial, sans-serif !important;
font-weight: 800 !important; 
font-size: 23px !important;
color: #535353 !important; 
text-transform: capitalize !important;
float: none !important; 
width: auto !important;
}
/* ── Payment options ── */
#cid_16 { padding-top: 0 !important; }
.form-payment-methods { 
display: flex !important; 
gap: 15px !important; 
flex-wrap: wrap !important; 
}
.form-payment-methods .form-radio-item {
background: #f6f6f6 !important; 
border: 1.138px solid #d8d8d8 !important;
border-radius: 10px !important; 
height: 72px !important;
min-width: 180px !important; 
display: flex !important;
align-items: center !important; 
gap: 14px !important;
padding: 0 22px !important; 
cursor: pointer !important;
transition: all .2s !important;
}
.form-payment-methods .form-radio-item input[type="radio"] { 
margin-right: 8px !important; 
}
.form-payment-methods .form-radio-item label {
font-family: 'Outfit', Arial, sans-serif !important;
font-weight: 400 !important; 
font-size: 18px !important;
color: #4c4c4c !important; 
cursor: pointer !important;
}
/* ── Submit button ── */
#input_2 {
background: #1d3233 !important; 
border-radius: 4px !important;
padding: 24px !important; 
width: 439px !important; 
max-width: 100% !important;
font-family: 'Montserrat', Arial, sans-serif !important;
font-weight: 700 !important; 
font-size: 20px !important;
color: #ffffff !important; 
text-transform: uppercase !important;
cursor: pointer !important; 
border: none !important;
display: block !important; 
margin: 40px auto 0 !important;
position: relative !important; 
overflow: hidden !important;
transition: background-color 0.3s ease !important;
}
#input_2:hover { background: #588f92 !important; }
/* ── Donor section outer spacing ── */
#ck-donor-wrapper-outer {
background: #e8efe7 !important;
padding: 0 115px 100px !important;
}
#ck-donor-box {
background: rgba(255,255,255,.85) !important;
border-radius: 12px !important;
box-shadow: 0 8px 40px rgba(0,0,0,.08) !important;
padding: 72px 72px 80px !important;
max-width: 997px !important;
margin: 0 auto !important;
position: relative !important;
}
#ck-donor-box-title {
font-family: 'Mulish', Arial, sans-serif !important;
font-weight: 800 !important;
font-size: clamp(20px, 2.1vw, 30px) !important;
letter-spacing: 1.8px !important;
text-transform: uppercase !important;
color: #1d3233 !important;
text-align: center !important;
margin: 0 0 60px !important;
padding: 0 !important;
}
#ck-donor-box .form-line { padding-top: 0 !important; padding-bottom: 36px !important; }
#ck-donor-box .form-label-left,
#ck-donor-box label {
font-family: 'Outfit', Arial, sans-serif !important;
font-weight: 600 !important; 
font-size: 20px !important;
color: #1d3233 !important; 
text-transform: capitalize !important;
float: none !important; 
display: block !important;
width: 100% !important; 
margin-bottom: 10px !important;
}
#ck-donor-box input[type="text"],
#ck-donor-box input[type="email"],
#ck-donor-box input[type="tel"],
#ck-donor-box input[type="number"],
#ck-donor-box select {
background: #ffffff !important;
border: 2.256px solid #ebebeb !important;
border-radius: 10px !important; 
height: 58px !important;
width: 100% !important; 
padding: 0 18px !important;
font-family: 'Outfit', Arial, sans-serif !important;
font-size: 16px !important; 
color: #1d3233 !important;
outline: none !important; 
transition: border-color 0.2s !important;
box-sizing: border-box !important; 
margin-bottom: 6px !important;
}
#ck-donor-box input:focus, #ck-donor-box select:focus { border-color: #588f92 !important; }
#ck-donor-box .form-sub-label {
font-family: 'Outfit', Arial, sans-serif !important;
font-weight: 300 !important; 
font-size: 14px !important;
color: #4c4c4c !important; 
display: block !important; 
margin-top: 4px !important;
}
#ck-donor-box #cid_10 {
display: grid !important; 
grid-template-columns: 1fr 1fr !important; 
gap: 22px !important;
}
#ck-donor-box #cid_10 .form-sub-label-container { 
display: flex !important; 
flex-direction: column !important; 
}
#ck-donor-box .form-address-table { 
width: 100% !important; 
border-collapse: collapse !important; 
}
#ck-donor-box .form-address-table td { 
padding: 0 0 14px !important; 
vertical-align: top !important; 
}
#ck-donor-box .form-address-table tr td:first-child { 
padding-right: 11px !important; 
}
#ck-donor-box #id_15 {
background: #f6f6f6 !important; 
border: 1.167px solid #d8d8d8 !important;
border-radius: 12px !important; 
height: 96px !important; 
padding: 0 26px !important;
display: flex !important; 
align-items: center !important;
justify-content: space-between !important; 
margin-bottom: 36px !important;
}
#ck-donor-box #label_15 label {
font-family: 'Outfit', Arial, sans-serif !important;
font-weight: 800 !important; 
font-size: 23px !important;
color: #535353 !important; 
text-transform: capitalize !important; 
margin: 0 !important;
}
#ck-donor-box #total_amount, #ck-donor-box #cid_15 {
font-family: 'Outfit', Arial, sans-serif !important;
font-weight: 800 !important; 
font-size: 30px !important;
color: #1374be !important; 
margin: 0 !important; 
text-align: right;
}
.form-address-table { max-width: 100% !important; }
#ck-donor-box .form-payment-methods { 
display: flex !important; 
gap: 15px !important; 
flex-wrap: wrap !important; 
padding: 0 !important; 
}
#ck-donor-box .form-payment-methods .form-radio-item {
background: #f6f6f6 !important; 
border: 1.138px solid #d8d8d8 !important;
border-radius: 10px !important; 
height: 72px !important; 
min-width: 170px !important;
display: flex !important; 
align-items: center !important; 
gap: 12px !important;
padding: 0 22px !important; 
cursor: pointer !important;
transition: border-color 0.2s, background 0.2s !important;
}
#ck-donor-box .form-payment-methods .form-radio-item:has(input:checked) {
background: rgba(45,164,255,.06) !important; 
border-color: rgba(19,116,190,.7) !important;
}
#ck-donor-box .form-payment-methods input[type="radio"] {
width: 20px !important; 
height: 20px !important;
accent-color: #1374be !important; 
flex-shrink: 0 !important; 
margin: 0 !important;
}
#ck-donor-box .form-payment-methods label {
font-family: 'Outfit', Arial, sans-serif !important;
font-weight: 400 !important; 
font-size: 18px !important;
color: #4c4c4c !important; 
cursor: pointer !important;
margin: 0 !important; 
display: inline !important;
}
#ck-donor-box #id_2 { padding-top: 12px !important; }
#ck-donor-box #input_2 {
background: #1d3233 !important; 
border-radius: 6px !important;
padding: 22px 40px !important; 
width: 439px !important; 
max-width: 100% !important;
font-family: 'Montserrat', Arial, sans-serif !important;
font-weight: 700 !important; 
font-size: 20px !important;
color: #ffffff !important; 
text-transform: uppercase !important;
cursor: pointer !important; 
border: none !important;
display: block !important; 
margin: 0 auto !important;
letter-spacing: 0.5px !important; 
transition: background-color 0.3s ease !important;
}
#ck-donor-box #input_2:hover { background: #588f92 !important; }
/* ── Responsive ── */
@media (max-width: 1200px) {
#ck-donor-wrapper-outer { padding: 0 60px 80px !important; }
#ck-donor-box { padding: 60px 50px 70px !important; }
}
@media (max-width: 1023px) {
.ck-hero { flex-direction: column !important; min-height: auto !important; }
.ck-hero__content { padding: 40px 40px 60px !important; max-width: 100% !important; }
.ck-hero__photo { position: relative !important; width: 100% !important; height: 40vh !important; min-height: 350px !important; }
.ck-hero__blueprint { display: none !important; }
.ck-about-inner { grid-template-columns: 1fr !important; padding: 0 40px !important; }
.ck-about-images { height: 420px !important; }
.ck-card-grid { grid-template-columns: 1fr !important; }
.ck-lead-row { grid-template-columns: 1fr !important; }
#formContainer, #formContainer .form-all { padding: 0 40px !important; }
}
@media (max-width: 767px) {
.ck-btn-white{ align-self: center !important;}
.ck-hero__content { padding: 50px 24px 60px !important; align-items: center !important; text-align: center !important; }
.ck-about-section { padding: 50px 0 !important; }
.ck-about-inner { padding: 0 24px !important; }
.ck-about-images { height: 320px !important; }
.ck-about-img-back { display: none !important; }
.ck-about-img-main { left: 0 !important; top: 0 !important; width: 100% !important; height: 320px !important; }
.ck-ded-header-inject { padding: 40px 24px !important; }
.ck-a-tile--custom { width: 100% !important; grid-column: span 2 !important; }
.ck-amounts-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
.ck-a-tile { width: 100% !important; }
#formContainer, #formContainer .form-all { padding: 0 !important; }
#ck-donor-wrapper-outer { padding: 0 !important; }
#ck-donor-box { padding: 44px 24px 50px !important; }
#ck-donor-box #cid_10 { grid-template-columns: 1fr !important; }
#ck-donor-box .form-payment-methods .form-radio-item { min-width: calc(50% - 8px) !important; }
#ck-donor-box #input_2 { width: 100% !important; }
}
@media (max-width: 479px) {
#ck-donor-box .form-payment-methods .form-radio-item { min-width: 100% !important; }
}
`;
document.head.appendChild(style);
}
/* ─────────────────────────────────────────────────────────────────
STEP 2 – Build & inject Hero HTML
───────────────────────────────────────────────────────────────── */
function injectHero() {
const heroHTML = `
<div id="ck-page-progress" aria-hidden="true"></div>
<div id="chai-kitchen-wrapper">
<!-- HERO -->
<header class="ck-hero">
<div class="ck-hero__blueprint">
<img src="https://mychaicenter.com/media/images/1372/eXVX13720905.png" alt="">
</div>
<div class="ck-hero__content">
<div class="ck-hero__logo">
<img src="https://mychaicenter.com/media/images/1372/YQOB13720904.png" alt="Chai Center Logo">
</div>
<div class="ck-hero__body">
<div class="ck-hero__top">
<p class="ck-hero__eyebrow">Chai Centre Kitchen Campaign</p>
<h1 class="ck-hero__headline animate-words" id="ck-hero-headline">More than a <em>kitchen,</em><br><strong>Its Community</strong>.</h1>
</div>
<a href="#ck-dedication" class="ck-btn-white">Make a Dedication</a>
</div>
</div>
<div class="ck-hero__photo">
<img src="https://mychaicenter.com/media/images/1372/HRgl13721027.png" alt="Professional commercial kitchen interior">
</div>
</header>
<!-- PROGRESS BAR SECTION -->
<section class="ck-progress-section animate-block" aria-label="Fundraising Progress">
<div class="ck-progress-inner">
<div class="ck-progress-stats">
<div class="ck-stat-line">
<span class="ck-stat-label">Fundraising Goal Until 6 Sep 2026:</span>
<span class="ck-stat-value" id="ck-goal-val">$200,000</span>
</div>
<div class="ck-stat-line">
<span class="ck-stat-label">Money Raised:</span>
<span class="ck-stat-value" id="ck-raised-val">Loading…</span>
</div>
</div>
<div class="ck-progress-bar-wrap">
<div class="ck-progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-label="Fundraising progress">
<div class="ck-progress-fill observer-progress" id="ck-progress-fill" data-progress="0">
<span class="ck-progress-pct" id="ck-progress-pct"></span>
</div>
</div>
<div class="ck-progress-buttons">
<a href="#cid_7" class="ck-btn-outline">Donate</a>
<a href="#ck-dedication" class="ck-btn-dark">Make a Dedication</a>
</div>
</div>
</div>
</section>
<!-- ABOUT -->
<section class="ck-about-section">
<div class="ck-about-inner">
<div class="ck-about-images" aria-hidden="true">
<div class="ck-about-img-back">
<img src="https://mychaicenter.com/media/images/1372/ysgD13720907.png" alt="">
</div>
<div class="ck-about-img-main" id="ck-about-img-main">
<img src="https://mychaicenter.com/media/images/1372/TbBY13720906.png" alt="Chai Center kitchen space">
</div>
</div>
<div class="ck-about-content">
<p class="ck-section-eyebrow animate-block">About the Campaign</p>
<p class="ck-about-intro animate-block">
The Chai Center Kitchen Campaign is a mission to build more than just a culinary space — it is an investment in the heart of our community. This new, professional-grade facility will serve as a cornerstone for connection, compassion, and care by focusing on three core areas:
</p>
<div class="ck-about-points animate-stagger">
<div class="ck-about-point">
<div class="ck-about-point__icon">
<img src="https://mychaicenter.com/media/images/1372/tgGe13720909.png" alt="">
</div>
<div class="ck-about-point__body">
<h3 class="ck-about-point__title">Educational & Communal Support:</h3>
<p class="ck-about-point__text">Providing daily nutritious, kosher lunches for our students while serving as a dedicated hub for life-cycle events, milestones, and celebrations.</p>
</div>
</div>
<div class="ck-about-point">
<div class="ck-about-point__icon">
<img src="https://mychaicenter.com/media/images/1372/wILY13720910.png" alt="">
</div>
<div class="ck-about-point__body">
<h3 class="ck-about-point__title">Holiday & Event Capacity:</h3>
<p class="ck-about-point__text">Ensuring high-quality hot meals for every Shabbos and Yom Tov, while offering a professional, versatile space to host large-scale community gatherings and support outside caterers.</p>
</div>
</div>
<div class="ck-about-point">
<div class="ck-about-point__icon" style="transform:scale(1.35);transform-origin:center;">
<img src="https://mychaicenter.com/media/images/1372/ISSe13720911.png" alt="">
</div>
<div class="ck-about-point__body">
<h3 class="ck-about-point__title">A Hub of Kindness:</h3>
<p class="ck-about-point__text">Dedicated to nourishing the vulnerable, this space will function as a center of compassion where volunteers prepare and package hot meals for seniors and individuals in need throughout our community.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- DEDICATION HEADER -->
<div class="ck-ded-header-inject" id="ck-dedication">
<h2 class="ck-ded-header-title animate-words">Dedication Opportunities</h2>
<p class="ck-ded-header-sub animate-block">All contributions will be honored on a permanent dedication plaque in the new kitchen, with an option available to donate anonymously.</p>
</div>
</div><!-- /#chai-kitchen-wrapper -->
`;
const formContainer = document.getElementById('formContainer');
if (formContainer) {
formContainer.insertAdjacentHTML('beforebegin', heroHTML);
} else {
document.body.insertAdjacentHTML('afterbegin', heroHTML);
}
}
/* ═══════════════════════════════════════════════════════════════════
ANIMATION ENGINE
Mirrors the logic from the original HTML's <script> block:
1. Word-split on .animate-words elements
2. IntersectionObserver triggers is-visible
3. Card stagger observer
═══════════════════════════════════════════════════════════════════ */
function initAnimations() {
/* ── 1. Word-split helper ── */
function splitWords(el) {
const processNode = (node) => {
if (node.nodeType === Node.TEXT_NODE) {
const words = node.textContent.split(/(\s+)/);
const frag = document.createDocumentFragment();
words.forEach(token => {
if (/^\s+$/.test(token)) {
frag.appendChild(document.createTextNode(token));
} else if (token) {
const outer = document.createElement('span');
outer.className = 'anim-word-outer';
const inner = document.createElement('span');
inner.className = 'anim-word';
inner.textContent = token;
outer.appendChild(inner);
frag.appendChild(outer);
}
});
return frag;
} else {
const clone = node.cloneNode(false);
Array.from(node.childNodes).forEach(child => clone.appendChild(processNode(child)));
return clone;
}
};
const newContent = document.createDocumentFragment();
Array.from(el.childNodes).forEach(child => newContent.appendChild(processNode(child)));
el.innerHTML = '';
el.appendChild(newContent);
// Staggered delays
el.querySelectorAll('.anim-word').forEach((w, i) => {
w.style.transitionDelay = (i * 0.05) + 's';
});
}
// Apply to all .animate-words elements
document.querySelectorAll('.animate-words').forEach(el => splitWords(el));
// Hero headline fires immediately (it's above the fold)
setTimeout(() => {
const headline = document.getElementById('ck-hero-headline');
if (headline) headline.classList.add('ck-hero-words-ready', 'is-visible');
}, 700); // slight delay so page has painted
/* ── 2. Intersection observer for sections ── */
const sectionObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('is-visible');
sectionObserver.unobserve(entry.target); // fire once
}
});
}, { threshold: 0.12 });
document.querySelectorAll(
'.animate-words:not(#ck-hero-headline), .animate-block, .animate-stagger, #ck-about-img-main'
).forEach(el => sectionObserver.observe(el));
/* ── 3. Card stagger observer ── */
const cardObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const cards = Array.from(entry.target.querySelectorAll('.ck-d-card, .ck-a-tile'));
cards.forEach((card, i) => {
setTimeout(() => card.classList.add('ck-anim-visible'), i * 60);
});
cardObserver.unobserve(entry.target);
}
});
}, { threshold: 0.08 });
// Observe each grid wrapper once it exists
function observeCardGrids() {
document.querySelectorAll(
'.ck-card-grid, .ck-lead-row, .ck-amounts-row, #ck-cards-cid_3'
).forEach(el => cardObserver.observe(el));
}
// Cards are injected after this runs, so wait a tick
setTimeout(observeCardGrids, 200);
}
/* ═══════════════════════════════════════════════════════════════════
SCROLL PROGRESS BAR
═══════════════════════════════════════════════════════════════════ */
function initScrollProgress() {
const bar = document.getElementById('ck-page-progress');
if (!bar) return;
let ticking = false;
const update = () => {
const s = document.body.scrollTop || document.documentElement.scrollTop;
const h = document.documentElement.scrollHeight - document.documentElement.clientHeight;
bar.style.width = (h > 0 ? (s / h) * 100 : 0) + '%';
ticking = false;
};
window.addEventListener('scroll', () => {
if (!ticking) {
requestAnimationFrame(update);
ticking = true;
}
}, { passive: true });
}
/* ─────────────────────────────────────────────────────────────────
SECTIONS CONFIG
───────────────────────────────────────────────────────────────── */
const SECTIONS = [
{
cid: 'cid_3', inputName: 'q3_input3[]', layout: 'lead',
alt: [false, false, true, true, false, false],
items: [
{ label: 'Meat Kitchen Sponsor', amount: '$36,000', val: 'Meat Kitchen Sponsor $36,000' },
{ label: 'Dairy Kitchen Sponsor', amount: '$36,000', val: 'Dairy Kitchen Sponsor $36,000' },
{ label: 'Chai Kitchen Supporter', amount: '$15,000', val: 'Chai Kitchen Supporter $15,000' },
{ label: 'Chai Kitchen Partner', amount: '$10,000', val: 'Chai Kitchen Partner $10,000' },
{ label: 'Chai Kitchen Benefactor', amount: '$7,200', val: 'Chai Kitchen Benefactor $7,200' },
{ label: 'Chai Kitchen Patron', amount: '$3,600', val: 'Chai Kitchen Patron $3,600' },
]
},
{
cid: 'cid_4', inputName: 'q4_input4[]', layout: 'grid', alt: [],
items: [
{ label: 'Convection oven, gas', amount: '$7,536', val: 'Convection oven, gas $7,536' },
{ label: 'Faucet, kettle/pot filler', amount: '$348', val: 'Faucet, kettle/pot filler $348' },
{ label: 'Hotplate, countertop, gas', amount: '$2,593', val: 'Hotplate, countertop, gas $2,593' },
{ label: 'Griddle, gas, countertop', amount: '$1,264', val: 'Griddle, gas, countertop $1,264' },
{ label: 'Gas floor fryer', amount: '$2,511', val: 'Gas floor fryer $2,511' },
{ label: 'Work table, L-shaped', amount: '$5,673', val: 'Work table, L-shaped $5,673' },
{ label: 'Shelving, wall mounted', amount: '$270', val: 'Shelving, wall mounted $270' },
{ label: 'Work table, 48", stainless steel top', amount: '$927', val: 'Work table, 48", stainless steel top $927' },
{ label: 'Reach-in refrigerator', amount: '$3,144', val: 'Reach-in refrigerator $3,144' },
{ label: 'Planetary mixer', amount: '$9,370', val: 'Planetary mixer $9,370' },
]
},
{
cid: 'cid_5', inputName: 'q5_input5[]', layout: 'grid', alt: [],
items: [
{ label: 'Convection oven, gas', amount: '$14,151', val: 'Convection oven, gas $14,151' },
{ label: 'Gas floor fryer', amount: '$2,511', val: 'Gas floor fryer $2,511' },
{ label: 'Charbroiler, gas, countertop', amount: '$3,731', val: 'Charbroiler, gas, countertop $3,731' },
{ label: 'Range, 36", 6 open burners', amount: '$4,789', val: 'Range, 36", 6 open burners $4,789' },
{ label: 'Faucet, kettle / pot filler', amount: '$348', val: 'Faucet, kettle / pot filler $348' },
{ label: 'Heated cabinet, mobile', amount: '$2,764', val: 'Heated cabinet, mobile $2,764' },
{ label: 'Work table, 84", stainless steel top', amount: '$4,173', val: 'Work table, 84", stainless steel top $4,173' },
{ label: 'Shelving, wall mounted', amount: '$412', val: 'Shelving, wall mounted $412' },
{ label: 'Work table, 48", stainless steel top', amount: '$927', val: 'Work table, 48", stainless steel top $927' },
]
},
{
cid: 'cid_6', inputName: 'q6_input6[]', layout: 'grid', alt: [],
items: [
{ label: 'Soiled dishtable', amount: '$2,172', val: 'Soiled dishtable $2,172' },
{ label: 'Dishtable sorting shelf', amount: '$162', val: 'Dishtable sorting shelf $162' },
{ label: 'Dishwasher, door type, ventless', amount: '$15,932', val: 'Dishwasher, door type, ventless $15,932' },
{ label: 'Clean dishtable', amount: '$909', val: 'Clean dishtable $909' },
{ label: 'Three (3) compartment sink', amount: '$4,877', val: 'Three (3) compartment sink $4,877' },
{ label: 'Overshelf', amount: '$699', val: 'Overshelf $699' },
{ label: 'Hand sink', amount: '$298', val: 'Hand sink $298' },
{ label: 'Ice maker, cube-style', amount: '$5,453', val: 'Ice maker, cube-style $5,453' },
{ label: 'Reach-in refrigerator', amount: '$4,961', val: 'Reach-in refrigerator $4,961' },
{ label: 'Reach-in freezer', amount: '$4,077', val: 'Reach-in freezer $4,077' },
{ label: 'Stainless panels by dishwasher area', amount: '$4,300', val: 'Stainless panels by dishwasher area $4,300' },
]
},
{
cid: 'cid_7', inputName: 'q7_input7[]', layout: 'grid', alt: [],
items: [
{ label: 'A hose reel', amount: '$1,110', val: 'A hose reel $1,110' },
{ label: 'Install', amount: '$12,500', val: 'Install $12,500' },
{ label: 'Freight', amount: '$2,750', val: 'Freight $2,750' },
{ label: 'Hood System', amount: '$82,000', val: 'Hood System $82,000' },
]
},
];
const SECTION_TITLE_MAP = {
cid_3: 'Lead Gifts', cid_4: 'Dairy', cid_5: 'Meat',
cid_6: 'Dishwashing Station', cid_7: 'General',
};
const OTHER_AMOUNTS = [
{ val: '$720', native: 'input_8_0', alt: false },
{ val: '$540', native: 'input_8_1', alt: true },
{ val: '$360', native: 'input_8_2', alt: false },
{ val: '$180', native: 'input_8_3', alt: true },
{ val: '$100', native: 'input_8_4', alt: false },
{ val: '$72', native: 'input_8_5', alt: true },
];
let reservedItems = [];
function parseDollar(str) {
const match = str.replace(/,/g, '').match(/\$?([\d.]+)/);
return match ? parseFloat(match[1]) : 0;
}
function buildCardHTML(item, sectionCid, index, isReserved, altClass) {
const reservedTag = isReserved ? `<span class="ck-d-card__reserved-tag">Reserved</span>` : '';
return `
<div class="ck-d-card${altClass ? ' ck-d-card--alt' : ''}${isReserved ? ' ck-reserved' : ''}"
role="button" tabindex="${isReserved ? -1 : 0}"
data-section="${sectionCid}" data-index="${index}"
data-val="${item.val.replace(/"/g, '"')}"
data-amount="${parseDollar(item.amount)}"
aria-label="${item.label} – ${item.amount}${isReserved ? ' (Reserved)' : ''}">
<div class="ck-d-card__body">
<span class="ck-d-card__name">${item.label}</span>
<span class="ck-d-card__amount">${item.amount}${reservedTag}</span>
</div>
<div class="ck-d-card__check" aria-hidden="true"></div>
</div>`;
}
function injectCards() {
SECTIONS.forEach(sec => {
const idNum = sec.cid.replace('cid_', '');
const formLine = document.getElementById('id_' + idNum);
if (!formLine) return;
const titleEl = document.createElement('div');
titleEl.innerHTML = `<h3 class="ck-cat-title animate-words">${SECTION_TITLE_MAP[sec.cid]}</h3>`;
formLine.insertAdjacentElement('beforebegin', titleEl);
const wrapper = document.createElement('div');
wrapper.id = 'ck-cards-' + sec.cid;
if (sec.layout === 'lead') {
for (let i = 0; i < sec.items.length; i += 2) {
const row = document.createElement('div');
row.className = 'ck-lead-row';
const aItem = sec.items[i];
const bItem = sec.items[i + 1];
row.innerHTML =
buildCardHTML(aItem, sec.cid, i, reservedItems.includes(aItem.val), sec.alt[i] || false) +
(bItem ? buildCardHTML(bItem, sec.cid, i + 1, reservedItems.includes(bItem.val), sec.alt[i+1] || false) : '');
wrapper.appendChild(row);
}
} else {
const grid = document.createElement('div');
grid.className = 'ck-card-grid';
sec.items.forEach((item, idx) => {
grid.innerHTML += buildCardHTML(item, sec.cid, idx, reservedItems.includes(item.val), false);
});
wrapper.appendChild(grid);
}
formLine.insertAdjacentElement('beforebegin', wrapper);
});
// Re-run word splitting on newly injected .animate-words titles
document.querySelectorAll('.ck-cat-title.animate-words').forEach(el => {
const words = el.textContent.split(/\s+/);
el.innerHTML = words.map(w =>
`<span class="anim-word-outer"><span class="anim-word">${w}</span></span>`
).join(' ');
el.querySelectorAll('.anim-word').forEach((w, i) => { w.style.transitionDelay = (i * 0.07) + 's'; });
const obs = new IntersectionObserver(([entry]) => {
if (entry.isIntersecting) { el.classList.add('is-visible'); obs.disconnect(); }
}, { threshold: 0.2 });
obs.observe(el);
});
}
function injectOtherAmountTiles() {
const line8 = document.getElementById('id_8');
if (!line8) return;
const otherInput = document.getElementById('input_8');
if (otherInput) otherInput.removeAttribute('disabled');
const wrap = document.createElement('div');
wrap.id = 'ck-other-amounts-ui';
wrap.innerHTML = `
<h2 class="ck-other-title">Other Donation Amounts</h2>
<div class="ck-amounts-row" id="ck-amounts-row-1">
${OTHER_AMOUNTS.slice(0, 4).map(a => `
<div class="ck-a-tile${a.alt ? ' ck-a-tile--alt' : ''}" role="button" tabindex="0"
data-native="${a.native}" data-amount="${parseDollar(a.val)}" aria-label="Donate ${a.val}">
<span class="ck-a-tile__val">${a.val}</span>
<div class="ck-a-tile__check" aria-hidden="true"></div>
</div>`).join('')}
</div>
<div class="ck-amounts-row" id="ck-amounts-row-2">
${OTHER_AMOUNTS.slice(4).map(a => `
<div class="ck-a-tile${a.alt ? ' ck-a-tile--alt' : ''}" role="button" tabindex="0"
data-native="${a.native}" data-amount="${parseDollar(a.val)}" aria-label="Donate ${a.val}">
<span class="ck-a-tile__val">${a.val}</span>
<div class="ck-a-tile__check" aria-hidden="true"></div>
</div>`).join('')}
<div class="ck-a-tile ck-a-tile--custom" id="ck-custom-tile" role="button" tabindex="0" aria-label="Enter custom donation amount">
<span class="ck-a-tile__label">Custom<br>Amount</span>
<div class="ck-a-tile__check" aria-hidden="true"></div>
<div class="ck-a-tile__field">
<span>$</span>
<input type="number" min="1" class="ck-custom-amount-input" id="ck-custom-input" placeholder="">
</div>
</div>
</div>`;
line8.insertAdjacentElement('beforebegin', wrap);
// Observe tile rows for card stagger
setTimeout(() => {
const cardObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
Array.from(entry.target.querySelectorAll('.ck-a-tile')).forEach((card, i) => {
setTimeout(() => card.classList.add('ck-anim-visible'), i * 60);
});
cardObserver.unobserve(entry.target);
}
});
}, { threshold: 0.08 });
document.querySelectorAll('#ck-amounts-row-1, #ck-amounts-row-2').forEach(el => cardObserver.observe(el));
}, 100);
}
/* ─────────────────────────────────────────────────────────────────
Card + tile event listeners
───────────────────────────────────────────────────────────────── */
function attachCardListeners() {
function syncNativeCheckbox(val, checked) {
document.querySelectorAll('input[type="checkbox"].form-checkbox').forEach(cb => {
if (cb.value === val) cb.checked = checked;
});
}
function clearSection(sectionCid) {
document.querySelectorAll(`.ck-d-card[data-section="${sectionCid}"]`).forEach(c => {
c.classList.remove('ck-selected');
syncNativeCheckbox(c.dataset.val, false);
});
}
function clearOtherTiles() {
document.querySelectorAll('.ck-a-tile').forEach(t => t.classList.remove('ck-selected'));
const otherCb = document.querySelector('input.form-checkbox-other');
if (otherCb) { otherCb.value = ''; otherCb.checked = false; }
const otherInput = document.getElementById('input_8');
if (otherInput) otherInput.value = '';
OTHER_AMOUNTS.forEach(a => {
const nb = document.getElementById(a.native);
if (nb) nb.checked = false;
});
}
function clearAll() {
SECTIONS.forEach(sec => clearSection(sec.cid));
clearOtherTiles();
}
function recalcTotal() {
let total = 0;
document.querySelectorAll('.ck-d-card.ck-selected').forEach(c => { total += parseFloat(c.dataset.amount) || 0; });
document.querySelectorAll('.ck-a-tile.ck-selected').forEach(t => {
if (t.id === 'ck-custom-tile') {
total += parseFloat(document.getElementById('ck-custom-input').value) || 0;
} else {
total += parseFloat(t.dataset.amount) || 0;
}
});
const formatted = '$' + total.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
const nativeTotal = document.getElementById('total_amount');
if (nativeTotal) nativeTotal.textContent = formatted;
}
document.addEventListener('click', function (e) {
const card = e.target.closest('.ck-d-card[role="button"]');
if (!card || card.classList.contains('ck-reserved')) return;
const wasSelected = card.classList.contains('ck-selected');
clearSection(card.dataset.section);
clearOtherTiles();
if (!wasSelected) { card.classList.add('ck-selected'); syncNativeCheckbox(card.dataset.val, true); }
recalcTotal();
});
document.addEventListener('keydown', function (e) {
if (e.key !== 'Enter' && e.key !== ' ') return;
const card = e.target.closest('.ck-d-card[role="button"]');
if (card) { e.preventDefault(); card.click(); }
});
document.addEventListener('click', function (e) {
const tile = e.target.closest('.ck-a-tile');
if (!tile) return;
const wasSelected = tile.classList.contains('ck-selected');
clearAll();
if (!wasSelected) {
tile.classList.add('ck-selected');
if (tile.id === 'ck-custom-tile') {
document.getElementById('ck-custom-input').focus();
} else {
const nb = document.getElementById(tile.dataset.native);
if (nb) nb.checked = true;
}
}
recalcTotal();
});
document.addEventListener('keydown', function (e) {
if (e.key !== 'Enter' && e.key !== ' ') return;
const tile = e.target.closest('.ck-a-tile');
if (tile) { e.preventDefault(); tile.click(); }
});
const customInput = document.getElementById('ck-custom-input');
if (customInput) {
customInput.addEventListener('focus', () => {
clearAll();
document.getElementById('ck-custom-tile').classList.add('ck-selected');
});
customInput.addEventListener('input', () => {
const otherInput = document.getElementById('input_8');
if (otherInput) {
otherInput.value = customInput.value;
const otherCb = document.querySelector('input.form-checkbox-other');
if (otherCb) { otherCb.value = customInput.value; otherCb.checked = !!customInput.value; }
}
recalcTotal();
});
}
}
/* ─────────────────────────────────────────────────────────────────
Fetch reserved items from Google Sheet
───────────────────────────────────────────────────────────────── */
function fetchReservedItems(callback) {
fetch(GOOGLE_SHEET_JSON_URL + '&cachebust=' + Date.now())
.then(r => r.json())
.then(data => {
if (Array.isArray(data.reserved)) reservedItems = data.reserved;
callback();
})
.catch(() => callback());
}
/* ─────────────────────────────────────────────────────────────────
Fetch progress stats
───────────────────────────────────────────────────────────────── */
function fetchProgressStats() {
fetch(GAS_WEB_APP_URL + '?action=getProgress&cachebust=' + Date.now())
.then(r => r.json())
.then(data => {
const goal = data.goal || 200000;
const raised = data.raised || 0;
const pct = Math.min(Math.round((raised / goal) * 100), 100);
const raisedEl = document.getElementById('ck-raised-val');
const goalEl = document.getElementById('ck-goal-val');
const fillEl = document.getElementById('ck-progress-fill');
const pctEl = document.getElementById('ck-progress-pct');
if (raisedEl) raisedEl.textContent = '$' + raised.toLocaleString('en-US');
if (goalEl) goalEl.textContent = '$' + goal.toLocaleString('en-US');
if (fillEl) fillEl.dataset.progress = pct;
requestAnimationFrame(() => {
setTimeout(() => {
if (fillEl) { fillEl.style.width = pct + '%'; fillEl.classList.add('ck-filled'); }
if (pctEl) pctEl.textContent = pct + '%';
}, 400);
});
})
.catch(() => {
const raisedEl = document.getElementById('ck-raised-val');
if (raisedEl) raisedEl.textContent = '$20,000';
const fillEl = document.getElementById('ck-progress-fill');
const pctEl = document.getElementById('ck-progress-pct');
setTimeout(() => {
if (fillEl) { fillEl.style.width = '10%'; fillEl.classList.add('ck-filled'); }
if (pctEl) pctEl.textContent = '10%';
}, 400);
});
}
/* ─────────────────────────────────────────────────────────────────
Wrap donor section in styled card
───────────────────────────────────────────────────────────────── */
function wrapDonorSection() {
if (document.getElementById('ck-donor-box')) return;
const id10 = document.getElementById('id_10');
const id2 = document.getElementById('id_2');
if (!id10 || !id2) { setTimeout(wrapDonorSection, 400); return; }
const nodes = [];
let current = id10;
while (current) {
nodes.push(current);
if (current === id2) break;
current = current.nextElementSibling;
}
if (!nodes.length) return;
const outer = document.createElement('div');
outer.id = 'ck-donor-wrapper-outer';
const box = document.createElement('div');
box.id = 'ck-donor-box';
const title = document.createElement('h2');
title.id = 'ck-donor-box-title';
title.textContent = 'Donor Details';
box.appendChild(title);
nodes.forEach(node => box.appendChild(node));
outer.appendChild(box);
const formList = document.querySelector('#formContainer .form-section');
if (formList) {
formList.appendChild(outer);
} else {
const anchor = document.getElementById('id_8') || document.getElementById('id_9');
if (anchor && anchor.parentNode) anchor.parentNode.insertBefore(outer, anchor.nextSibling);
}
}
/* ─────────────────────────────────────────────────────────────────
Submit handler → POST to Google Apps Script
───────────────────────────────────────────────────────────────── */
/* ─────────────────────────────────────────────────────────────────
Submit handler → POST to Google Apps Script
───────────────────────────────────────────────────────────────── */
function attachSubmitHandler() {
const form = document.getElementById('7377803');
const submitButton = document.getElementById('input_2');
if (!form || !submitButton) return;
submitButton.addEventListener('click', function () {
setTimeout(function () {
const hasErrors = document.querySelectorAll('.form-line-error, .form-validation-error, .form-error-message').length > 0;
const isHtml5Valid = form.checkValidity();
if (!hasErrors && isHtml5Valid) {
// ── Collect all selected cards and tiles ──
const selectedCards = [];
document.querySelectorAll('.ck-d-card.ck-selected').forEach(c => {
selectedCards.push({ item: c.dataset.val, amount: c.dataset.amount });
});
document.querySelectorAll('.ck-a-tile.ck-selected').forEach(t => {
if (t.id === 'ck-custom-tile') {
const v = document.getElementById('ck-custom-input').value;
if (v) selectedCards.push({ item: 'Custom Amount', amount: v });
} else {
selectedCards.push({
item: t.querySelector('.ck-a-tile__val').textContent.trim(),
amount: t.dataset.amount
});
}
});
// ── reserveItems = only named dedication cards, not dollar tiles ──
// Grabs anything that isn't a plain dollar tile or custom amount
const reserveItems = selectedCards
.filter(s => !s.item.startsWith('$') && s.item !== 'Custom Amount')
.map(s => s.item);
// ── Human-readable selections string for the Donations sheet ──
const selectionsStr = selectedCards
.map(s => s.item.includes('$') ? s.item : s.item + ' ($' + parseFloat(s.amount).toLocaleString('en-US') + ')')
.join(', ');
const payload = {
action: 'submitDonation',
firstName: (document.getElementById('first_10') || {}).value || '',
lastName: (document.getElementById('last_10') || {}).value || '',
email: (document.getElementById('input_11') || {}).value || '',
phone: (document.getElementById('input_13_full') || {}).value || '',
address: (document.getElementById('input_14_addr_line1') || {}).value || '',
city: (document.getElementById('input_14_city') || {}).value || '',
total: (document.getElementById('total_amount') || {}).textContent || '$0.00',
selections: selectionsStr, // readable string → Donations sheet col I
reserveItems: reserveItems, // array of item names → Reserved sheet col A
timestamp: new Date().toISOString(),
};
// Removed mode: 'no-cors' and changed Content-Type to text/plain to play nice with Google Apps Script web apps
fetch(GAS_WEB_APP_URL, {
method: 'POST',
headers: { 'Content-Type': 'text/plain' },
body: JSON.stringify(payload),
})
.then(response => response.json())
.then(res => {
if (res.status === 'error') {
console.error('[ChaiKitchen] Server error:', res.message);
} else {
console.log('[ChaiKitchen] Successfully recorded processing data:', res);
}
})
.catch(err => console.error('[ChaiKitchen] Network/Submit execution failed:', err));
}
}, 300);
});
}
/* ─────────────────────────────────────────────────────────────────
BOOT
───────────────────────────────────────────────────────────────── */
function boot() {
removeBanner();
injectCSS();
injectHero();
fetchProgressStats();
initScrollProgress(); // ← scroll progress bar
initAnimations(); // ← word splits + intersection observers
fetchReservedItems(() => {
injectCards();
injectOtherAmountTiles();
wrapDonorSection();
attachCardListeners();
attachSubmitHandler();
// Re-run card grid observers after cards injected
setTimeout(() => {
const obs = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
Array.from(entry.target.querySelectorAll('.ck-d-card, .ck-a-tile')).forEach((card, i) => {
setTimeout(() => card.classList.add('ck-anim-visible'), i * 60);
});
obs.unobserve(entry.target);
}
});
}, { threshold: 0.08 });
document.querySelectorAll(
'.ck-card-grid, .ck-lead-row, #ck-amounts-row-1, #ck-amounts-row-2'
).forEach(el => obs.observe(el));
}, 300);
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot);
} else {
boot();
}
})();
</script>
</body>
</html><!-- END CACHE -->