BlissZenSpace

@import url(‘https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700&display=swap’); * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: ‘Nunito’, sans-serif; background: #f0faf4; padding: 20px; } h2.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .controls { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; flex-wrap: wrap; } .controls button { font-family: ‘Nunito’, sans-serif; font-size: 14px; font-weight: 700; padding: 8px 18px; border-radius: 24px; border: 2px solid transparent; cursor: pointer; transition: all 0.2s; } .btn-print { background: #3b9e6e; color: white; border-color: #3b9e6e; } .btn-print:hover { background: #2d7d56; } .btn-filter { background: white; color: #555; border-color: #c8e6c9; } .btn-filter.active { background: #e8f5e9; border-color: #66bb6a; color: #2e7d32; } .btn-filter:hover { border-color: #81c784; } .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; } .card { border-radius: 20px; padding: 0; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,0.08); background: white; transition: transform 0.2s; cursor: default; page-break-inside: avoid; break-inside: avoid; } .card:hover { transform: translateY(-4px); } .card-top { height: 170px; display: flex; align-items: center; justify-content: center; font-size: 80px; position: relative; overflow: hidden; } .card-body { padding: 14px 16px 16px; } .card-category { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 4px; opacity: 0.7; } .card-title { font-family: ‘Fredoka One’, cursive; font-size: 22px; margin-bottom: 6px; line-height: 1.1; } .card-instruction { font-size: 12px; color: #666; line-height: 1.5; margin-bottom: 8px; } .card-benefit { font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 20px; } /* Color themes */ .theme-green .card-top { background: #e8f5e9; } .theme-green .card-title { color: #2e7d32; } .theme-green .card-category { color: #43a047; } .theme-green .card-benefit { background: #c8e6c9; color: #1b5e20; } .theme-pink .card-top { background: #fce4ec; } .theme-pink .card-title { color: #c2185b; } .theme-pink .card-category { color: #e91e63; } .theme-pink .card-benefit { background: #f8bbd0; color: #880e4f; } .theme-yellow .card-top { background: #fffde7; } .theme-yellow .card-title { color: #f57f17; } .theme-yellow .card-category { color: #f9a825; } .theme-yellow .card-benefit { background: #fff9c4; color: #e65100; } .theme-blue .card-top { background: #e3f2fd; } .theme-blue .card-title { color: #1565c0; } .theme-blue .card-category { color: #1976d2; } .theme-blue .card-benefit { background: #bbdefb; color: #0d47a1; } .theme-purple .card-top { background: #f3e5f5; } .theme-purple .card-title { color: #6a1b9a; } .theme-purple .card-category { color: #8e24aa; } .theme-purple .card-benefit { background: #e1bee7; color: #4a148c; } .theme-orange .card-top { background: #fff3e0; } .theme-orange .card-title { color: #e65100; } .theme-orange .card-category { color: #ef6c00; } .theme-orange .card-benefit { background: #ffe0b2; color: #bf360c; } .decor { position: absolute; font-size: 22px; opacity: 0.2; pointer-events: none; } @media print { body { background: white; padding: 0; } .controls { display: none; } .grid { grid-template-columns: repeat(3, 1fr); gap: 12px; } .card { box-shadow: none; border: 1.5px solid #eee; } .card:hover { transform: none; } }

Printable kids spring yoga cards — 12 poses with illustrations, instructions, and benefits

