< html dir = "rtl" lang = "הוא" > ראש​​ < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > סגולה נסתרת למציאת זיווג - משחק למידה 💑 סגנון​​ * { מרווח : 0 ; ריפוד : 0 ; גודל-תיבה : תיבה-גבולית; } גוף { font-family : 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif; רקע : גרדיאנט ליניארי ( 135 מעלות , #f093fb 0% , #f5576c 100% ); גובה מינימלי : 100vh ; ריפוד : 20 פיקסלים ; כיוון : rtl; } .מיכל { רוחב מקסימלי : 900 פיקסלים ; מרווח : 0 אוטומטי; רקע : לבן; רדיוס-גבול : 25 פיקסלים ; צל-קופסה : 0 25 פיקסלים 70 פיקסלים rgba ( 0 , 0 , 0 , 0.3 ); גלישה : מוסתר; } .כותרת { רקע : גרדיאנט ליניארי ( 135 מעלות , #fa709a 0% , #fee140 100% ); צבע : לבן; ריפוד : 40 פיקסלים 30 פיקסלים ; יישור טקסט : מרכז; מיקום : קרוב משפחה; } .header ::לפני { תוכן : '💑' ; גודל גופן : 4em ; מיקום : מוחלט; למעלה : 10 פיקסלים ; שמאל : 20 פיקסלים ; אטימות : 0.3 ; } .header ::אחרי { תוכן : '💖' ; גודל גופן : 4em ; מיקום : מוחלט; למעלה : 10 פיקסלים ; ימין : 20 פיקסלים ; אטימות : 0.3 ; } .כותרת h1 { גודל גופן : 2.2em ; שוליים-תחתונים : 10 פיקסלים ; צל-טקסט : 2px 2px 4px rgba ( 0 , 0 , 0 , 0.2 ); } .כותרת פ { גודל גופן : 1.2em ; אטימות : 0.95 ; שוליים עליונים : 10 פיקסלים ; } .progress-container { רקע : #e0e0e0 ; גובה : 10 פיקסלים ; מיקום : קרוב משפחה; } .progress-bar { רקע : גרדיאנט ליניארי ( 90 מעלות , #fa709a 0% , #fee140 100% ); גובה : 100% ; רוחב : 0% ; מעבר : רוחב 0.5 שניות קלות; } .תוכן { ריפוד : 40 פיקסלים ; } תוכן-שיעור { גובה שורה : 1.9 ; גודל גופן : 1.15em ; צבע : #333 ; שוליים-תחתונים : 30 פיקסלים ; } .תוכן-שיעור h2 { צבע : #fa709a ; שוליים-תחתונים : 25 פיקסלים ; גודל גופן : 2em ; יישור טקסט : מרכז; } .תוכן-שיעור h3 { צבע : #667eea ; שוליים : 25 פיקסלים 0 15 פיקסלים 0 ; גודל גופן : 1.5em ; } .תוכן-שיעור p { שוליים-תחתונים : 18 פיקסלים ; } תוכן שיעור ul { שוליים : 20 פיקסלים 0 ; ריפוד-ימין : 30 פיקסלים ; } תוכן שיעור li { שוליים : 12 פיקסלים 0 ; גובה שורה : 1.8 ; } שאלה רוחנית רקע : גרדיאנט ליניארי ( 135 מעלות , #ffeaa7 0% , #fdcb6e 100% ); ריפוד : 25 פיקסלים ; רדיוס-גבול : 15 פיקסלים ; שוליים : 30 פיקסלים 0 ; גבול-ימין : קו רציף של 6 פיקסלים #fa709a ; סגנון גופן : נטוי; גודל גופן : 1.15em ; } .קופסת-לב { רקע : גרדיאנט ליניארי ( 135 מעלות , #ffecd2 0% , #fcb69f 100% ); ריפוד : 25 פיקסלים ; רדיוס-גבול : 15 פיקסלים ; שוליים : 30 פיקסלים 0 ; גבול : 3 פיקסלים מלא #fa709a ; יישור טקסט : מרכז; משקל גופן : מודגש; גודל גופן : 1.2em ; } .פסוק { רקע : גרדיאנט ליניארי ( 135 מעלות , #a8edea 0% , #fed6e3 100% ); ריפוד : 30 פיקסלים ; רדיוס-גבול : 15 פיקסלים ; שוליים : 30 פיקסלים 0 ; גודל גופן : 1.3em ; משקל גופן : מודגש; יישור טקסט : מרכז; גבול : 3 פיקסלים מלא #667eea ; גובה שורה : 1.8 ; } .question-container { רקע : #f8f9fa ; ריפוד : 35 פיקסלים ; רדיוס-גבול : 15 פיקסלים ; שוליים : 30 פיקסלים 0 ; גבול : 3 פיקסלים מלא #fa709a ; } .טקסט-שאלה { גודל גופן : 1.4em ; משקל גופן : מודגש; צבע : #333 ; שוליים-תחתונים : 30 פיקסלים ; יישור טקסט : מרכז; } .תשובה-btn { תצוגה : בלוק; רוחב : 100% ; ריפוד : 20 פיקסלים ; שוליים : 15 פיקסלים 0 ; רקע : לבן; גבול : 3 פיקסלים רציף #ddd ; רדיוס-גבול : 15 פיקסלים ; גודל גופן : 1.15em ; סמן : מצביע; מעבר : כל 0.3 שניות קלות; יישור טקסט : ימינה; } .answer-btn :רחף { שינוי : translateX (- 8px ); צבע-גבול : #fa709a ; רקע : #fff0f5 ; צל-קופסה : 0 5 פיקסלים 15 פיקסלים rgba ( 250 , 112 , 154 , 0.3 ); } .תשובה-btn .נכון { רקע : #d4edda ; צבע-גבול : #28a745 ; אנימציה : correctPulse 0.6s ; } .תשובה-btn .שגוי { רקע : #f8d7da ; צבע-גבול : #dc3545 ; אנימציה : רעידות של 0.5 שניות ; } .answer-btn :מושבת { סמן : אסור; } @keyframes correctPulse { 0% , 100% { שינוי גודל ( 1 ) ; } 50% { שינוי גודל ( 1.05 ) ; } } @keyframes shake { 0% , 100% { transform : translateX ( 0 ); } 25% { transform : translateX (- 12px ); } 75% { transform : translateX ( 12px ); } } .משוב { ריפוד : 25 פיקסלים ; שוליים : 25 פיקסלים 0 ; רדיוס-גבול : 15 פיקסלים ; גודל גופן : 1.15em ; תצוגה : אין; אנימציה : fadeIn 0.6s ; גובה שורה : 1.8 ; } @keyframes fadeIn { מאת { אטימות : 0 ; שינוי גודל : translateY (- 15 פיקסלים ); } ל- { אטימות : 1 ; שינוי : translateY ( 0 ); } } .משוב .נכון { רקע : #d4edda ; גבול : 3 פיקסלים מלא #28a745 ; צבע : #155724 ; תצוגה : בלוק; } .משוב .שגוי { רקע : #f8d7da ; גבול : קו רציף של 3 פיקסלים #dc3545 ; צבע : #721c24 ; תצוגה : בלוק; } .תצוגת-ציון { רקע : גרדיאנט ליניארי ( 135 מעלות , #fa709a 0% , #fee140 100% ); צבע : לבן; ריפוד : 25 פיקסלים ; רדיוס-גבול : 15 פיקסלים ; יישור טקסט : מרכז; גודל גופן : 1.4em ; שוליים : 25 פיקסלים 0 ; צל-קופסה : 0 5 פיקסלים 20 פיקסלים rgba ( 250 , 112 , 154 , 0.4 ); } .btn-primary { רקע : גרדיאנט ליניארי ( 135 מעלות , #fa709a 0% , #fee140 100% ); צבע : לבן; גבול : אין; ריפוד : 20 פיקסלים 45 פיקסלים ; גודל גופן : 1.3em ; רדיוס-גבול : 15 פיקסלים ; סמן : מצביע; מעבר : כל 0.3 שניות קלות; תצוגה : בלוק; שוליים : 35 פיקסלים אוטומטי; צל-קופסה : 0 8 פיקסלים 20 פיקסלים rgba ( 250 , 112 , 154 , 0.4 ); } .btn-primary :hover { שינוי : translateY (- 5px ); צל-קופסה : 0 15 פיקסלים 35 פיקסלים rgba ( 250 , 112 , 154 , 0.5 ); } .תעודה { רקע : גרדיאנט ליניארי ( 135 מעלות , #fa709a 0% , #fee140 100% ); צבע : לבן; ריפוד : 50 פיקסלים ; רדיוס-גבול : 25 פיקסלים ; יישור טקסט : מרכז; שוליים : 30 פיקסלים 0 ; } .תעודה h2 { גודל גופן : 2.8em ; שוליים-תחתונים : 30 פיקסלים ; } גוף-הסמכה { רקע : לבן; צבע : #333 ; ריפוד : 45 פיקסלים ; רדיוס-גבול : 20 פיקסלים ; שוליים : 25 פיקסלים 0 ; } .שם-קלט { ריפוד : 18 פיקסלים ; גודל גופן : 1.3em ; גבול : 3 פיקסלים רציף #ddd ; רדיוס-גבול : 12 פיקסלים ; רוחב : 100% ; רוחב מקסימלי : 450 פיקסלים ; שוליים : 25 פיקסלים אוטומטי; יישור טקסט : מרכז; כיוון : rtl; } .מוסתר { תצוגה : אין; } מסך מבוא יישור טקסט : מרכז; ריפוד : 45 פיקסלים ; } .intro-screen h2 { צבע : #fa709a ; גודל גופן : 2.5em ; שוליים-תחתונים : 25 פיקסלים ; } מסך מבוא p { גודל גופן : 1.25em ; גובה שורה : 1.9 ; צבע : #555 ; שוליים-תחתונים : 25 פיקסלים ; } .השתקפות { רקע : #fff3cd ; ריפוד : 25 פיקסלים ; רדיוס-גבול : 15 פיקסלים ; שוליים : 25 פיקסלים 0 ; גבול-ימין : קו רציף של 6 פיקסלים #ffc107 ; סגנון גופן : נטוי; צבע : #856404 ; גודל גופן : 1.1em ; } .action-box { רקע : גרדיאנט ליניארי ( 135 מעלות , #84fab0 0% , #8fd3f4 100% ); ריפוד : 30 פיקסלים ; רדיוס-גבול : 15 פיקסלים ; שוליים : 30 פיקסלים 0 ; גבול : 3 פיקסלים מלא #667eea ; גודל גופן : 1.15em ; גובה שורה : 1.8 ; } .action-box h3 { צבע : #2d3748 ; שוליים-תחתונים : 20 פיקסלים ; גודל גופן : 1.5em ; } .תחתית { רקע : #2d3748 ; צבע : לבן; ריפוד : 30 פיקסלים ; יישור טקסט : מרכז; } .תחתית א { צבע : #fa709a ; קישוט טקסט : אין; משקל גופן : מודגש; } .footer a :hover { צבע : #fee140 ; } @media ( רוחב מקסימלי : 768 פיקסלים ) { .תוכן { ריפוד : 25 פיקסלים ; } .כותרת h1 { גודל גופן : 1.6em ; } .טקסט-שאלה { גודל גופן : 1.2em ; } .תשובה-btn { ריפוד : 16 פיקסלים ; גודל גופן : 1.05em ; } } סגנון​​ גוף​​ < div class = "מיכל" > < div class = "כותרת" > < h1 > 💑 סגולה נסתרת למציאת זיווג 💖 < p > סוד התפילה שהביא את רבקה ליצחק אבינו < p style = "font-size: 1em; margin-top: 15px;" > מסע למידה מרגש על כוח ההודיה והתפילה ​​ < div class = "מיכל-התקדמות" > < div class = "progress-bar" id = "progressBar" > ​​ < div class = "content" id = "תוכן משחק" > ​​ < div class = "כותרת תחתונה" > < p > < strong > נבנה באהבה על ידי: < p > הרב יהודה טאוב מקרית אתא 💖 < p > 📞 לפרטים: < a href = "tel:0527139520" > 052-713-9520 < p style = "margin-top: 15px;" > 📺 לשיעורים נוספים: < a href = "https://youtube.com/@RabbiYehudaTaub" target = "_blank" > ערוץ היוטיוב שלנו ​​ ​​ < סקריפט > // מצב המשחק מצב משחק = { שיעור נוכחי: 0, שאלה נוכחית: 0, ציון: 0, ציון שיעור: 0, סך כל השאלות: 0, שם השחקן: '' }; // נתוני שיעורים שיעורים קבועים = [ { title: "שיעור 1: סיפור הגר באר לחי רואי", תוכן: ` < h2 > 🌟 איך מוצאים זיווג? < p > זו אחת השאלות המרכזיות בחיי כל אדם. רבים מחפשים, מתפללים, עושים סגולות - אבל לא תמיד בדרך הנכונה. < div class = "קופסת לב" > 💎 המפתח המרכזי 💎 < br > לפני שמבקשים דבר חדש מהקדוש ברוך הוא - < br > קודם כל צריך להודות על העבר! ​​ < p > זהו הוד שיצחק אבינו גילה לנו: < strong > הודיה פותחת שערי ברכה! < p > כשאדם מלא הכרת הטוב על כל מה ששם עשה עבורו עד כה - אז הוא ראוי לקבל עוד. < div class = "שאלה רוחנית" > 💭 האם אתה מרגיש כמה ה' אוהב אותך? כמה הוא עשה בשבילך עד עכשיו? ​​ < h3 > 🌅 סיפור הגר במדבר < p > בפרשת לך מסופר על הגר שבורחת מבית אברהם. היא צריכה במדבר, לבדה ומבולבלת. < p > פתאום מגיע אליה < strong > מלאך ה' ואומר לה: פסוק​​​​​ "שובי אל גבירתך והתעני תחת ידיה" 🕊️ ​​ < p > הגר מופתעת לגמרי! הקדוש ברוך הוא דאג לה, שלח לה מלאך, הדריך אותה מה לעשות. < h3 > ❤️ מה היא עושה? < p > היא < strong > מודה! התורה מספרת: פסוק​​​​​ "ותקרא שם ה' הדובר אליה - אתה א-ל רואי" < br > 💖 ​​ < p > רש"י ואונקלוס מפרשים: < strong > "והודית קדם ה'" - היא הודתה לה שם על שהתגלה עליה! < div class = "השתקפות" > 💡 נקודה לזכור: המקום שבו הגר הודתה לה' נקרא "באר לחי רואי" - באר החי שרואה. שם זה מסמל מקום של הודיה, מקום שבו האדם מרגיש שהקדוש ברוך הוא רואה אותו ודואג לו. ​​ < div class = "שאלה רוחנית" > 🌟 מתי את/ה הכי מרגיש/ה שה' רואה אותך ודואג לך? ​​ `, שאלות: [ { question: "מה המפתח המרכזי למציאת זיווג לפי השיעור?", תשובות: [ "להודות על העבר לפני שמבקשים על העתיד", "להתפלל כל יום שלוש פעמים", "ללכת לרבי מפורסם לקבל ברכה", "שותפות צדקה בסכומים גדולים" ], נכון: 0, explanation: "המפתח הוא: לפני שמבקשים דבר חדש מהקדוש ברוך הוא - קודם כל צריך להודות על העבר! הודיה פותחת שערי ברכה.", רוחניות: "💖 כשאנחנו מכירים בטוב שה' עשה - אנחנו פותחים את הלב שלנו לקבל עוד!" }, { question: "מה הגר עשה אחרי שמלאך ה' הופיע אליה?", תשובות: [ "היא הודתה לה' וקראה לו 'א-ל רואי'", "היא ברחה בחזרה לביתה מיד", "היא שאלה עוד שאלות מהמלאך", "היא התעלפה מפחד" ], נכון: 0, הסבר: "הגר הודתה להשם! התורה אומרת: 'ותקרא שם ה' הדובר אליה - אתה א-ל רואי'. רש"י מפרש: 'והודית קדם ה''.", רוחניות: "🙏 הודיה היא השפה שהלב מדבר איתה עם הקדוש ברוך הוא!" }, { question: "מה שם המקום שבו הגר הודתה לה'?", תשובות: [ "באר לחי רואי - באר החי שרואה", "באר שבע - באר השבע", "בר מים חיים", "ברכה" ], נכון: 0, explanation: "המקום נקרא 'באר לחי רואי' - באר החי שרואה. זה מקום של הודיה, מקום שבו האדם מרגיש שה' רואה אותו ודואג לו.", רוחני: "👀 ה' תמיד רואה אותך - גם אתה חושב שאף אחד לא שם לב!" } ] }, { title: "שיעור 2: יצחק הולך לאותו מקום!", תוכן: ` < h2 > 🚶 קפיצה לפרשת חיי שרה < p > עכשיו נקפוץ קדימה בזמן. אליעזר נמצא בדרך עם רבקה, הם חוזרים לארץ כנען. < p > ומה מספרת התורה? פסוק​​​​​ "ויצחק בא מבוא באר לחי רואי" < br > (בראשית קד:סב) 📖 ​​ < p > < strong > רגע רגע! אותו מקום?! < חזק > בדיוק! < p > יצחק הלך למקום שבו הגר הודתה להקדוש ברוך הוא. < div class = "שאלה רוחנית" > 🤔 למה? מה יצחק עשה שם? זו השאלה שכל המפרשים שואלים! ​​ < h3 > 💡 התשובה המדהימה < p > הרמב"ן והספורנו מסבירים: < div class = "קופסת לב" > "הלך להתפלל במקום שבו נשמעה תפילת שפתו!" < br > 💫 ​​ < p > יצחק < strong > בכוונה תחילה הלך למקום הזה כדי להתפלל שם! < p > למה דווקא שם? כי זה מקום של < strong > הודיה ! < div class = "השתקפות" > ✨ יצחק הבין: אם רוצים שהתפילה תתקבל - צריך להתפלל במקום של הכרת הטוב, במקום שבו מישהו הודה לה' בעבר! ​​ < h3 > 🕐 תפילת המנחה < p > התורה אומרת: פסוק​​​​​ "ויצא יצחק לשוח בשדה לפנות ערב" < br > (בראשית קד:סג) ​​ < p > חז"ל אומרים: < strong > "לשוח" - זה לשון תפילה. יצחק תיקן את תפילת המנחה! < div class = "action-box" > < h3 > ⏰ מה מיוחד בתפילת המנחה? < p > < strong > בבוקר - אדם מתפלל ומבקש מהשם שיעזור לו ביום הקרוב. < p > < strong > במנחה - היום כבר הסתיים כמעט. מה עושים? < p > < strong > במנחה מודים! באים ומודים לה' על כל הטוב שגמל עמנו היום היום! ​​ < div class = "שאלה רוחנית" > 💖 האם אתה מודה לה' בסוף היום על כל הטוב? או רק מבקש דברים חדשים? ​​ < p > < strong > הקשר המדהים: יצחק הלך למקום של הודיה (באר לחי רואי) והתפלל שם את תפילת ההודיה (מנחה). < div class = "קופסת לב" > זה לא מקרה! זו הדרך שיצחק בחר כדי למצוא את זיווגו: < br > < strong > קודם כל - להודות על העבר. רק אחרי זה - לבקש על העתיד! 🌟​​ ​​ `, שאלות: [ { שאלה: "לאיזה מקום יצחק הלך להתפלל?", תשובות: [ "באר לחי רואי - המקום שבו הגר הודתה לה'", "חברון - מקום קבורת אברהם אבינו", "באר שבע - המקום שבו אברהם חפר באר", "הר המוריה - מקום העקדה" ], נכון: 0, explanation: "יצחק הלך ל'באר לחי רואי' - בדיוק המקום שבו הגר הודתה לה'! הרמב"ן מסביר: הוא הלך להתפלל במקום שבו נשמעה תפילת שפתו.", רוחני: "✨ יש מקומות מיוחדים בהודיה עולה ישר לשמיים - אבל כל מקום יכול להיות כזה אם אנחנו מודים בלב שלם!" }, { question: "איזו תפילה יצחק תיקן?", תשובות: [ "תפילת המנחה - תפילת ההודיה על היום", "תפילת שחרית - תפילת הבוקר", "תפילת ערבית - תפילת הלילה", "תפילת מוסף - תפילת החגים" ], נכון: 0, explanation: "יצחק תיקן את תפילת המנחה. המהרל מבאר: במנחה מודים על היום שעבר, לא רק מבקשים על העתיד!", רוחניות: "🙏 תפילת המנחה היא זמן מיוחד להודות לה' על כל הטוב שקיבלנו היום!" }, { question: "מה הסדר הנכון למציאת זיווג לפי יצחק?", תשובות: [ "קודם - הודיה על העבר, אחר כך - בקשה על העתיד", "קודם - בקשה חזקה, אחר כך - הודיה", "רק בקשה, בלי הודיה", "רק הודיה, בלי בקשה" ], נכון: 0, explanation: "הסדר קריטי: קודם כל להודות על העבר, ורק אחר כך לבקש על העתיד. זו הדרך שיצחק בחר ובזכותה מצא את רבקה!", רוחניות: "💝 כשאנחנו מודים תחילה - אנחנו מכינים את הלב שלנו לקבל עוד טובה מהשמיים!" } ] }, { title: "שיעור 3: הצעד הראשון - רשימת הודיה", תוכן: ` < h2 > 📝 בואו נתרגם למעשה! < p > עכשיו הגיע הזמן ללמוד < strong > איך עושים את זה בפועל ! < p > מה אנחנו צריכים לעשות כדי ללכת בעקבות יצחק אבינו ולמצוא את ההזיווג שלנו? < div class = "קופסת לב" > 💎 שלושהים פשוטים ועוצמתיים! 💎 ​​ < h3 > 📋 צעד ראשון: רשימת הודיה מפורטת < div class = "action-box" > < h3 > 🖊️ מה לעשות: < p > קחו דף נייר ועט, רשימה רשימה של < strong > לפחות 20 דברים הם מודים עליהם לקדוש ברוך הוא. < p > < strong > לא סתם "תודה ה'" - אלא < strong > פירוט ספציפי! ​​ < p > < strong > דוגמאות: ​​ < div class = "השתקפות" > 💡 כתבו עד שהנייר מלא! עד שאתה < strong > ממש מרגישים כמה השם עשה בשבילכם! ​​ < div class = "שאלה רוחנית" > ❤️ בזמן שאתם כותבים - תחשבו: "כמה הוא אוהב אותי! כמה הוא דואג לי עד עכשיו!" ​​ < h3 > 🌟 סיפור מחזק < p > הרב מזכיר בשיעור (שיחה מספר 6) סיפור נפלא: < div class = "קופסת לב" > אדם שהיה מחפש זיווג שנים רבות, עשה בדיוק את מה שאמרנו: < br > < br > • ישב עם מחברת < br > • התחיל לרשום חסדים < br > • רשם עוד ועוד ועוד < br > • עד שלא היה מקום בדפים! < br > < br > לאחר מכן, הוא התמלא שמחה והכרת טוב עצומה. < br > ואז הוא התפלל מנחה ובקש... < br > < br > תוך זמן קצר - הוא מצא את זיוגו! 💑​​ ​​ < div class = "השתקפות" > ✨ זו לא אגדה - זו מציאות של מי שהוא בדרך הנכונה! ​​ < div class = "שאלה רוחנית" > 💭 האם אתה מוכן/ה לקחת דף עכשיו ולהתחיל לכתוב? זה יכול לשנות את חייך! ​​ < p > < strong > זכרו: ככל שתרשמו יותר - כך תרגישו יותר את אהבת ה' אליכם! < div class = "action-box" > < h3 > 💪 אתגר אישי: < p > נסו לכתוב < strong > 50 דברים אתם מודים אותם! < p > כן, 50! זה אפשרי - ואתם תראו איזה שינוי זה יעשה בלב שלכם! ​​ `, שאלות: [ { question: "כמה דברים לפחות צריך לכתוב ברשימת ההודיה?", תשובות: [ "לפחות 20 דברים - פירוט מדויק וספציפי", 5 דברים בלבד "רק 3 דברים כלליים", "מספיק אחד או שניים" ], נכון: 0, explanation: "צריך לכתוב לפחות 20 דברים בפירוט ספציפי! לא סתם 'תודה ה\'' - אלא פירוט מדויק של כל דבר שאנחנו מודים עליו.", רוחניות: "📝 ככל שנפרט יותר - כך נרגיש יותר עומק את אהבת ה' אלינו!" }, { שאלה: "מה צריך לכלול ברשימה?", תשובות: [ "דברים ספציפיים - בריאות, משפחה, יכולים, חברים וכו'", "רק דברים גדולים וחשובים", "רק דברים רוחניים", "רק דברים גשמיים" ], נכון: 0, explanation: "הרשימה צריכה לכלול דברים מיוחדים: בריאות, משפחה, בית, אוכל, חושים, יכול - הכל! גם ה'קטנים' וגם ה'גדולים'.", spiritual: "🌈 אין דבר 'קטן' - כל מתנה מה' היא אוצר אמיתית!" }, { question: "מה קרה לאדם שרשם חסדים עד שלא היה מקום בדפים?", תשובות: [ "הוא מצא את זיווגו תוך זמן קצר", "הוא הפסיק לחפש זיווג", "הוא נסע לחו\"ל", "לא קרה שום דבר מיוחד" ], נכון: 0, explanation: "שעות סופיות לרשום ולהמלא הכרת טוב, הוא התפלל מנחה - ותוך זמן קצר מצא את זיווגו! זו הדרך שעובדת!", רוחניות: "💫 כשפותחים את הלב בהודיה - ה' פותחת את שערי הברכה!" } ] }, { title: "שיעור 4: הצעד השני והשלישי - תפילה ובקשה", תוכן: ` < h2 > 🕐 צעד שני: תפילת מנחה ממוקדת < p > אחרי שכתבתם את רשימת ההודיה - הגיע הזמן להתפלל! < div class = "action-box" > < h3 > ⏰ מה לעשות: < p > < strong > לפנות ערב , בזמן תפילת המנחה, עמדה והתפללו בכוונה מיוחדת. < p > בקשת התפילה, < strong > חשבו על כל הדברים שרשמתם. < p > הרגישו כל מילה של < strong > "מודים אנחנו לך". ​​ פסוק​​​​​ "מודים אנחנו לך < br > אתה הוא ה' אלוקינו ואלוקי אבותינו < br > לעולם ועד ... " 💖 ​​ < p > זה לא סתם תפילה - זו < strong > תפילת הודיה אמיתית מכל הלב! < div class = "שאלה רוחנית" > 💭 תארו לעצמכם: עומדים לפני המלך - והוא שואל אתכם "על מה אתם מודה לי?". מה תגידו? ​​ < h3 > 🙏 צעד שלישי: עכשיו תבקשו! < p > < strong > רק אחרי שהתמלאתם הודיה - עכשיו תבקשו מהקדוש ברוך הוא: < div class = "קופסת לב" > "ריבונו של עולם, < br > כמו שעזרת לי בכל הדברים האלה שמניתי - < br > כמו שהיית עמי עד עכשיו - < br > תמשיך לעזור לי גם הלאה! < br > < br > תן לי את הזיווג המתאים < br > בשעה טובה ומוצלחת!" < br > 💑 ​​ < p > < strong > רואים את ההבדל? אתם לא באים ריקים. אתם באים < strong > מלאים בהכרת טוב! < div class = "השתקפות" > ✨ זה כמו שבא ילד לאבא שלו ואומר: "אבא, תודה על כל מה שעשית בשבילי! על הבית, האוכל, הבגדים, החינוך, האהבה... ועכשיו אני צריך עוד עזרה במשהו..." < br > < br > איזה אבא לא ירצה לעזור לילד כזה?! ​​ < h3 > 📅 תכנית שבועית < div class = "action-box" > < h3 > 💪 תרגיל מעשי לשבוע הקרוב: ​​ ​​ פסוק​​​​​ "לפני שמבקשים - להודות. < br > זה הוד של יצחק אבינו!" < br > 🌟 ​​ < div class = "שאלה רוחנית" > ❤️ האם אתם מוכנים חייבים לעשות את זה? זה יכול לשנות את הכל! ​​ < h3 > 💝 המסר המרכזי < div class = "קופסת לב" > הסדר הוא קריטי: < br > < br > ✅ קודם - הודיה על כל העבר < br > ✅ אחר כך - בקשה על עתיד < br > < br > למה זה עובד ?
כי כשאדם מודה, הוא פותח את השערים לקבל עוד! < br > 💫 ​​ < p > < strong > זכרו: יצחק הלך למקום של הודיה, התפלל תפילת הודיה, ומיד מצא את רבקה! < p > גם אתם יכולים! 💑✨ `, שאלות: [ { question: "מתי צריך להתפלל מנחה ממוקדת?", תשובות: [ "לפנות ערב, תוך כדי חשיבה על כל הדברים שרשמנו", בכל זמן שנוח רק בבוקר "רק בלילה לפני השינה" ], נכון: 0, explanation: "צריך להתפלל מנחה לפנות ערב, ובמהלך התפילה לחשוב על כל הדברים שרשמנו ברשימת ההודיה. להרגיש כל מילה של 'מודים אנחנו לך'.", רוחני: "⏰ זמן תפילת המנחה הוא זמן מיוחד להודיה - זה הזמן שיצחק בחר!" }, { שאלה: "מתי מבקשים את הזיווג?", תשובות: [ "רק אחרי שהתמלאנו הודיה והתפללנו", "לפני ההודיה", "במקום ההודיה", "לא צריך לבקש כלל" ], נכון: 0, explanation: "הסדר קריטי: רק אחרי שהתמלאנו הודיה והתפללנו - אז מבקשים! 'ריבונו של עולם, כמו שעזרת עד כה - תמשיך לעזור!'", רוחניות: "🎁 כשבאים מלאים בהכרת טוב - הבקשה שלנו הרבה יותר חזקה ומתקבלת!" }, { שאלה: "מה המסר המרכזי של כל השיעור?", תשובות: [ "קודם להודות על העבר, אחר כך לבקש על העתיד", "רק לבקש הרבה פעמים", "רק להודות בלי לבקש", "לחכות שהזיווג יבוא מעצמו" ], נכון: 0, הסבר: "המסר: קודם להודות על העבר - רק אחר כך לבקש על העתיד! זה הוד של יצחק אבינו שעבד עבורו ויעבוד גם עבורנו!" רוחניות: "💖 הודיה פותחת את שערי הברכה! זה הכלי העוצמתי ביותר שיש לנו!" } ] } ]; // הקשר שמע לצלילים תן להקשר שמע = null; פונקציה initAudio() { אם (!הקשר שמע) { הקשר שמע = חדש (window.הקשר שמע || window.webkitהקשר שמע)(); } } פונקציה playSound(תדרים, משך = 200) { initAudio(); const עכשיו = audioContext.currentTime; frequencies.forEach((freq, index) => { const מתנד = audioContext.createOscillator(); const gainNode = audioContext.createGain(); מתנד.חיבור(gainNode); gainNode.connect(audioContext.destination); מתנד.תדר.ערך = תדר; oscillator.type = 'סינוס'; const startTime = now + (אינדקס * משך / 1000); gainNode.gain.setValueAtTime(0.3, זמן התחלה); gainNode.gain.exponentialRampToValueAtTime(0.01, זמן התחלה + משך זמן / 1000); מתנד.התחלה(זמן התחלה); oscillator.stop(startTime + duration / 1000); }); } פונקציה צליל נכון() { playSound([523.25, 659.25, 783.99], 150); // CEG } פונקציה צליל שגוי () { playSound([392, 349.23], 200); // GF } השלמת פונקציה צליל () { הפעל צליל ([523.25, 659.25, 783.99, 1046.50, 783.99, 659.25], 180); } // ערבוב מערך פונקציה shuffle(array) { const מערך חדש = [...מערך]; עבור (תן i = newArray.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [מערך חדש[i], מערך חדש[j]] = [מערך חדש[j], מערך חדש[i]]; } להחזיר מערך חדש; } פונקציה getTotalSteps() { החזר שיעורים.הפחתה((סכום, שיעור) => סכום + שיעור.שאלות.אורך + 1, 0); } פונקציה getStepsBeforeCurrentLession() { החזר שיעורים.פרוסת(0, מצב_משחק.שיעור_נוכחי).הפחת((סכום, שיעור) => סכום + אורך_שיעור_שאלות + 1, 0); } // סרגל התקדמות העדכון פונקציה updateProgress(stage = 'intro') { const totalSteps = getTotalSteps(); תן לשלבים שהושלמו = 0; אם (שלב === 'מבוא') { צעדים שהושלמו = 0; } אחרת אם (שלב === 'שיעור') { שלבים שהושלמו = getStepsBeforeCurrentLesson() + 1; } אחרת אם (שלב === 'שאלה') { const שיעור נוכחי = שיעורים[מצבמשחק.שיעור נוכחי]; const questionIndex = Math.min(gameState.currentQuestion, currentLesson.questions.length - 1); שלבים שהושלמו = getStepsBeforeCurrentLesson() + 1 + (questionIndex + 1); } else if (stage === 'postLesson') { שלבים שהושלמו = getStepsBeforeCurrentLesson() + 1 + lessons[gameState.currentLesson].questions.length; } אחרת אם (שלב === 'סופי') { צעדים שהושלמו = סה"כ צעדים; } const progress = סך כל השלבים === 0 ? 0 : (שלבים שהושלמו / סך כל השלבים) * 100; document.getElementById('progressBar').style.width = התקדמות + '%'; } // הצג מסך פתיחה פונקציה showIntro() { תוכן const = document.getElementById('תוכן משחק'); תוכן.innerHTML = ` < div class = "intro-screen" > < h2 > 💑 ברוכים הבאים למסע מיוחד! 💖 < p > אתם עומדים ללמוד את < strong > הסוד הנסתר למציאת זיווג - < p > הסגולה שיצחק אבינו השתמש בה ומצא את רבקה! פסוק​​​​​ "לפני שמבקשים דבר חדש מה' - < br > קודם כל צריך להודות על העבר!" < br > ✨ ​​ < p > < strong > המסע שלנו כלול: < ul style = "יישור טקסט: ימין; גובה שורה: 2; תצוגה: בלוק מקוון; שוליים: 20 פיקסלים אוטומטי;" > < li > 💫 4 שיעורים מרגשים מהתורה < li > ❓ 12 שאלות לבדיקת הבנה < li > 💭 שאלות להעמקה רוחנית < li > 📝 הדרכה מעשית לשלושת הצעדים < li > 🏆 תעודת הצטיינות מיוחדת < li > 🎁 סיפורי ישועות מחזקים! ​​ < div class = "שאלה רוחנית" > 💖 זכרו: אנחנו לא רק לומדים - אנחנו מתחברים לאהבת ה' ופותחים שערי ברכה לחיינו! ​​ < div class = "קופסת לב" > הוד: הודיה פותחת שערים! < br > יצחק הלך למקום של הודיה, < br > התפלל תפילת הודיה, < br > ומצא את זיווגו! < br > 💫 ​​ < button class = "btn-primary" onclick = "startGame()" > 💑 בואו נתחיל את המסע! כפתור ​​ `; עדכון התקדמות ('מבוא'); } // התחלת המשחק פונקציה startGame() { מצבמשחק.שיעורנוכחי = 0; gameState.שאלה נוכחית = 0; מצבמשחק.ציון = 0; מצבמשחק.ציוןשיעור = 0; gameState.totalQuestions = 0; gameState.שם שחקן = ''; עדכון התקדמות ('שיעור'); הצג שיעור(); } // הצגת תוכן השיעור פונקציה showLesson() { שיעור const = שיעורים[מצבמשחק.שיעורנוכחי]; תוכן const = document.getElementById('תוכן משחק'); תוכן.innerHTML = ` < div class = "תוכן-שיעור" > < h2 style = "text-align: center; color: #fa709a;" > 📖 ${lesson.title} תוכן שיעור < button class = "btn-primary" onclick = "startQuiz()" > ✨ בואו נבדוק את ההבנה! כפתור ​​ `; עדכון התקדמות ('שיעור'); חלון.scrollTo(0, 0); } // התחלת בוחן לשיעור הנוכחי פונקציה startQuiz() { gameState.שאלה נוכחית = 0; מצבמשחק.ציוןשיעור = 0; הצג שאלה(); } // הצג שאלה פונקציה showQuestion() { שיעור const = שיעורים[מצבמשחק.שיעורנוכחי]; שאלה קבועה = שיעור.שאלות[מצבמשחק.שאלהנוכחית]; תוכן const = document.getElementById('תוכן משחק'); const תשובות מעורבבות = מעורבב(שאלה.תשובות.מאפה((תשובה, אינדקס) => ({ טקסט: תשובה, isCorrect: index === שאלה.correct }))); תוכן.innerHTML = ` < div class = "הצגת ציון" > 📊 ניקוד שיעור נוכחי: ${gameState.lessonScore}/${lesson.questions.length} | 🏆 ניקוד כולל: ${gameState.score}/${gameState.totalQuestions} ​​ < div class = "מיכל-שאלה" > < div class = "טקסט-שאלה" > 💑 שאלה ${gameState.currentQuestion + 1} מתוך ${lesson.questions.length}: < br > < br > ${שאלה.שאלה} ​​ ${תשובות שולפות.map((תשובה, אינדקס) => `} < button class = "answer-btn" data-correct = "${answer.isCorrect}" onclick = "checkAnswer(${answer.isCorrect}, ${index})" id = "answer${index}" > טקסט תשובה כפתור​​ `).הצטרף('')} < div class = " משוב" id = " משוב " > ​​ `; עדכון התקדמות ('שאלה'); חלון.scrollTo(0, 0); } // בדיקת תשובה function checkAnswer(isCorrect, btnIndex) { initAudio(); שיעור const = שיעורים[מצבמשחק.שיעורנוכחי]; שאלה קבועה = שיעור.שאלות[מצבמשחק.שאלהנוכחית]; משוב const = document.getElementById('משוב'); const btn = document.getElementById(`answer${btnIndex}`); document.querySelectorAll('.answer-btn').forEach((b) => { } ב.מושבת = נכון; אם (b.dataset.correct === 'true') { b.classList.add('נכון'); } }); gameState.totalQuestions++; אם (הוא נכון) { צליל נכון(); btn.classList.add('נכון'); מצב_משחק.ציון++; מצב_משחק.ציון_שיעור++; עידוד קבוע = [ 'מצוין! ⭐', כל הכבוד! 💪 נפלא! 🌟 'מדהים! ✨', יפה מאוד! 💖 ]; const אקראיעידוד = עידודים[Math.floor(Math.random() * encouragements.length)]; feedback.className = 'המשוב נכון'; משוב.innerHTML = ` $ { עידוד אקראי }​​​​​​​​ $ {שאלה.הסבר }
< div style = "margin-top: 20px; padding: 20px; background: rgba(255,255,255,0.9); border-radius: 12px; border-right: 4px solid #28a745;" > ${שאלה.רוחנית} ​​ `; } אחר { צליל שגוי(); btn.classList.add('שגוי'); feedback.className = 'משוב שגוי'; משוב.innerHTML = ` < strong > לא בדיוק... 🤔 < br > < br > $ {שאלה.הסבר }
< div style = "margin-top: 20px; padding: 20px; background: rgba(255,255,255,0.9); border-radius: 12px; border-right: 4px solid #dc3545;" > 💡 זה בסדר! גם בטעויות לומדים. נסה שוב בפעם הבאה! < br > ${שאלה.רוחנית} ​​ `; } קבע זמן קצוב(() => { const nextBtn = document.createElement('button'); nextBtn.className = 'btn-primary'; nextBtn.textContent = gameState.currentQuestion < lesson.questions.length - 1 ? '➡️ לשאלה הבאה' : '🎉 סיום שיעור!'; nextBtn.onclick = שאלה הבאה; משוב.appendChild(nextBtn); }, 1000); } // שאלה הבאה או סיום השיעור פונקציה שאלה הבאה () { שיעור const = שיעורים[מצבמשחק.שיעורנוכחי]; אם (gameState.currentQuestion < lesson.questions.length - 1) { gameState.שאלה נוכחית++; הצג שאלה(); } אחר { סיוםשיעור(); } } // סיום השיעור הנוכחי פונקציה סיום שיעור() { שיעור const = שיעורים[מצבמשחק.שיעורנוכחי]; תוכן const = document.getElementById('תוכן משחק'); const עבר = gameState.lessonScore >= 2; אם (עבר) { צליל השלמה(); } עדכון התקדמות ('פוסט שיעור'); תן הודעה = ''; אם (gameState.lessonScore === lesson.questions.length) { הודעה = ` < h2 style = "color: #28a745;" > 🏆 מושלם! אתה מבין! < p style = "font-size: 1.4em;" > ענת נכון על ${gameState.lessonScore}/${lesson.questions.length} שאלות! < p style = "font-size: 1.3em;" > 💫 אתה חי את ההודיה! ה' רואה את המאמץ שלך! `; } אחרת אם (עבר) { הודעה = ` < h2 style = "color: #ffc107;" > 💪 יפה מאוד! < p style = "font-size: 1.4em;" > ענת נכון על ${gameState.lessonScore}/${lesson.questions.length} שאלות! < p style = "font-size: 1.3em;" > 🌱 אתה בדרך הנכונה - ממשיך לצמוח! `; } אחר { הודעה = ` < h2 style = "color: #dc3545;" > 💖 בוא ננסה שוב < p style = "font-size: 1.4em;" > ענית נכון על ${gameState.lessonScore}/${lesson.questions.length} שאלות < p style = "font-size: 1.3em;" > לענות נכון לפחות על 2 שאלות כדי להמשיך. < p style = "font-size: 1.2em;" > באהבה וסבלנות - בוא ננסה שוב! 💝 `; } תוכן.innerHTML = ` < div style = "יישור טקסט: מרכז; ריפוד: 45 פיקסלים;" > הודעה עבר? ${gameState.currentLesson < lessons.length - 1 ? `}] < button class = "btn-primary" onclick = "nextLesson()" > 🚀 למעבר לשיעור הבא כפתור​​ ` : ` < button class = "btn-primary" onclick = "showFinalCertificate()" > 🎓 לסיום המסע ולתעודה! כפתור​​ `} ` : ` < button class = "btn-primary" onclick = "showLesson()" > 🔄 לחזרה על השיעור כפתור​​ `} ​​ `; חלון.scrollTo(0, 0); } // השיעור הבא פונקציה nextLession() { מצבמשחק.שיעורנוכחי++; gameState.שאלה נוכחית = 0; מצבמשחק.ציוןשיעור = 0; הצג שיעור(); } // הצגת תעודה סופית פונקציה showFinalCertificate() { תוכן const = document.getElementById('תוכן משחק'); אחוז קבוע = מצבמשחק.סה"כשאלות > 0 ? מתמטיקה.סיבוב((מצבמשחק.ציון / מצבמשחק.סה"כשאלות) * 100) : 0; תוכן.innerHTML = ` < div style = "יישור טקסט: מרכז; ריפוד: 45 פיקסלים;" > < h2 style = "color: #fa709a; font-size: 2.8em; margin-bottom: 30px;" > 🎉 מזל טוב! סיימת את המסע! 💑 ​​ < div class = "תצוגת-ניקוד" style = "גודל-גופן: 1.6em; שוליים: 35px 0;" > 📊 הציון הסופי שלך: ${gameState.score}/${gameState.totalQuestions} (${percentage}%) ​​ < div class = "שאלה-רוחנית" style = "גופן-גודל: 1.3em;" > 💖 "הודיה פותחת שערי ברכה - זה הוד של יצחק אבינו!" 💫 ​​ < div style = "שוליים: 45 פיקסלים 0; גובה שורה: 2.2; גודל גופן: 1.2 פיקסלים;" > < p > < strong > שאלות למחשבה: < p > 💭 מה למדתי על כוח ההודיה? < p > ❤️ איך אוכל ליישם את שלושת הצעדים החל מהיום? < p > 🙏 האם אני מוכן/ה להתחיל לכתוב רשימת הודיה עכשיו? ​​ < p style = "גודל גופן: 1.3em; שוליים: 35px 0;" > לקבלת תעודת הצטיינות מיוחדת, אנא הזן את שמך:

​​ < input type = "text" id = "playerName" class = "name-input" placeholder = "שם שלך..." > < button class = "btn-primary" onclick = "generateCertificate()" > 🎓 ליצירת התעודה! כפתור​​ ​​ `; עדכון התקדמות ('סופי'); חלון.scrollTo(0, 0); } // יצירת תעודה פונקציה יצירת תעודה() { const nameInput = document.getElementById('שם השחקן'); gameState.playerName = nameInput.value.trim() || 'תלמיד/ה יקר/ה'; תוכן const = document.getElementById('תוכן משחק'); אחוז קבוע = מצבמשחק.סה"כשאלות > 0 ? מתמטיקה.סיבוב((מצבמשחק.ציון / מצבמשחק.סה"כשאלות) * 100) : 0; צליל השלמה(); תוכן.innerHTML = ` תעודה​​​​​ < h2 > 🎓 תעודת הצטיינות 💑 < div class = "גוף-האישור" > < p style = "גודל גופן: 1.6em; שוליים: 25px 0;" > מוענקת בזאת ל:

​​ < h3 style = "גודל גופן: 2.8em; צבע: #fa709a; שוליים: 25px 0;" > ${gameState.playerName} ​​ < p style = "גודל גופן: 1.4em; גובה שורה: 2.2; שוליים: 35px 0;" > על השלמת המסע הלימודי < br > < strong > "סגולה נסתרת למציאת זיווג" < br > סוד התפילה של יצחק ורבקה

​​ < div style = "רקע: גרדיאנט ליניארי (135 מעלות, #fa709a 0%, #fee140 100%); צבע: לבן; ריפוד: 25 פיקסלים; רדיוס גבול: 15 פיקסלים; שוליים: 35 פיקסלים 0;" > < p style = "גודל גופן: 1.5em;" > 🏆 ציון: ${gameState.score}/${gameState.totalQuestions} (${percentage}%)

​​ ​​ פסוק​​​​​ "לפני שמבקשים - להודות" < br > זה הוד של יצחק אבינו! < br > 💫 ​​ < div class = "action-box" style = "margin: 35px 0; text-align: right;" > < h3 > 🎯 שלושת הצעדים: < p > < strong > 1. רשימת הודיה מפורטת (20+ דברים) < p > < strong > 2. תפילת מנחה ממוקדת < p > < strong > 3. בקשה אחרי הודיה ​​ < p style = "שוליים: 35 פיקסלים 0; גודל גופן: 1.2em; צבע: #666;" > תאריך: ${new Date().toLocaleDateString('he-IL')}

​​ ​​ < div style = "שוליים: 45 פיקסלים 0; ריפוד: 35 פיקסלים; רקע: rgba(255,255,255,0.25); רדיוס-גבול: 20 פיקסלים;" > < h3 style = "גופן-גודל: 2em; שוליים-תחתית: 25px;" > 💖 זכור: ההודיה היא המפתח! 🗝️ ​​ < p style = "גודל גופן: 1.3em; שוליים: 25px 0;" > התחל היום! קח דף וכתוב 20 דברים שאתה מודה עליהם. < br > התפלל מנחה בכוונה. < br > ובקש בביטחון - כמו יצחק אבינו!

​​ < p style = "גודל גופן: 1.4em; שוליים: 25px 0; משקל גופן: מודגש;" > הזיווג שלך מחכה! 💑✨

​​ ​​ < div style = "שוליים: 35 פיקסלים 0;" > < p style = "font-size: 1.2em;" > 💡 רוצה לשתף את ההצלחה? < button class = "btn-primary" onclick = "shareResults()" > 📤 שיתוף התעודה כפתור​​ ​​ ​​ `; עדכון התקדמות ('סופי'); חלון.scrollTo(0, 0); } // שתף תוצאות פונקציה שיתוף תוצאות() { const text = `🎓 סיימתי בהצלחה את המסע "סגולה נסתרת למציאת זיווג"!\n\n📊 הציון שלי: ${gameState.score}/${gameState.totalQuestions}\n\n💖 למדתי את הסוד של יצחק אבינו: הודיה פותחת שערי ברכה!\n\n: 052-713-9520`; אם (navigator.share) { navigator.share({ title: 'תעודת הצטיינות - סגולה למציאת זיווג', טקסט: טקסט }).catch(() => {}); } אחר { alert('העתק את הטקסט הזה:\n\n' + טקסט); } } // אתחול המשחק בעת טעינה window.onload = function() { הצג הקדמה(); }; גוף​​