🙏🙏🙏קלף יומי לדיאטה 🙏🙏🙏שלך לנשים בלבד

קלף השראה יומי – מסע הרזיה :root { –primary-color: #2c5aa0; –secondary-color: #ffd700; –background-gradient: linear-gradient(135deg, #a8e6cf 0%, #88d8a3 100%); –card-shadow: 0 10px 25px rgba(0,0,0,0.15); –button-gradient: linear-gradient(135deg, #7fcdcd 0%, #95e1d3 100%); } * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } html { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: var(–background-gradient); background-attachment: fixed; min-height: 100vh; width: 100vw; max-width: 100%; display: flex; flex-direction: column; align-items: center; padding: 12px 8px 25px; color: var(–primary-color); overflow-x: hidden; position: relative; } .container { width: calc(100vw – 16px); max-width: 480px; text-align: center; display: flex; flex-direction: column; align-items: center; padding: 0; margin: 0 auto; } .header { margin-bottom: 20px; width: 100%; } .title { color: var(–primary-color); font-size: 1.6rem; font-weight: bold; margin-bottom: 18px; text-shadow: 2px 2px 4px rgba(255,255,255,0.5); line-height: 1.3; word-break: break-word; padding: 0 15px; overflow-wrap: break-word; hyphens: auto; } .inspiration-circle { width: 75px; height: 75px; border-radius: 50%; margin: 0 auto 18px; box-shadow: 0 8px 20px rgba(0,0,0,0.2); overflow: hidden; border: 4px solid var(–secondary-color); } .inspiration-circle img { width: 100%; height: 100%; object-fit: cover; } .motivation-text { color: var(–primary-color); font-size: 1rem; font-weight: 600; line-height: 1.6; text-shadow: 1px 1px 2px rgba(255,255,255,0.5); margin-bottom: 20px; padding: 0; word-break: break-word; } .upload-section { margin: 0 0 20px; padding: 12px; background: rgba(255, 255, 255, 0.35); border-radius: 15px; width: 100%; } .upload-section h3 { margin-bottom: 10px; font-size: 1.1rem; color: var(–primary-color); } .upload-button { background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%); color: var(–primary-color); border: none; padding: 11px 18px; font-size: 0.95rem; font-weight: bold; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.2); width: 100%; max-width: 260px; touch-action: manipulation; } .upload-button:active { transform: scale(0.96); box-shadow: 0 2px 8px rgba(0,0,0,0.2); } .image-preview-container { margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; } .image-preview { width: 55px; height: 55px; border-radius: 8px; border: 2px solid var(–primary-color); object-fit: cover; } .card-container { perspective: 1000px; margin-bottom: 20px; width: 100%; display: flex; justify-content: center; touch-action: pan-y; } .card { width: calc(100vw – 60px); height: calc(100vw – 60px); max-width: 300px; max-height: 300px; background: white; border-radius: 50%; border: 5px solid var(–secondary-color); box-shadow: var(–card-shadow); display: flex; flex-direction: column; overflow: hidden; transition: transform 0.3s ease; position: relative; } .card-image { width: 100%; height: 35%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #e8f5e8 0%, #d4f1d4 100%); border-radius: 50% 50% 0 0; overflow: hidden; } .card-image img { width: 70%; height: 70%; object-fit: cover; border-radius: 50%; box-shadow: 0 4px 10px rgba(0,0,0,0.2); display: block; } .card-content { padding: 12px 10px; height: 65%; display: flex; flex-direction: column; justify-content: center; background: white; border-radius: 0 0 50% 50%; overflow: hidden; } .card-title { font-size: 1.15rem; font-weight: bold; margin-bottom: 8px; color: var(–primary-color); word-break: break-word; } .card-message { font-size: 0.88rem; line-height: 1.45; color: var(–primary-color); word-break: break-word; } .draw-button { background: var(–button-gradient); color: var(–primary-color); border: none; padding: 14px 25px; font-size: 1.05rem; font-weight: bold; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 8px 20px rgba(0,0,0,0.2); margin-bottom: 18px; width: 100%; max-width: 320px; touch-action: manipulation; } .draw-button:active { transform: scale(0.96); box-shadow: 0 4px 12px rgba(0,0,0,0.2); } .progress { background: rgba(255,255,255,0.3); border-radius: 12px; padding: 11px 12px; margin-top: 8px; width: 100%; } .progress-text { color: var(–primary-color); font-size: 0.92rem; margin-bottom: 7px; font-weight: 600; } .progress-bar { background: rgba(255,255,255,0.4); height: 9px; border-radius: 5px; overflow: hidden; } .progress-fill { background: linear-gradient(90deg, #7fcdcd, #a8e6cf); height: 100%; border-radius: 5px; transition: width 0.5s ease; } .hidden { display: none !important; } .protected-content { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px) scale(0.9); } to { opacity: 1; transform: translateY(0) scale(1); } } /* אופטימיזציה למסכים קטנים */ @media (max-width: 380px) { body { padding: 10px 6px 20px; } .container { width: calc(100vw – 12px); } .title { font-size: 1.45rem; margin-bottom: 15px; } .inspiration-circle { width: 68px; height: 68px; margin-bottom: 15px; border-width: 3px; } .motivation-text { font-size: 0.93rem; margin-bottom: 18px; } .card { width: calc(100vw – 50px); height: calc(100vw – 50px); border-width: 4px; } .card-title { font-size: 1.05rem; } .card-message { font-size: 0.83rem; } .upload-section { padding: 10px; } .image-preview { width: 48px; height: 48px; } } /* אופטימיזציה למסכים גדולים */ @media (min-width: 500px) { body { padding: 20px 15px 30px; } .title { font-size: 1.9rem; } .motivation-text { font-size: 1.1rem; } .card-title { font-size: 1.3rem; } .card-message { font-size: 1rem; } }

קלף השראה יומי

נוף יפה

כל יום הוא הזדמנות חדשה להפוך לגרסה הטובה ביותר של עצמך. המסע שלך להורדה במשקל הוא לא רק על המספרים על המאזניים – זה על בריאות, ביטחון עצמי ואיכות חיים משופרת! debby ryan nude

העלאת תמונות משלך

התקדמות במסע: 0/13 קלפים
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('contextmenu', function(e) { e.preventDefault(); return false; }); }); const cards = [ { image: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=400&q=80", title: "התחלה חדשה", message: "כל יום הוא הזדמנות חדשה להתחיל. הגוף שלך מסוגל לדברים מדהימים כשאתה נותן לו את מה שהוא צריך – תזונה נכונה, פעילות ואהבה עצמית." }, { image: "https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?auto=format&fit=crop&w=400&q=80", title: "כוח הרצון", message: "הרצון שלך לשינוי חזק יותר מכל תירוץ. כל צעד קטן שאתה לוקח היום מקרב אותך למטרה. תאמין בעצמך – אתה יכול!" }, { image: "https://images.unsplash.com/photo-1490645935967-10de6ba17061?auto=format&fit=crop&w=400&q=80", title: "בריאות היא עושר", message: "השקעה בבריאות שלך היא השקעה בעתיד שלך. כל בחירה בריאה שאתה עושה היום היא מתנה לעצמך של מחר." }, { image: "https://images.unsplash.com/photo-1544367567-0f2fcb009e0b?auto=format&fit=crop&w=400&q=80", title: "התמדה מנצחת", message: "ההצלחה לא נמדדת במהירות אלא בהתמדה. כל יום שאתה ממשיך במסע הוא ניצחון. תהיה גאה בעצמך על כל צעד." }, { image: "https://images.unsplash.com/photo-1518611012118-696072aa579a?auto=format&fit=crop&w=400&q=80", title: "אהבה עצמית", message: "המסע להורדה במשקל מתחיל באהבה עצמית. תטפל בגוף שלך בחמלה ובכבוד – הוא הבית היחיד שיש לך." }, { image: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=400&q=80", title: "אנרגיה חיובית", message: "כל פעילות גופנית שאתה עושה מזרימה אנרגיה חיובית בגוף שלך. תרגיש איך הכוח והביטחון שלך גדלים עם כל תרגיל." }, { image: "https://images.unsplash.com/photo-1490645935967-10de6ba17061?auto=format&fit=crop&w=400&q=80", title: "תזונה מזינה", message: "האוכל הוא הדלק של הגוף שלך. בחר במזון שמזין אותך, נותן לך אנרגיה ועוזר לך להרגיש טוב. הגוף שלך יודה לך." }, { image: "https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?auto=format&fit=crop&w=400&q=80", title: "חוזק פנימי", message: "החוזק האמיתי בא מבפנים. אתה חזק יותר ממה שאתה חושב ויכול להתגבר על כל אתגר. תאמין בכוח שיש בך." }, { image: "https://images.unsplash.com/photo-1544367567-0f2fcb009e0b?auto=format&fit=crop&w=400&q=80", title: "שינוי הדרגתי", message: "שינויים קטנים יוצרים תוצאות גדולות. כל בחירה בריאה, כל כוס מים נוספת, כל דקה של פעילות – הכל נחשב ומצטבר." }, { image: "https://images.unsplash.com/photo-1518611012118-696072aa579a?auto=format&fit=crop&w=400&q=80", title: "מטרה ברורה", message: "כשיש לך מטרה ברורה, הדרך נהיית פשוטה יותר. דמיין את עצמך במקום שאתה רוצה להיות ותן לחזון הזה להוביל אותך." }, { image: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=400&q=80", title: "איכות חיים", message: "המסע הזה לא רק על המשקל – זה על איכות חיים טובה יותר, שינה טובה יותר, אנרגיה רבה יותר וביטחון עצמי גבוה יותר." }, { image: "https://images.unsplash.com/photo-1490645935967-10de6ba17061?auto=format&fit=crop&w=400&q=80", title: "חגיגת הצלחות", message: "חגוג כל הצלחה קטנה בדרך. כל קילו שירד, כל הרגל בריא חדש, כל יום שהתמדת – הכל ראוי לחגיגה." }, { image: "https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?auto=format&fit=crop&w=400&q=80", title: "העתיד שלך", message: "העתיד הבריא והמאושר שלך מתחיל היום. כל צעד שאתה לוקח מקרב אותך לגרסה הטובה ביותר של עצמך. אתה כבר בדרך!" } ]; let availableCards = […cards]; let drawnCards = []; let uploadedImages = []; document.getElementById('image-upload').addEventListener('change', function(event) { const files = event.target.files; const previewContainer = document.getElementById('image-preview-container'); previewContainer.innerHTML = "; uploadedImages = []; for (let i = 0; i < Math.min(files.length, 13); i++) { const file = files[i]; const reader = new FileReader(); reader.onload = function(e) { const img = document.createElement('img'); img.src = e.target.result; img.className = 'image-preview'; previewContainer.appendChild(img); uploadedImages.push(e.target.result); if (uploadedImages.length === Math.min(files.length, 13)) { updateCardsWithUploadedImages(); } }; reader.readAsDataURL(file); } }); function updateCardsWithUploadedImages() { for (let i = 0; i < uploadedImages.length; i++) { cards[i].image = uploadedImages[i]; } document.getElementById('main-image').src = uploadedImages[0]; availableCards = […cards]; drawnCards = []; updateProgress(); alert('התמונות הועלו בהצלחה! 🎉'); } function getRandomCard() { if (availableCards.length === 0) { availableCards = […cards]; drawnCards = []; } const randomIndex = Math.floor(Math.random() * availableCards.length); const selectedCard = availableCards[randomIndex]; availableCards.splice(randomIndex, 1); drawnCards.push(selectedCard); return selectedCard; } function displayCard(card) { const cardElement = document.getElementById('daily-card'); const cardImg = document.getElementById('card-img'); const cardTitle = document.getElementById('card-title'); const cardMessage = document.getElementById('card-message'); cardImg.src = card.image; cardImg.alt = card.title; cardTitle.textContent = card.title; cardMessage.textContent = card.message; cardElement.classList.remove('hidden'); cardElement.style.animation = 'fadeIn 0.8s ease-in-out'; } function updateProgress() { const progressText = document.getElementById('progress-text'); const progressFill = document.getElementById('progress-fill'); const progress = drawnCards.length; const total = cards.length; const percentage = (progress / total) * 100; progressText.textContent = `התקדמות במסע: ${progress}/${total} קלפים`; progressFill.style.width = percentage + '%'; } document.getElementById('draw-btn').addEventListener('click', function() { const card = getRandomCard(); displayCard(card); updateProgress(); this.textContent = drawnCards.length === cards.length ? 'התחל מחזור חדש 🔄' : 'קלף נוסף למחר ✨'; });
Facebook
X
LinkedIn
Telegram
WhatsApp
Email
הדפסה

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *