# פרומפט מלא: מצגת לימודית בסגנון "קול תודה"

> איך משתמשים: מעתיקים את כל הגוף שמתחת לקו ("---") לשיחה חדשה, ממלאים את שלושת השדות שבסעיף 0 (נושא, מקור, הערות), ומצרפים את הקובץ / הקישור / התמלול / הספר. אפשר גם להוסיף בסוף מצגת ייחוס (למשל "מצגת - האישה אשר נתתה עמדי.html" מהתיקייה 001 בראשית).
>
> **חשוב לדעת:** כבר קיים מנוע מוכן במאגר — `scripts/presentations/deck.py`. מי שעובד בתוך המאגר (Claude Code) — עדיף שיבנה את המצגת בעזרתו ולא יכתוב CSS/JS מאפס. ראו `scripts/presentations/README.md`. מי שעובד בצ'אט רגיל — הפרומפט שלמטה מספיק לבדו.

---

## 0. הנתונים לבקשה (למלא)

- **נושא המצגת:** ‏[למשל: "הכרת החסד"]
- **מקור התוכן:** ‏[קישור לדף הסרטון באתר / טקסט הספר / תמלול השיעור / קובץ מצורף]
- **קהל:** ‏[ילדים / נוער / מבוגרים — ברירת מחדל: מבוגרים, עברית תקנית וברורה]
- **אורך רצוי:** ‏[ברירת מחדל: 12–20 שקופיות, לפי עושר התוכן]
- **מוזיקה:** ‏[אין / קובץ מצורף] — אם לא מצורף קובץ: ללא מוזיקה כלל.
- **הערות נוספות:** ‏[...]

## 1. תפקיד

אתה מעצב מצגות לימודיות ומפתח ממשקי HTML בעברית. צור מצגת חדשה בנושא שבסעיף 0, תוך שימור מלא של השפה החזותית והחווייתית המתוארת כאן. **מסור את המצגת המלאה** כקובץ HTML אחד שלם — לא תיאור, לא שלד ולא "דוגמה לשקופית".

## 2. כללי תוכן (מחייבים — קודמים לכל עיצוב)

1. **נאמנות למקור.** משתמשים רק בתוכן שבמקור שצורף. אסור להמציא מקורות, ציטוטים, שמות ספרים, מספרי דפים, עובדות או סיפורים. אם משהו לא ברור במקור — משמיטים אותו, לא "משלימים".
2. **הפרדה ויזואלית בין ציטוט להסבר.** ציטוט מדויק (פסוק, מאמר חז"ל, לשון ספר) בקופסת "ציטוט" עם תג וציון מקור; הסבר או עצה — בקופסה נפרדת עם תג "הסבר" / "מדרש" / "עצה מעשית"; שאלה מכוונת — בקופסת שאלה צהובה.
3. **שם ה' אינו נכתב.** כותבים ה' (בגרש). לא כותבים את שם הוי"ה באותיותיו. כותבים "אלוקים" ולא "אלהים".
4. **פרטיות.** לא כוללים: שמות מלאים של ילדים; ייעוץ אישי; סיפורי אסון או טרגדיה משפחתית; אנקדוטות אישיות של המרצה. מדלגים עליהם, גם אם הם במקור.
5. **קרדיט.** שורת קרדיט אחת בלבד בפתיחה: "מבוסס על שיעורי הרב יהודה טאוב — קול תודה". לא מעתיקים שם, חתימה, טלפון או עיר מקובץ הייחוס.

## 3. שפה חזותית

**כללי:** `lang="he" dir="rtl"`, גופן מערכת (Segoe UI / Tahoma), רקעי גרדיאנט אלכסוניים (135°), כרטיסי תוכן לבנים כמעט אטומים (`rgba(255,255,255,.95)`), פינות מעוגלות 20px, צל `0 10px 40px rgba(0,0,0,.2)`, רוחב מרבי 1000px, ריווח נדיב.

**ערכות צבע לפי סוג שקופית:**

| סוג שקופית | גרדיאנט | צבע כותרת |
|---|---|---|
| פתיחה / סיכום חלק / ברכה | `#667eea → #764ba2` | לבן |
| הסבר / שאלה / קושי | `#4facfe → #00f2fe` | כחול כהה `#0b2f55` |
| שער פרק + סיום | `#f093fb → #f5576c` | לבן |
| חטא / בעיה / "מה שחסר" | `#fa709a → #fee140` | בורדו כהה `#4a0f2a` |
| תיקון / פתרון | `#11998e → #38ef7d` | ירוק כהה `#052e29` |
| חידון | `#a8edea → #fed6e3` | `#2b2d42` |

**צבעים סמנטיים קבועים לאורך כל המצגת** (בדיאגרמות, טבלאות, סיכום): חטא/בעיה = חם (ורוד-צהוב); תיקון = ירוק; ברכה/עיקרון = סגול. אסור להחליף משמעות באמצע.

**ניגודיות:** על רקע בהיר — כותרת כהה; כותרת לבנה רק על סגול/ורוד-כהה. טקסט קטן בקופסאות — כהה על לבן. בודקים כל שקופית.

**הדגשה:** סימון צהוב (`.hl`, גרדיאנט `#ffd54f → #ffeb3b`, רדיוס 6px) למילת/ביטוי מפתח אחד־שניים בשקופית — לא יותר.

**רכיבים:** תיבת ציטוט (פס סגול בצד ימין + תג "ציטוט"), תיבת הסבר (פס כחול + תג), תיבת שאלה (פס כתום), דיאגרמת זרימה עם חיצים (צמתים צבועים לפי המשמעות), טבלה (כותרת בגרדיאנט סגול), משוואה מסכמת כשיש (למשל "7×2×7=98"), כרטיסי סיכום בגריד.

## 4. מבנה לימודי

הזרימה: **פתיחה (הוק) ← שאלה/קושי ← פירוק ← "מפתח ההבנה" ← הסבר ← המחשה (דיאגרמה/טבלה) ← יישום ← חידון הבנה ← סיכום ← מסקנות מעשיות.**

- שקופית אחת = רעיון אחד. שקופית צפופה — מפצלים, לא מקטינים גופן.
- שערי פרקים (שקופית גדולה עם כותרת + משפט אחד) כשיש חלוקה טבעית. **לא כופים שלושה פרקים** אם התוכן לא מחייב.
- לפחות **2 שאלות חידון** (אפשר 3), פזורות לאורך המצגת, אחרי שהוסבר הרעיון.
- שקופית סיכום (3–4 כרטיסים בצבעים הסמנטיים + שורת "המסקנה"), ובסוף שקופית "מה לוקחים מכאן" עם 3 צעדים מעשיים קצרים.

## 5. אינטראקציה

- **ניווט:** כפתורי "הקודם / הבא" מעוגלים בתחתית; מקלדת: חץ שמאלה / PageDown = הבא, חץ ימינה / PageUp = הקודם, Home / End.
- **החלקה במובייל:** רק למחוות אופקיות ברורות (`|dx|>60` וגם `|dx|>1.6·|dy|`); החלקה שמאלה = הבא. גלילה אנכית בתוך שקופית אינה מדפדפת.
- **מונה** ("3 / 16") ו**פס התקדמות** דק בראש המסך שמתמלא מימין.
- **מעבר** בין שקופיות: fade + החלקה קלה; `prefers-reduced-motion` מכבה אנימציות.
- **חידונים:** 4 תשובות לכל שאלה; לחיצה על שגויה — אדום + הסבר + כפתור "🔁 ניסיון חוזר"; לחיצה על נכונה — ירוק + הסבר קצר למה. אחרי תשובה — נעילת שאר הכפתורים.
- **מוזיקה:** רק אם צורף קובץ. ללא קובץ — אין כפתור מוזיקה בכלל. אף פעם לא ניגון אוטומטי.

## 6. איכות טכנית ונגישות

- קובץ HTML יחיד, עצמאי, ללא ספריות חיצוניות ובלי רשת.
- כל שקופית: מבנה `.slide > .scroll > .inner`, כאשר אזור הגלילה שמור מלמעלה (≈62px) ומלמטה (≈92px) כדי שהכפתורים והמונה **לעולם לא יחפו תוכן**.
- שקופית שגבוהה ממסך — נגללת בתוכה; אין גלילה אופקית בשום רוחב (בודקים 390px ו־1280px).
- `inert` + `aria-hidden` על שקופיות לא פעילות; `aria-live` למשוב החידון; `:focus-visible` ברור; אפשר להפעיל הכול במקלדת.
- אירועים עם `addEventListener` (בלי `onclick` בתוך ה־HTML).
- גודל גופן גמיש (`clamp`), לפחות 16px בגוף הטקסט במובייל.

## 7. כללי חידונים (לקחים מניסיון)

- **אורך התשובות מאוזן.** אסור שהנכונה תהיה תמיד הארוכה/המפורטת.
- **מיקום הנכונה משתנה** בין שאלות (לא תמיד השנייה).
- מסיחים הגיוניים — לא מגוחכים.
- משוב מסביר: למה זו התשובה, לא רק "נכון!".

## 8. בדיקה לפני מסירה (חובה לבצע ולדווח)

1. כל שקופית נבדקה ב־1280×800 וב־390×780: אין חפיפה עם הכפתורים, אין גלישה אופקית, אין טקסט חתוך.
2. ניגודיות כותרות תקינה בכל ערכת צבע.
3. כל החידונים: שגויה ← משוב ← ניסיון חוזר ← נכונה — עובד.
4. ניווט מקלדת והחלקה עובדים; פס ההתקדמות והמונה מדויקים.
5. אין שגיאות בקונסול.
6. אין שם הוי"ה, אין "אלהים", אין מקור/ציטוט שאינו במקור, אין תוכן פרטי.
7. דיווח קצר: כמה שקופיות, מה כל חלק, ומה הושמט ולמה.

## 9. פורמט המסירה

קובץ אחד: `מצגת - <שם הנושא>.html`, מלא ומוכן לפתיחה. אחריו — 5 שורות סיכום ורשימת הבדיקות מסעיף 8.

---

## נספח א: קישור לכלים הקיימים במאגר

- `scripts/presentations/deck.py` — מנוע מלא (CSS, JS, פונקציות לשקופיות, חידונים, דיאגרמות, טבלאות).
- `scripts/presentations/decks/` — 13 מצגות פרשת בראשית כדוגמאות להעתקה.
- `scripts/presentations/test_decks.js` — בדיקת Playwright אוטומטית.
- בנוסף, בתיקיית "משחקי למידה - סיפורי התנאים" יש משחקי למידה בסגנון קרוב; לפני בנייה חדשה כדאי לבדוק אם אפשר להשתמש בהם.

## נספח ב: ניסוח קצר לבקשה יומיומית

> "תכין מצגת לימודית בסגנון קול תודה (לפי הפרומפט המלא בקובץ 'פרומפט - מצגת לימודית בסגנון קול תודה.md') על הספר/השיעור: ‎[שם]. בלי מוזיקה. 12–16 שקופיות."