#miketz-app-wrapper { –royal-blue: #1a2a44; –deep-gold: #c5a059; –parchment: #fdfaf3; –text-dark: #2c3e50; –white: #ffffff; font-family: 'Assistant', sans-serif; background-color: var(–parchment); background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23d4c5a5" fill-opacity="0.15"%3E%3Cpath d="M1 1h2v2H1V1zm4 4h2v2H5V5zm4 4h2v2H9V9zm4 4h2v2h-2v-2z" /%3E%3C/g%3E%3C/svg%3E'); display: flex; flex-direction: column; min-height: 850px; width: 100%; color: var(–text-dark); position: relative; box-sizing: border-box; direction: rtl; line-height: 1.6; text-align: right; border-radius: 12px; overflow: hidden; border: 1px solid #d4c5a5; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } #miketz-app-wrapper * { box-sizing: border-box; } #miketz-app-wrapper header { text-align: center; padding: 35px 15px; background: var(–royal-blue); color: white; border-bottom: 5px solid var(–deep-gold); background-image: linear-gradient(135deg, #1a2a44 0%, #2c3e50 100%); } #miketz-app-wrapper header h1 { margin: 0; color: var(–deep-gold); font-family: 'Frank Ruhl Libre', serif; font-size: 2.4rem; line-height: 1.2; border: none; } #miketz-app-wrapper .main-container { display: flex; flex: 1; overflow: hidden; } #miketz-app-wrapper .timeline { width: 280px; background: #fff; overflow-y: auto; border-left: 1px solid #e0d7c6; display: flex; flex-direction: column; flex-shrink: 0; } #miketz-app-wrapper .timeline-item { padding: 18px 15px; border-bottom: 1px solid #f2f2f2; cursor: pointer; border-right: 5px solid transparent; transition: all 0.25s ease; } #miketz-app-wrapper .timeline-item:hover { background: #fdfaf3; } #miketz-app-wrapper .timeline-item.active { background: #fffde7; border-right-color: var(–deep-gold); } #miketz-app-wrapper .workspace { flex: 1; padding: 40px 25px; overflow-y: auto; display: flex; justify-content: center; background: rgba(255,255,255,0.2); padding-bottom: 100px; } #miketz-app-wrapper .card { background: white; width: 100%; max-width: 850px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.08); border: 1px solid #eee; overflow: hidden; height: fit-content; } #miketz-app-wrapper .image-container { width: 100%; height: 380px; position: relative; background-color: #000; display: flex; justify-content: center; align-items: center; } #miketz-app-wrapper .stage-image { width: 100%; height: 100%; object-fit: contain; } #miketz-app-wrapper .image-overlay { position: absolute; bottom: 0; right: 0; left: 0; background: linear-gradient(to top, rgba(0,0,0,0.85), transparent); padding: 30px; color: white; } #miketz-app-wrapper .card-content { padding: 40px; } #miketz-app-wrapper .source-badge { background: #f0f4f8; color: var(–royal-blue); padding: 5px 12px; border-radius: 6px; font-size: 0.9rem; font-weight: 600; display: inline-block; margin-bottom: 15px; border-right: 4px solid var(–deep-gold); } #miketz-app-wrapper .lesson-content { font-size: 1.2rem; white-space: pre-line; margin-bottom: 30px; color: #34495e; } #miketz-app-wrapper .reflection-box { background: #fdfaf3; padding: 25px; border-radius: 10px; border: 1px dashed var(–deep-gold); } #miketz-app-wrapper .step-title { font-family: 'Frank Ruhl Libre', serif; font-size: 2.1rem; color: var(–deep-gold); line-height: 1.1; margin-bottom: 5px; } /* Infographic Styles */ .infographic-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px; } .info-box { background: #fff; border: 1px solid #e0d7c6; border-radius: 10px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.02); display: flex; flex-direction: column; } .info-box.full-width { grid-column: span 2; } .info-box h3 { margin-top: 0; color: var(–royal-blue); border-bottom: 2px solid var(–deep-gold); padding-bottom: 10px; font-size: 1.3rem; display: flex; align-items: center; gap: 10px; } .stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; text-align: center; } .stat-grid.triple { grid-template-columns: repeat(3, 1fr); } .stat-item { background: var(–parchment); padding: 15px; border-radius: 8px; } .stat-val { font-size: 1.5rem; font-weight: bold; color: var(–deep-gold); display: block; } .stat-label { font-size: 0.9rem; color: #666; } .wisdom-list, .stages-list { list-style: none; padding: 0; margin: 0; } .wisdom-list li, .stages-list li { padding: 8px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; gap: 10px; } .icon-circle { width: 24px; height: 24px; background: var(–deep-gold); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; flex-shrink: 0; } #miketz-app-wrapper .btn-action { background: var(–royal-blue); color: white; border: none; padding: 12px 25px; cursor: pointer; border-radius: 6px; font-weight: bold; margin-top: 15px; font-family: inherit; transition: background 0.3s; } #miketz-app-wrapper .btn-action:hover { background: #2c3e50; } #miketz-app-wrapper .app-footer { padding: 15px; background: #fff; border-top: 1px solid #e0d7c6; text-align: center; position: absolute; bottom: 0; width: 100%; } .print-all-btn { background: transparent; color: var(–royal-blue); border: 2px solid var(–royal-blue); padding: 8px 20px; border-radius: 20px; cursor: pointer; font-weight: bold; transition: all 0.3s; } .print-all-btn:hover { background: var(–royal-blue); color: white; } @media (max-width: 768px) { #miketz-app-wrapper .main-container { flex-direction: column; } #miketz-app-wrapper .timeline { width: 100%; height: auto; flex-direction: row; overflow-x: auto; border-left: none; border-bottom: 1px solid #e0d7c6; } #miketz-app-wrapper .timeline-item { min-width: 160px; text-align: center; padding: 12px; } #miketz-app-wrapper .image-container { height: 260px; } #miketz-app-wrapper .card-content { padding: 25px; } .infographic-container { grid-template-columns: 1fr; } .info-box.full-width { grid-column: span 1; } .stat-grid.triple { grid-template-columns: 1fr 1fr; } } @media (max-width: 480px) { .stat-grid { grid-template-columns: 1fr; } .stat-grid.triple { grid-template-columns: 1fr; } } /* Print Collection styles */ #printable-collection { display: none; } @media print { body * { visibility: hidden; } #printable-collection, #printable-collection * { visibility: visible; } #printable-collection { display: block !important; position: absolute; top: 0; left: 0; width: 100%; background: white; } .print-page { page-break-after: always; padding: 40px; border: 1px solid #eee; margin-bottom: 20px; } .print-card-title { font-family: 'Frank Ruhl Libre', serif; font-size: 28pt; color: #1a2a44; border-bottom: 2px solid #c5a059; margin-bottom: 20px; } .print-img { width: 100%; max-height: 400px; object-fit: contain; margin-bottom: 20px; border: 1px solid #ddd; } .print-text { font-size: 14pt; line-height: 1.6; white-space: pre-line; text-align: justify; } } /* Gematria Highlight Box */ .gematria-math { background: #f0f4f8; padding: 15px; border-radius: 8px; margin: 15px 0; border-right: 5px solid var(–royal-blue); } .gematria-math span { font-weight: bold; color: var(–royal-blue); }

