<!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/1220/WYEX12200022.png" itemprop="image" width="1920" height="1080" />
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="1080" />
<meta name="keywords" content="Aleph,Champ" />
<meta name="title" content="Aleph Champ - Beth Chabad C.S.L." />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="100339-100346-4841004-1337214-6520812-6520820-6520821-6520824" />
<meta name="article-keywords" content="31782-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="6520820" />
<meta name="scope-aid" content="6520821" />
<meta name="scope-aid" content="6520824" />
<meta name="article-keyword" content="31782" />
<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/6520824/jewish/Aleph-Champ.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Aleph Champ - Beth Chabad C.S.L." /><link rel="canonical" href="https://www.chabadcsl.com/templates/articlecco_cdo/aid/6520824/jewish/Aleph-Champ.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/1220/WYEX12200022.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" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css" 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" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/css/styles.css?v=6/30/2026" id="k31782" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css" 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-11","primaryArticleId":6520824,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Programs","contentLevel3":"Children ","contentLevel4":"Hebrew Champions","contentLevel5":"Programs","contentLevel6":"Hebrew School","contentLevel7":"Aleph Champ","siteName":"Beth Chabad C.S.L."},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":1,"hebrewDate":"5786-04-16"}});
		dataLayer.push({ 'articleHierarchy': '-100339-100346-4841004-1337214-6520812-6520820-6520821-6520824-', 'keywords': '-k20962-k2898-k2170-k31783-k29136-k29058-k21464-k8495-k16403-k31782-', 'k': '-100339-100346-4841004-1337214-6520812-6520820-6520821-6520824--k20962-k2898-k2170-k31783-k29136-k29058-k21464-k8495-k16403-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>
	Aleph Champ - Beth Chabad C.S.L.
</title></head>
<body class="lang_en dir_ltr cco_body 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">
<a href="/article.asp?aid=5554789" class="parent arrow">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">
<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/1220/WYEX12200022.png)">
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Aleph Champ</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" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="https://w2.chabad.org/media/images/1220/WYEX12200022.png" />


		<meta itemprop="thumbnailUrl" content="https://w2.chabad.org/media/images/1220/WYEX12200022.png" />
	
<meta itemprop="uploadDate" content="2026-02-11T12:56:48" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Beth Chabad C.S.L." />
	<meta itemprop="brand" content="Beth Chabad C.S.L." />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/997/jtNu9971622.gif" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2026-02-11T12:56:48" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<p>
<strong> Aleph Champ<strong> <strong> <strong> <img align="right" alt="Aleph Champ" border="0" height="124" real_height="225" real_width="300" src="https://w2.chabad.org/media/images/75/pTeL753714.png" width="165"></strong></strong></strong></strong></p>

<p>Aleph Champ is a karate motivated Hebrew reading system.<br>
What do Karate and Hebrew Reading have in common you ask?</p>

<p>Karate is a traditional art that is divided into ten colored levels. Moving up a level is a proof of hard work and determination and is therefore a source of pride.  </p>

<p>Aleph Champ takes inspiration from Karate and divides Hebrew reading skills  into 10 colored levels. There are fun games and activities to help the students meet their goals. Moving up a level is Aleph Champ is a source of pride for students and this makes them self motivated to succeed. Self motivated students is a quality that is unique to the Aleph Champ Hebrew Reading program.</p>

<p><strong>White Level:</strong> First 19 letters ~ <strong>Stripe 1</strong>: א-ו <strong>Stripe 2</strong>: ז-ך <strong>Stripe 3</strong>: ל-ן</p>

<p>
<span style="color:#e74c3c;"><strong>Red Level:</strong> Last 13 letters ~ <strong>Stripe 1:</strong> ס-ף <strong>Stripe 2:</strong> צ-ר <strong>Stripe 3:</strong> ש-ת</span></p>

<p>
<span style="color:#e67e22;"><strong>Orange Level:</strong> First 3 Vowels ~ <strong>Stripe 1:</strong> Kamatz - 2 letter words <strong>Stripe 2:</strong> Patach - 2 letter words <strong>Stripe 3:</strong> Tzeireh - 3 letter words</span></p>

<p>
<span style="color:#f1c40f;"><strong>Yellow Level:</strong> Next 3 Vowels ~ <strong> Stripe 1:</strong> Segol - 3 letter words <strong> Stripe 2:</strong> Shva - 4 letter words &amp; 2 rules <strong> Stripe 3:</strong> Cholam - 4 letter words</span></p>

<p>
<span style="color:#27ae60;"><strong>Green Level: </strong>Last 3 Vowels ~ <strong>Stripe 1:</strong> Cheerik - 5 letter words <strong>Stripe 2:</strong> Koobutz - 6 letter words <strong>Stripe 3:</strong> Shooruk - 6 letter words</span></p>

<p>
<span style="color:#3498db;"><strong>Blue Level:</strong> Exceptions to the rules ~ <strong>Stripe 1:</strong> 2 rules <strong>Stripe 2:</strong> 2 rules <strong>Stripe 3:</strong> last 3 rules</span></p>

<p>
<span style="color:#8e44ad;"><strong>Purple Level:</strong> Prayer Practice ~ <strong>Stripe 1:</strong> 13 - 16 Words Per Minute<strong> Stripe 2: </strong>16 - 20 WPM <strong>Stripe 3:</strong> 20 - 23 WPM</span></p>

<p>
<span style="color:#663300;"><strong>Brown Level:</strong> More Prayer Practice ~<strong> Stripe 1:</strong> 23 - 26 WPM <strong>Stripe 2: </strong>26 - 30 WPM <strong>Stripe 3:</strong> 30 - 33 WPM</span></p>

<p>
<span style="color:#7f8c8d;"><strong>Grey Level:</strong> Holiday Prayers ~ <strong>Stripe 1: </strong>33 - 36 WPM <strong>Stripe 2:</strong> 36 - 40 WPM <strong>Stripe 3:</strong> 40 - 43 WPM</span></p>

<p><strong>Black Level: </strong>Chumash Reading <strong>Stripe 1:</strong> 43 - 46 WPM <strong>Stripe 2:</strong> 46 - 50 WPM <strong>Stripe 3:</strong> 50 - 53 WPM</p>

</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</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%2f6520824%2fjewish%2fAleph-Champ.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=Aleph+Champ+-+Beth+Chabad+C.S.L.&amp;url=https%3a%2f%2fwww.chabadcsl.com%2ftemplates%2farticlecco_cdo%2faid%2f6520824%2fjewish%2fAleph-Champ.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=Aleph+Champ+-+Beth+Chabad+C.S.L. https%3a%2f%2fwww.chabadcsl.com%2ftemplates%2farticlecco_cdo%2faid%2f6520824%2fjewish%2fAleph-Champ.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%2f6520824%2fjewish%2fAleph-Champ.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Aleph+Champ+-+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, 6520821);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"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=4.1.3"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js"></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     = '6520824';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>