<!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" >
<head id="Head1">
<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 property="og:image" content="https://w2.chabad.org/media/images/1218/etsC12185051.png" itemprop="image" width="1900" height="750" />
<meta property="og:image:width" content="1900" />
<meta property="og:image:height" content="750" />
<meta name="keywords" content="Contact," />
<meta name="title" content="Contact - Beth Chabad C.S.L." />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="100339-100346-4841004-1337214-6520812-5554789-6520819" />
<meta name="article-keywords" content="31782-2185-16403-8495-21464-29058-29136-31783-2170-2898-20962" />
<meta name="scope-aid" content="100339" />
<meta name="scope-aid" content="100346" />
<meta name="scope-aid" content="4841004" />
<meta name="scope-aid" content="1337214" />
<meta name="scope-aid" content="6520812" />
<meta name="scope-aid" content="5554789" />
<meta name="scope-aid" content="6520819" />
<meta name="article-keyword" content="31782" />
<meta name="article-keyword" content="2185" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="21464" />
<meta name="article-keyword" content="29058" />
<meta name="article-keyword" content="29136" />
<meta name="article-keyword" content="31783" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.chabadcsl.com/templates/articlecco_cdo/aid/6520819/jewish/Contact.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Contact - Beth Chabad C.S.L." /><link rel="canonical" href="https://www.chabadcsl.com/templates/articlecco_cdo/aid/6520819/jewish/Contact.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/1218/etsC12185051.png" />
<link rel="icon" type="image/gif" href="https://www.chabadcsl.com/media/images/997/jtNu9971622.gif" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=21E88630" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/css/styles.css?v=7/8/2026" id="k31782" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/forms/formCss2.css?v=AB6A2925" id="kFormCss" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/forms/themes/nova.css?v=87AD6957" id="kNova" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2026-02-10","primaryArticleId":6520819,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Programs","contentLevel3":"Children ","contentLevel4":"Hebrew Champions","contentLevel5":"About Us","contentLevel6":"Contact ","siteName":"Beth Chabad C.S.L."},"time":{"upcomingHoliday":"Rosh Hashanah","daysToUpcomingHoliday":28,"hebrewDate":"5786-06-02"}});
		dataLayer.push({ 'articleHierarchy': '-100339-100346-4841004-1337214-6520812-5554789-6520819-', 'keywords': '-k20962-k2898-k2170-k31783-k29136-k29058-k21464-k8495-k16403-k2185-k31782-', 'k': '-100339-100346-4841004-1337214-6520812-5554789-6520819--k20962-k2898-k2170-k31783-k29136-k29058-k21464-k8495-k16403-k2185-k31782-' });
	
</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 = 4465841;var sc_partition = 55;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "85feddeb";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c56.statcounter.com/counter.php?sc_project=4465841&amp;java=0&amp;security=85feddeb&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link rel="icon" type="image/png" href="https://chabadcsl.com/media/images/1204/BHJj12044232.png" />

<style>
/* Hide the title if it flashes briefly */
.article-header__title,
.js-article-title,
.ejs-page-title {
    display: none !important;
}
</style>



<style>
/* Hide the holiday date under the title */
.widget-1.holiday_date,
.holiday_date .widget_content {
    display: none !important;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
    const title = document.querySelector(
        "h1.article-header__title, h1.js-article-title, h1.ejs-page-title"
    );
    if (title) {
        title.remove();
    }
});
</script><title>
	Contact - Beth Chabad C.S.L.
</title></head>
<body class="lang_en dir_ltr cco_body form secure cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.ChabadCSL.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Beth Chabad C.S.L.</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER -->
<div id="chabad_body_page" class="font-sans">
<div id="chabad_main_content">
<div id="chabad_head">

<div class="items-center justify-between md:px-8 md:pb-4 md:flex bg-purple">

<div class="relative flex items-center px-4 py-3 text-white no-underline md:px-0 md:py-0">

<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/yfnY12218479.svg" alt="logo" class="object-contain w-12 h-12 mr-2 md:mr-3" />
<div class="text-lg">
<strong class="font-bold">
Hebrew Champions
</strong>
<span class="block">

Beth Chabad CSL

</span>
</div>

<a href="/6520812" class="absolute inset-0" ></a>
</div>


<div class="chabad_navigator_bar">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/YlIY12218480.png" id="img_nav" />