סוֹד חֲלוֹמוֹת מִקֵּץ וְרִמְזֵי חֲנֻכָּה

גילוי הרמזים והסודות המסתתרים בין הפסוקים

(function() { const miketzData = [ { title: "מַפַּת הַסּוֹדוֹת הַחֲזוּתִית", source: "סיכום אינפוגרפי", type: "infographic", image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/Gemini_Generated_Image_kbn584kbn584kbn5-scaled.png", content: "ריכוז ויזואלי של כל הרמזים המרכזיים בפרשת מקץ וסודות חג החנוכה.", prompt: "איזה נתון מהאינפוגרפיה הכי הפתיע אותך?" }, { title: "מִקֵּץ וְהַגּוֹאֵל הַבָּא", source: "סוד האותיות / מדרש", image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/Gemini_Generated_Image_kbn584kbn584kbn5-scaled.png", content: "מִקֵּץ שְׁנָתַיִם יָמִים; וּפַרְעֹה חֹלֵם – ראשי תיבות משיחו (בסדר מעורב). פרעה השני חלם על 'משיחו', הוא משה רבנו (345 בגימטריה), הגואל שיחלץ את ישראל ממצרים.nnפרעה (355 בגימטריה) התגאה שהוא '10 יותר ממשה'. הוא לא ידע שעבור ה-10 הללו הוא יקבל 10 מכות. הקב"ה עושה רבים ביד מעטים, ויוסף הוא זה שנדרש לפתור את החלום כדי לצאת מהבור ולהתחיל את תהליך הגאולה.", prompt: "איך הידיעה שיש 'קץ' לכל קושי עוזרת לך לעבור רגעים מאתגרים?" }, { title: "סוֹד ה-190 וּכְתוֹנֶת הַפַּסִּים", source: "מדרש / גימטריה", image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/Gemini_Generated_Image_aeazjzaeazjzaeaz-scaled.png", content: "הקב"ה הבטיח 400 שנות גלות לאברהם, אך עם ישראל ירד למצרים רק ל-210 שנים. החסר הוא 190, כמניין 'קץ' (קץ שם לחושך).nnהיכן רמוזות 190 השנים הללו? במילה 'פסים' (מכתונת הפסים): פ=80 שנה שיוסף מלך במצרים, סים=110 שנים שיוסף חי. יחד 190. בזכות ייסורי יוסף בכלא (12 שנים), נחסכו מעם ישראל שנות גלות קשות והם יצאו בכבוד.", prompt: "חשבי על מקרה שבו ויתור או קושי של אדם אחד הקל משמעותית על אחרים." }, { title: "חֲלוֹם בְּתוֹךְ חֲלוֹם", source: "גמרא / מפרשים", image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/Gemini_Generated_Image_fgm6dwfgm6dwfgm6-scaled.png", content: "אצל יעקב אבינו כתוב 'ויקץ', ואילו אצל פרעה כתוב 'וייקץ פרעה והנה חלום'. פרעה חלם שהוא התעורר, ואז חלם שהוא ישן שנית – חלום בתוך חלום.nnהחרטומים ניסו לפתור ('תוליד 7 בנות ותקבור 7 בנות'), אך פרעה לא קיבל את הפתרון. הגמרא מלמדת שהחלום הולך אחר הפה רק כשהחולם מאמין ומקבל את הפתרון בלי סתירה מחכם אחר. לכן פרעה המשיך לחפש עד שמצא את יוסף.", prompt: "למה לדעתך חשוב לא לספר חלומות טובים לכל אחד?" }, { title: "שִׁבְעַת הַהֲבָלִים וְשִׁבְעַת הַהֲנָאוֹת", source: "שלמה המלך / הרב חיד"א", image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/Gemini_Generated_Image_aeazjzaeazjzaeaz-1-scaled.png", content: "7 הפרות רומזות ל-7 תקופות בחיי אדם: מלך (תינוק), חזיר (נובר), גדי (מקפץ), סוס (מתייפה), חמור (עובד), כלב (חצוף) וקוף (זקן).nnכמו כן, הרב חיד"א מלמד על 7 סוגי הנאות גשמיות בעולם: אוכל, שתייה, לבוש, טיולים, בתים, נשים וכסף. יוסף מלמד אותנו שהעולם הזה הוא חלום, וצריך להתעורר אל המהות הרוחנית.", prompt: "איזה 'הבל' מהשבעה הכי מעסיק את העולם היום לדעתך?" }, { title: "צָפְנַת פַּעְנֵחַ וְשֶׁבַע הַחָכְמוֹת", source: "רבינו האר"י / חיד"א", image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/Gemini_Generated_Image_kbn584kbn584kbn5-1-scaled.png", content: "השם שנתן פרעה ליוסף טומן בחובו סודות עמוקים על נשמתו וחכמתו:nnnיוסף הנהיג כ'אַבְרֵךְ' – אב בחכמה ורך בשנים, שעמד בניסיונות העוני והעושר.", prompt: "איזו מהחכמות (רפואה, ניגון, היגיון וכו') היית רוצה שתהיה הכלי המרכזי שלך?" }, { title: "רִמְזֵי חֲנֻכָּה בַּפָּרָשָׁה", source: "הרב יוסף עדס / חיד"א", image: "https://www.yoursuccesstoolbox.com/wp-content/uploads/2025/12/Gemini_Generated_Image_aeazjzaeazjzaeaz-2-scaled.png", content: "פרשת מקץ מכילה בדיוק 2025 מילים: נר=250. 8 נרות כפול 250 = 2000, ועוד כ"ה (בכסלו) = 2025.nnרמזים נוספים:n'וּטְבֹחַ טֶבַח' – טבח בגימטריה 44 (כמניין הנרות והשמשים).n'וְהָכֵן' – אותיות חנוכה.n'זאת עשו וחיו' – 'זאת' רמז לשבת (ז), ראש חודש (א), ומילה (ת) – המצוות עליהן גזרו היוונים.", prompt: "איך אור החנוכה מאיר לך את ה'קץ' של החושך האישי שלך?" } ]; let currentStep = 0; const userNotes = {}; function renderNav() { const nav = document.getElementById('miketz-nav'); if(!nav) return; nav.innerHTML = "; miketzData.forEach((item, idx) => { const el = document.createElement('div'); el.className = `timeline-item ${idx === currentStep ? 'active' : "}`; el.innerHTML = ` `; el.onclick = () => { currentStep = idx; renderNav(); renderCard(); }; nav.appendChild(el); }); } function renderCard() { const item = miketzData[currentStep]; const area = document.getElementById('miketz-content-area'); if(!area) return; if (item.type === "infographic") { renderInfographic(area, item); return; } area.innerHTML = ` `; document.getElementById('next-btn').onclick = () => { const txt = document.getElementById(`note-${currentStep}`).value; userNotes[currentStep] = txt; if(currentStep < miketzData.length – 1) { currentStep++; renderNav(); renderCard(); } else { showFinalModal(); } }; } function renderInfographic(area, item) { area.innerHTML = ` `; } function showFinalModal() { const modal = document.createElement('div'); modal.className = 'modal-overlay'; modal.innerHTML = ` `; document.getElementById('miketz-app-wrapper').appendChild(modal); } window.printAllCards = function() { const printContainer = document.getElementById('printable-collection'); let html = "; miketzData.forEach(item => { html += ` `; }); printContainer.innerHTML = html; window.print(); }; renderNav(); renderCard(); })();