(function() {
// Data derived from "Beit Hillel – Gradual Progress" text
var stages = [
{
id: 0,
title: "הנפש האנושית",
subtitle: "לא בולדוזר",
image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/1764452645592-scaled.png",
text: "שיטת בית הלל מבינה שהנפש האנושית זקוקה להדרגה. אי אפשר לקפוץ מיד למים העמוקים, כי הניסיון לעשות הכל בבת אחת ('שיטת הבולדוזר') עלול לייאש ולשבור.",
highlight: "המסר: להעריך כל התקדמות קטנה. לא הכל או כלום.",
question: "איפה בחיים שלך ניסית לעשות שינוי דרסטי ונשברת? מה היה קורה לו היית בוחר/ת בצעד קטן אחד?",
insights: [
{ label: "כוחה של סבלנות", text: "השינוי האמיתי והיציב קורה לאט. כמו הצמח שגדל טיפה אחר טיפה, כך גם הנפש." },
{ label: "פחד מהמים העמוקים", text: "לפעמים אנחנו נמנעים מלהתחיל כי המטרה נראית רחוקה מדי. הצעד הקטן ממיס את הפחד." },
{ label: "חמלה עצמית", text: "להיות 'בית הלל' כלפי עצמנו: לקבל את חוסר השלמות העכשווי מתוך אמונה בעתיד." }
],
userAnswer: "",
selectedInsight: null
},
{
id: 1,
title: "הנר האחד",
subtitle: "לשמוח במה שיש",
image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/1764452715111-scaled.png",
text: "גם אם האדם עדיין לא שלם וחסר לו הרבה, עלינו לשמוח ב'נר האחד' שהוא כבר הדליק. המיקוד הוא ב'יש' ולא ב'אין'.",
highlight: "לסמוך על כך שמחר הוא יוסיף נר נוסף.",
question: "חשוב/י על אדם קרוב (ילד, בן זוג, תלמיד) – על איזה 'נר אחד' קטן אפשר לשבח אותו היום?",
insights: [
{ label: "העין הטובה", text: "כשאנחנו מאירים באור חיובי את המעט שיש, הוא גדל. ביקורת מכבה, מחמאה מדליקה." },
{ label: "הווה מול עתיד", text: "היום יש רק נר אחד, אבל הוא הפוטנציאל לאבוקה שלמה. אל תשפוט את ההווה כסופי." },
{ label: "שמחה במועט", text: "היכולת לחגוג הצלחה חלקית היא המפתח למוטיבציה להמשיך הלאה." }
],
userAnswer: "",
selectedInsight: null
},
{
id: 2,
title: "חצי מצווה?",
subtitle: "תפילין רק של יד",
image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/1764452748159-scaled.png",
text: "הרב מתאר סיטואציה: יהודי נכנס ומניח רק תפילין של יד, או מברך בסוכות רק על הלולב ללא שאר המינים. האם זה שווה משהו? כן!",
highlight: "במקום לנזוף בו על החסר, נקבל את הקיים.",
question: "האם קרה לך שוויתרת על עשייה חיובית רק כי לא יכולת לעשות אותה 'מושלם'?",
insights: [
{ label: "הטוב שבחלקי", text: "מעשה טוב חלקי הוא עדיין מעשה טוב. הוא מחבר אותנו לטוב ומייצר מומנטום חיובי." },
{ label: "פרפקציוניזם משתק", text: "השאיפה לשלמות יכולה להיות האויב של הטוב. עדיף 'קצת' מאשר 'כלום'." },
{ label: "ערך המאמץ", text: "עבור אותו אדם, להניח רק תפילין של יד זהו מאמץ כביר. עלינו להעריך את המאמץ הסובייקטיבי." }
],
userAnswer: "",
selectedInsight: null
},
{
id: 3,
title: "בלי ביקורת",
subtitle: "חינוך מתוך סובלנות",
image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/1764452813407-scaled.png",
text: "התגובה הטבעית שלנו עשויה להיות 'אין לך ראש?! למה רק חצי?'. אבל בית הלל מלמדים: חינוך מתוך סובלנות ולא מתוך ביקורת.",
highlight: "הביקורת מרחיקה, הקבלה מקרבת ומאפשרת צמיחה.",
question: "איך היית מרגיש/ה אם מישהו היה מעיר לך על מה שלא עשית, בדיוק ברגע שהתאמצת לעשות משהו קטן?",
insights: [
{ label: "חכמת הקירוב", text: "כדי להשפיע על מישהו, צריך קודם כל לקבל אותו במקום שבו הוא נמצא." },
{ label: "שפה בונה", text: "במקום 'למה לא עשית…', לומר 'איזה יופי שעשית…'. זה משנה את כל האווירה." },
{ label: "סבלנות לתהליכים", text: "הבנה שלא כולם נמצאים באותו קצב. הסובלנות היא המרחב שמאפשר לשני לגדול." }
],
userAnswer: "",
selectedInsight: null
},
{
id: 4,
title: "מוסיף והולך",
subtitle: "הצעד של מחר",
image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/1764453011337-scaled.png",
text: "זוהי תמצית הגישה: היום הוא עושה צעד אחד, ומחר יעשה צעד נוסף. האמון שלנו בתהליך הוא שמאפשר לו לקרות.",
highlight: "אנחנו לא מסתכלים רק על הסטטיק (המצב כרגע), אלא על הדינמיקה (הכיוון).",
question: "מהו הצעד הקטן הבא שאת/ה יכול/ה לקחת על עצמך, מתוך ידיעה שזה חלק מתהליך של 'מוסיף והולך'?",
insights: [
{ label: "אמון בצמיחה", text: "כשאני מאמין שמישהו (או אני) נמצא בתהליך עלייה, אני לא נבהל מהנפילות בדרך." },
{ label: "כיוון חיובי", text: "כל עוד הכיוון הוא למעלה, המהירות לא משנה. העיקר שהיום יש יותר מאתמול." },
{ label: "אור גובר", text: "כמו בחנוכה, האור הולך ומתחזק. החושך לא נעלם בבת אחת, הוא נדחה לאט לאט מפני האור." }
],
userAnswer: "",
selectedInsight: null
},
{
id: 5,
title: "סיכום",
subtitle: "תנועת הסביבון",
image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/1764453442450-scaled.png",
text: "כמו הסביבון שמתחיל בסיבוב קטן וצובר תאוצה, או לעיתים מסתובב לאט ולבסוף נעמד – כך האדם. העיקר הוא התנועה.",
highlight: "היו בית הלל לעצמכם ולסביבתכם.",
question: "מה הלקח העיקרי שאת/ה לוקח/ת מגישת בית הלל לחיים האישיים שלך?",
insights: [
{ label: "רכות וענווה", text: "בית הלל זכו שהלכה כמותם כי היו נוחים ועלובין (ענווים). הרכות מנצחת את הקושי." },
{ label: "המסע הוא העיקר", text: "לא רק התוצאה הסופית חשובה, אלא הדרך, ההתמודדות וההוספה היומיומית." },
{ label: "אהבת ישראל", text: "לראות כל יהודי (וכל אדם) כבעל פוטנציאל אינסופי, גם אם כרגע רואים רק ניצוץ קטן." }
],
userAnswer: "",
selectedInsight: null
}
];
var currentIndex = 0;
var wrapper = document.getElementById('hillel-app-wrapper');
function init() {
renderTimeline();
renderStage(currentIndex);
}
function renderTimeline() {
var timelineEl = wrapper.querySelector('#hillel-timeline');
if(!timelineEl) return;
timelineEl.innerHTML = ";
stages.forEach(function(stage, index) {
var item = document.createElement('div');
var className = 'timeline-item';
if(index === currentIndex) className += ' active';
if(stage.userAnswer) className += ' completed';
item.className = className;
item.onclick = function() {
currentIndex = index;
renderTimeline();
renderStage(index);
// Mobile Scroll
if(window.innerWidth <= 768) {
wrapper.querySelector('#hillel-card-area').scrollIntoView({behavior: 'smooth'});
}
};
item.innerHTML = '
' + stage.title + '
' +
'
' + stage.subtitle + '
';
timelineEl.appendChild(item);
});
}
function renderStage(index) {
var stage = stages[index];
var cardArea = wrapper.querySelector('#hillel-card-area');
if(!cardArea) return;
cardArea.style.opacity = '0';
setTimeout(function() {
var contentHTML = ";
// Image Header
contentHTML += '
' +
'
' +
'
' + stage.subtitle + '
' +
'
' +
'' +
'
';
contentHTML += '
';
// Content
contentHTML += '
' + stage.title + '
';
contentHTML += '
' + stage.text + '
';
if(stage.highlight) {
contentHTML += '
💡 ' + stage.highlight + '
';
}
// Interaction / Result state
if (stage.userAnswer && stage.selectedInsight) {
contentHTML += '