<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent arrow selected">
<a href="/article.asp?aid=5554789" class="parent arrow selected">About Us</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6520814">Mission Statement</a>
</li>
<li class="item">
<a href="/article.asp?aid=6520815">Our Staff</a>
</li>
<li class="item">
<a href="/article.asp?aid=6520816">Schedule a Tour</a>
</li>
<li class="item">
<a href="/article.asp?aid=6520817">Sign up to Volunteer!</a>
</li>
<li class="item">
<a href="/article.asp?aid=6520818">Support</a>
</li>
<li class="item last selected">
<a href="/article.asp?aid=6520819">Contact </a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6520820" class="parent arrow">Programs</a>
<div class="sub_menu">
<ul>
<li class="item first last">
<a href="/article.asp?aid=6520821">Hebrew School</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=7241693" class="parent arrow">Register</a>
<div class="sub_menu">
<ul>
<li class="item first last">
<a href="/article.asp?aid=5587797">Register 2026/27</a>
</li>
</ul>
</div>
</li>

</ul>
</div>
</div>


</div>

</div>

</div>
<div id="chabad_body_content">
<div class="chabad_left_column">

<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit" class="chabad_left_column"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " style="background-image: url(https://w2.chabad.org/media/images/1218/etsC12185051.png)">
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Contact </h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" >
	


		<div class="notice error">
			<div class="h1">Due to Shabbat observance this form is currently disabled</div>
			<div class="small_top_margin">Due to the sanctity of <b>Shabbat</b>, this form cannot accept new submissions until <b>Saturday, August 15, 8:50 PM</b>.</div>
			<div class="small_top_margin">Thank you.</div>
		</div>
	
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
		<div class="section-articles below-article clearfix" id="MoreInSection" data-list-name="more in this section">
			<h2 class="below-article__title">More in this section</h2>
			<div class="bs-container">
				<div class="bs-row">
					
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6520814/jewish/Mission-Statement.htm" data-aid="6520814">Mission Statement</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6520815/jewish/Our-Staff.htm" data-aid="6520815">Our Staff</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6520816/jewish/Schedule-a-Tour.htm" data-aid="6520816">Schedule a Tour</a>
		</li>
		
	
			</ul>
		</div>
	
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6520817/jewish/Sign-up-to-Volunteer.htm" data-aid="6520817">Sign up to Volunteer!</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6520818/jewish/Support.htm" data-aid="6520818">Support</a>
		</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER -->

</div>
</div>

<div class="FooterContainer">

<footer class="px-4 py-6 md:px-8 bg-purple">
<div class="flex flex-col justify-between">
<div class="mb-3 text-center md:text-right md:mb-0">
<div class="flex justify-center gap-2 mt-4 text-center">

<a href="#" class="text-white opacity-60 hover:opacity-100">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/nBVt12218478.svg" alt="facebook" class="w-6 h-6" /></a>

<a href="#" class="text-white opacity-60 hover:opacity-100">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/VpCL12218477.svg" alt="instagram" class="w-6 h-6" /></a>

<a href="#" class="text-white opacity-60 hover:opacity-100">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/QbQl12218476.svg" alt="whatsapp" class="w-6 h-6" /></a>
</div>
<div class="flex justify-center text-lg text-white text-center uppercase">
<strong class="font-bold">
Hebrew Champions
</strong>
<span class="sm\:ml-3px ml-3px">

Beth Chabad CSL

</span>
</div>
<div class="text-xs text-white">
&#160;
</div>
</div>
<a href="https://CKids.org" class="flex mx-auto mt-3 text-center">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/yfnY12218479.svg" alt="ckids logo" class="object-contain w-12 h-12" />
<p class="ml-3 text-xs text-white">An affiliate of CKids <br/>
Chabad Children’s Network <br/>
CKids.org</p>
</a>
</div>
</footer>

</div>

</div>
</div>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=0"></script>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/ckids/ckids.js?v=1"></script>
<!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.chabadcsl.com%2ftemplates%2farticlecco_cdo%2faid%2f6520819%2fjewish%2fContact.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Contact+-+Beth+Chabad+C.S.L.&amp;url=https%3a%2f%2fwww.chabadcsl.com%2ftemplates%2farticlecco_cdo%2faid%2f6520819%2fjewish%2fContact.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Contact+-+Beth+Chabad+C.S.L. https%3a%2f%2fwww.chabadcsl.com%2ftemplates%2farticlecco_cdo%2faid%2f6520819%2fjewish%2fContact.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.chabadcsl.com%2ftemplates%2farticlecco_cdo%2faid%2f6520819%2fjewish%2fContact.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Contact+-+Beth+Chabad+C.S.L.">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 5554789);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Beth Chabad C.S.L.</span>
		<div class="footer-address">
			<span class="footer-street">6501 Kildare Road </span>
			<span class="footer-city-state">Côte St. Luc, QC H4W 0A1</span>
		</div>
			<span class="footer-country">Canada</span><span>514-485-7221</span>
	</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>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery/jquery.inputmask.min.js?v=BF33D3B4"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CD6CB303"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=C8425CA5"></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/templates/forms/userform.js?v=E69144BF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=DC70C970"></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/custom/minisites.js?v=F38E4DA5"></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/templates/FormDecoder.js?v=83AF6F1A"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></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/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Beth Chabad C.S.L.'}; Co.ArticleId     = '6520819';Co.SectionId     = 4841004;Co.PartnerSiteId = 0;Co.SiteId        = 276;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadCSL.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	