const poses = [ { emoji: ‘🦋’, decor: [‘🌸’,’🌼’], title: ‘Butterfly Pose’, category: ‘animals’, theme: ‘pink’, instruction: ‘Sit tall. Press the soles of your feet together. Gently flap your knees like wings.’, benefit: ‘🦋 Opens hips’ }, { emoji: ‘🐛’, decor: [‘🍃’,’🌿’], title: ‘Caterpillar Curl’, category: ‘animals’, theme: ‘green’, instruction: ‘Lie on your back. Hug your knees to your chest and rock side to side slowly.’, benefit: ‘💚 Calms tummy’ }, { emoji: ‘🐝’, decor: [‘🌻’,’🌸’], title: ‘Bumblebee Breath’, category: ‘animals’, theme: ‘yellow’, instruction: ‘Sit cross-legged. Take a deep breath in. Breathe out making a hummm sound.’, benefit: ‘🧠 Calms the mind’ }, { emoji: ‘🐸’, decor: [‘💧’,’🌿’], title: ‘Frog Leap’, category: ‘animals’, theme: ‘green’, instruction: ‘Squat down wide. Put hands on the floor. Jump forward like a frog! Then squat again.’, benefit: ‘💪 Builds strength’ }, { emoji: ‘🌸’, decor: [‘🌺’,’✨’], title: ‘Flower Bloom’, category: ‘nature’, theme: ‘pink’, instruction: ‘Curl into a tiny ball. Slowly uncurl and stretch your arms wide open like petals.’, benefit: ‘🌸 Builds focus’ }, { emoji: ‘🌻’, decor: [‘☀️’,’🌿’], title: ‘Sunflower Stretch’, category: ‘nature’, theme: ‘yellow’, instruction: ‘Stand tall. Reach both arms up high. Sway gently left and right like in a breeze.’, benefit: ‘🌟 Improves balance’ }, { emoji: ‘🌳’, decor: [‘🍃’,’🌿’], title: ‘Tree Pose’, category: ‘nature’, theme: ‘green’, instruction: ‘Stand on one foot. Place the other foot on your ankle or shin. Raise arms like branches!’, benefit: ‘⚖️ Balance & focus’ }, { emoji: ‘🌈’, decor: [‘☁️’,’✨’], title: ‘Rainbow Bridge’, category: ‘sky’, theme: ‘purple’, instruction: ‘Lie on back, bend knees, feet flat. Press feet down and lift your hips up high!’, benefit: ‘🌈 Stretches the back’ }, { emoji: ‘☁️’, decor: [‘💨’,’🌟’], title: ‘Cloud Float’, category: ‘sky’, theme: ‘blue’, instruction: ‘Lie flat on your back. Close eyes. Breathe slowly and imagine floating on a soft cloud.’, benefit: ‘😌 Deep relaxation’ }, { emoji: ‘⭐’, decor: [‘✨’,’🌙’], title: ‘Star Pose’, category: ‘sky’, theme: ‘yellow’, instruction: ‘Stand with feet wide apart. Stretch both arms out to the sides. Make a big star shape!’, benefit: ‘💪 Full body stretch’ }, { emoji: ‘🌦️’, decor: [‘💧’,’🌿’], title: ‘Rain Dance’, category: ‘sky’, theme: ‘blue’, instruction: ‘Stand and wiggle your fingers overhead. Let your arms fall like raindrops and shake your body.’, benefit: ‘⚡ Boosts energy’ }, { emoji: ‘🌺’, decor: [‘🦋’,’🌸’], title: ‘Lotus Rest’, category: ‘nature’, theme: ‘orange’, instruction: ‘Sit cross-legged on the floor. Rest hands on knees. Close eyes and breathe 5 slow breaths.’, benefit: ‘💛 Mindfulness’ }, ]; let currentFilter = ‘all’; function renderCards(filter) { const grid = document.getElementById(‘cardGrid’); grid.innerHTML = ”; const filtered = filter === ‘all’ ? poses : poses.filter(p => p.category === filter); filtered.forEach(p => { const card = document.createElement(‘div’); card.className = `card theme-${p.theme}`; const decorHtml = (p.decor || []).map((d, i) => { const positions = [ ‘top:12px;right:16px’, ‘bottom:12px;left:14px’, ‘top:50%;left:12px’, ]; return `${d}`; }).join(”); card.innerHTML = ` `; grid.appendChild(card); }); } function filterCards(filter, btn) { currentFilter = filter; document.querySelectorAll(‘.btn-filter’).forEach(b => b.classList.remove(‘active’)); btn.classList.add(‘active’); renderCards(filter); } renderCards(‘all’);