אתר ברכה אינטראקטיבי מיוחד לחגיגת יום הולדתו ה-22 של יהב!
🌐 לינק לאתר החי: diegosucharczuk.github.io/Yahav
- ברכות מתחלפות - ברכות אישיות שמתחלפות כל 4 שניות
- תמונות רנדומליות - האתר יציג תמונות של יהב באופן רנדומלי מהתיקייה
- מוזיקה אמיתית - תמיכה בקבצי MP3 + מנגינות מובנות
- אפקטים אינטראקטיביים:
- 🎊 כפתור חגיגה עם קונפטי וטקסט מעופף
- 🎵 נגן מוזיקה מתקדם עם שירי יום הולדת
- 🎁 כפתור הפתעה עם זיקוקים, לבבות, קשת בענן וניצוצות
- 🔄 החלפת תמונות ידנית וסיבוב אוטומטי
- רקע מרהיב - אנימציות מתקדמות עם אפקטים צבעוניים
- עיצוב רספונסיבי - נראה מעולה במחשב ובמובייל
- תמיכה בעברית - תמיכה מלאה בטקסט עברי וכיוון RTL
- אנימציות חלקות - בלונים מעופפים ואפקטים ויזואליים מתקדמים
- התקנת תלויות:
npm install- הרצת שרת הפיתוח:
npm run dev- פתיחת הדפדפן בכתובת:
http://localhost:5175
- פתח את התיקייה:
public/images/ - העתק תמונות של יהב עם שמות כמו:
yahav1.jpgyahav2.pngbirthday1.jpegcelebration.jpg
- האתר יציג אותן באופן רנדומלי!
- פתח את התיקייה:
public/music/ - העתק קבצי MP3 עם שמות כמו:
birthday1.mp3happy-birthday.mp3celebration.mp3
- האתר יבחר שיר רנדומלי בכל הפעלה!
ערוך את המערך birthdayWishes בקובץ src/main.js להוספת ברכות נוספות.
ערוך את המשתנים בתחילת קובץ src/style.css לשינוי צבעי האתר.
האתר תומך בשני סוגי מוזיקה:
- קבצי MP3 - העתק קבצים לתיקיית
public/music/ - מנגינות מובנות - אם אין MP3, האתר ינגן מנגינות שנוצרות באמצעות Web Audio API
ערוך את הקובץ src/main.js ושנה את המספר 8000 (מילישניות) בפונקציה startRotation.
- Chrome ✅
- Firefox ✅
- Safari ✅
- Edge ✅
- מובייל ✅
- תמונות: האתר יציג תמונות של יהב באופן אוטומטי ורנדומלי
- החלפת תמונה: לחץ על "🔄 תמונה אחרת" לתמונה חדשה
- סיבוב תמונות: לחץ על "⏸️ עצור סיבוב" או "
▶️ התחל סיבוב" - מוזיקה: לחץ על "🎵 מוזיקה" לשמיעת שירי יום הולדת!
- חגיגה: לחץ על "🎊 בואו נחגוג!" לקונפטי והודעות חגיגיות
- הפתעות: לחץ על "🎁 הפתעה!" לאפקטים מיוחדים רנדומליים
יהב יקר, מאחלים לך יום הולדת שמח ושנת 22 מלאה בהצלחות, אושר ובריאות! 🎉
נוצר באהבה עבור יהב בן ה-22! 🎂✨