<script>
(function() {
    'use strict';

    // 1. Check if we are on the correct page
    if (!window.location.href.includes("aid/7146571")) {
        return; // Exit if not on the correct page
    }

    // 2. Add CSS for the rising flame effect dynamically
    const style = document.createElement('style');
    style.innerHTML = `
        .flame-particle {
            position: fixed;
            pointer-events: none;
            border-radius: 50%;
            z-index: 9999;
            /* Add a blur to make it look like glowing fire/gas */
            filter: blur(2px);
            /* Give it a glowing core */
            box-shadow: 0 0 4px 1px rgba(255, 100, 0, 0.6);
            animation: rise-and-fade 1s ease-out forwards;
            transform-origin: center bottom;
        }
        
        @keyframes rise-and-fade {
            0% {
                /* Start slightly small and opaque */
                transform: translate(-50%, -50%) scale(0.5);
                opacity: 0.9;
            }
            20% {
                 /* Quickly grow to full size */
                 transform: translate(var(--drift-x-mid), var(--rise-y-mid)) scale(1.2);
                 opacity: 1;
            }
            100% {
                /* End high up, drifted sideways, scaled down and invisible */
                transform: translate(var(--drift-x-end), var(--rise-y-end)) scale(0.1);
                opacity: 0;
            }
        }
    `;
    document.head.appendChild(style);

    // 3. Function to create the rising flame
    function createRisingFlame(btnElement) {
        // Fire colors: White hot center, yellow, orange, deep red
        const colors = ['#FFFFFF', '#FFFACD', '#FFD700', '#FF8C00', '#FF4500']; 
        const particleCount = 50; // More particles for a denser flame

        // Get the geometry of the button so we can start from the bottom center
        const rect = btnElement.getBoundingClientRect();
        const startX = rect.left + (rect.width / 2);
        const startY = rect.bottom;

        for (let i = 0; i < particleCount; i++) {
            const particle = document.createElement('div');
            particle.classList.add('flame-particle');
            
            // Randomize color
            particle.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
            
            // Randomize size (smaller particles look better for flames)
            const size = Math.floor(Math.random() * 8) + 4 + 'px'; // between 4px and 12px
            particle.style.width = size;
            particle.style.height = size;

            // Set initial position to the bottom center of the button
            particle.style.left = startX + 'px';
            particle.style.top = startY + 'px';
            
            // CALCULATE THE MOVEMENT PATH

            // 1. How high does it go? (Negative Y is upwards)
            // Random height between 150px and 300px up
            const totalRise = -150 - (Math.random() * 150); 
            
            // 2. Horizontal Drift (Flames waver left and right)
            // Random drift between -40px (left) and +40px (right)
            const endDrift = (Math.random() - 0.5) * 80; 
            const midDrift = endDrift / 2 + (Math.random() - 0.5) * 20; // Adds a slight wiggle in the middle

            // Set CSS variables for the animation path
            particle.style.setProperty('--rise-y-mid', `${totalRise * 0.3}px`); // 30% of the way up
            particle.style.setProperty('--rise-y-end', `${totalRise}px`);   // 100% of the way up
            particle.style.setProperty('--drift-x-mid', `${midDrift}px`);
            particle.style.setProperty('--drift-x-end', `${endDrift}px`);

            // Randomize animation duration slightly so they don't all move in perfect sync
            particle.style.animationDuration = (0.8 + Math.random() * 0.5) + 's';

            document.body.appendChild(particle);
            
            // Remove the element after animation finishes (1.3s max duration)
            setTimeout(() => {
                particle.remove();
            }, 1300);
        }
    }

    // 4. Attach the listener to the Submit button
    function init() {
        // Ensure the ID matches your specific button ID: input_2
        const submitBtn = document.getElementById('input_2');
        
        if (submitBtn) {
            submitBtn.addEventListener('click', function(e) {
                // Pass the button element itself so we can calculate its center
                createRisingFlame(this);
            });
        }
    }

    // Wait for DOM to be ready before trying to find the button
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }

})();
</script><script>
    document.addEventListener("DOMContentLoaded", function() {

    // =========================================================
    // GLOBAL CONFIGURATION
    // =========================================================
    const API_URL = "https://script.google.com/macros/s/AKfycbxmOxF_pvIgWG4lzkbEgfstBgd_jztS_32IdvYP4OapGmwYocgw4XrRMy42lFHM5tHMTw/exec";
    const SUBMISSION_URL_SNIPPET = "/Templates/ArticleCcoResponse_cdo/aid/7146571";
    const FLAME_PAGE_ID = "7145025"; // The ID from your "Be-the-Light" URL

    // =========================================================
    // PART 0: HIDE FLAME ON ALL OTHER PAGES
    // =========================================================
    // If the URL does NOT contain "7145025", hide the container
    if (window.location.href.indexOf(FLAME_PAGE_ID) === -1) {
        const container = document.querySelector('.CSL-flame-container');
        if (container) {
            container.style.setProperty('display', 'none', 'important');
        }
    }

    // =========================================================
    // PART 1: SUBMISSION SCRAPER (Runs on Submission Page)
    // =========================================================
    if (window.location.href.indexOf(SUBMISSION_URL_SNIPPET) > -1) {
        
        console.log("Mission Submission Page Detected. Scraping data...");
        
        try {
            const rows = document.querySelectorAll('table.response_table tr');
            let extractedData = {};

            rows.forEach(row => {
                const cells = row.querySelectorAll('td');
                if (cells.length === 2) {
                    const key = cells[0].textContent.trim();
                    const value = cells[1].textContent.trim();
                    extractedData[key] = value;
                }
            });

            const firstName = extractedData["Full Name - First Name"] || "";
            const lastName = extractedData["Full Name - Last Name"] || "";
            const fullName = (firstName + " " + lastName).trim();
            const mission = extractedData["Mission Complete"] || "Unknown Mission";
            const subDate = extractedData["Submission Date"] || extractedData[" Submission Date"] || new Date().toString();

            const uniqueStorageKey = "CSL_SENT_" + fullName.replace(/\s/g, '') + "_" + subDate.replace(/\s/g, '');

            if (localStorage.getItem(uniqueStorageKey)) {
                console.log("Skipping duplicate.");
            } else {
                const submitUrl = new URL(API_URL);
                submitUrl.searchParams.append("action", "add_mission");
                submitUrl.searchParams.append("name", fullName);
                submitUrl.searchParams.append("mission", mission);
                submitUrl.searchParams.append("date", subDate);

                fetch(submitUrl)
                    .then(response => response.json())
                    .then(data => {
                        console.log("Mission logged:", data);
                        localStorage.setItem(uniqueStorageKey, "true");
                    })
                    .catch(err => console.error("Error logging mission:", err));
            }

        } catch (e) {
            console.error("Scraper Error:", e);
        }
    }


    // =========================================================
    // PART 2: FLAME & COUNT UPDATER (Runs ONLY on Flame Page)
    // =========================================================
    async function CSL_updateFlame() {
        try {
            // 1. Fetch Data
            const response = await fetch(API_URL);
            const data = await response.json();

            // 2. Update the numbers
            const curEl = document.getElementById('CSL-current-count');
            const totEl = document.getElementById('CSL-total-count');
            
            if(curEl) curEl.innerText = data.current;
            if(totEl) totEl.innerText = data.total;
            
            // 3. Update the Mask Height (The "Level")
            const mask = document.getElementById('CSL-flame-mask');
            if(mask) {
                mask.style.height = data.percentage + "%";
            }

            // 4. MOBILE FIX: Calculate Width based on Height 
            const imgWrapper = document.querySelector('.CSL-flame-image-wrapper');
            const innerImg = document.querySelector('.CSL-flame-img');

            if(imgWrapper && innerImg) {
                
                // Function to set the perfect size
                const setPerfectSize = () => {
                    const containerHeight = 400; 
                    const ratio = (innerImg.naturalWidth > 0) ? (innerImg.naturalWidth / innerImg.naturalHeight) : 0.6;
                    const safePercentage = Math.max(data.percentage, 10);
                    const calculatedWidth = (containerHeight * (safePercentage / 100)) * ratio;
                    
                    imgWrapper.style.width = calculatedWidth + "px";
                    imgWrapper.style.maxWidth = "none"; 
                    imgWrapper.style.display = "block";
                    innerImg.style.setProperty('height', containerHeight + "px", 'important');
                };

                // Run immediately
                if (innerImg.complete) {
                    setPerfectSize();
                } else {
                    innerImg.onload = setPerfectSize;
                }
                
                window.addEventListener('resize', setPerfectSize);
            }

            // 5. Hide loading message
            const load = document.getElementById('CSL-loading-msg');
            if(load) load.style.display = 'none';

        } catch (error) {
            console.error("CSL Flame Error:", error);
            const load = document.getElementById('CSL-loading-msg');
            if(load) {
                load.innerText = "Error loading data.";
                load.style.color = "red";
            }
        }
    }

    // Only run the Flame Updater if we are on the Flame Page
    if (window.location.href.indexOf(FLAME_PAGE_ID) > -1) {
        CSL_updateFlame();
    }

});
  </script>
</body>
</html>