If you got a robot for your home, what would you have it do?

Future Robot Role Quiz @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Poppins:wght@300;400;600&display=swap'); /* DÜZELTME: Sayfa düzenini bozan genel body stili buradan kaldırıldı. */ /* Artık tüm stiller sadece #space-quiz ID'si içindedir. */ @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /* --- Quiz Ana Kapsayıcısı ve İZOLE EDİLMİŞ Stiller --- */ #space-quiz { font-family: 'Poppins', sans-serif; background-color: #0d0221; color: #f0f0f0; padding: 30px 40px; border-radius: 20px; box-shadow: 0 0 15px #00ffff, 0 0 30px #00ffff inset; max-width: 900px; width: 100%; margin: 40px auto; /* Sayfanızda ortalamak için */ border: 2px solid rgba(0, 255, 255, 0.5); box-sizing: border-box; backdrop-filter: blur(5px); } /* --- Sadece Quiz içindeki Tipografi --- */ #space-quiz h2 { font-family: 'Orbitron', sans-serif; text-align: center; font-size: 3rem; margin-bottom: 10px; color: #fff; text-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff, 0 0 20px #ff00ff, 0 0 30px #ff00ff; } #space-quiz .intro-text { text-align: center; color: #ddd; line-height: 1.6; margin-bottom: 30px; font-size: 1rem; } /* --- Sadece Quiz içindeki Sorular --- */ #space-quiz .question { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(0, 255, 255, 0.2); } #space-quiz .question:last-of-type { border-bottom: none; margin-bottom: 30px; } #space-quiz .question-title { font-size: 1.3rem; font-weight: 500; margin-bottom: 15px; color: #00ffff; display: flex; align-items: center; } #space-quiz .question-number { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: linear-gradient(135deg, #00ffff, #ff00ff); color: #1e1e1e; font-family: 'Orbitron', sans-serif; font-weight: 700; border-radius: 50%; margin-right: 15px; flex-shrink: 0; } /* --- Sadece Quiz içindeki Seçenekler --- */ #space-quiz .question label { display: block; background-color: rgba(255, 255, 255, 0.05); padding: 15px; margin: 8px 0; border-radius: 10px; border: 1px solid #555; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease; } #space-quiz .question label:hover { background-color: rgba(255, 255, 255, 0.1); border-color: #ff00ff; } #space-quiz .question input[type="radio"] { margin-right: 12px; accent-color: #00ffff; transform: scale(1.3); } /* --- Sadece Quiz içindeki Buton --- */ #space-quiz button[type="submit"] { display: block; width: 100%; font-family: 'Orbitron', sans-serif; background: transparent; color: #00ffff; border: 2px solid #00ffff; border-radius: 10px; padding: 1rem; font-size: 1.2rem; cursor: pointer; text-transform: uppercase; transition: all 0.3s ease; box-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff inset; } #space-quiz button[type="submit"]:hover { background: #00ffff; color: #0d0221; box-shadow: 0 0 20px #00ffff, 0 0 30px #00ffff; } /* --- Sadece Quiz içindeki Sonuç Kutusu --- */ #space-quiz .result-box { margin-top: 30px; padding: 25px; background-color: rgba(57, 255, 20, 0.08); border-left: 5px solid #39ff14; border-radius: 0 8px 8px 0; animation: fadeIn 0.5s ease-in-out; } #space-quiz .result-box h3 { margin-top: 0; font-size: 1.8em; color: #39ff14; text-shadow: 0 0 8px #39ff14; } #space-quiz .result-box p { line-height: 1.7; font-size: 1.2em; } Your Perfect Robot Assistant House chores can sometimes turn into a frustrating cycle. Dusting, mopping, finishing the dishes... half the day is gone! But just imagine... if you got a special robot for your home, what job would you give it? Answer to find out! 1You just learned guests are coming over. What's the first task for your robot? Wiping the windows. Cleaning the dust. Mopping and sweeping the floors. Folding messy laundry. 2Which cleaning chore do you dislike the most? Hanging curtains. Mopping the floors. Ironing. Dusting. 3If you have a pet, what should your robot focus on first? Remove fur from the couch. Collect fur from laundry. Wipe paw prints off the glass. Clean up spilled food. 4Which corner of your house stresses you out the most? Balcony windows. The area in front of the wardrobe. Bookshelves. The kitchen floor. 5In chores, is speed or detail more important to you? It should be detailed, clear as glass. It should be fast and practical. It should be orderly and methodical. It should clean meticulously, bit by bit. 6What's your perspective on technology? It should provide order. It should handle the small details. It should help with aesthetic tasks. It's a lifesaver for house chores. 7What do you dream of most after cleaning? Reading a book. Watching the view from the window. Putting my feet up. Seeing my closet organized. 8Imagine your robot could offer a small bonus feature. Which would you choose? Tell jokes and entertain me. Make coffee after cleaning. Suggest outfits for the day. Give me daily motivational quotes. Find My Robot Helper const spaceQuizForm = document.getElementById('space-quiz-form'); if (spaceQuizForm) { spaceQuizForm.onsubmit = function(event) { event.preventDefault(); const scores = { pioneer: 0, scientist: 0, astronaut: 0, controller: 0 }; const totalQuestions = 8; for (let i = 1; i maxScore) { maxScore = scores[career]; winningCareer = career; } } const results = { pioneer: { title: "The Ground Commander", description: "You need a robot that handles the heavy lifting. For you, a clean home starts with the floors. Spills, crumbs, and tracked-in dirt are your primary enemies. You'd task your robot with keeping the ground level spotless, so you can put your feet up and relax knowing the biggest jobs are already done. Your motto: clean floors, clear mind." }, scientist: { title: "The Clarity Specialist", description: "Your focus is on the details that make a home sparkle. Streaks on windows, paw prints on the glass, and hard-to-reach smudges are what you notice first. You'd want a robot that specializes in achieving a perfect, streak-free shine, allowing you to enjoy a crystal-clear view of the world. For you, true cleanliness is about transparency and a polished finish." }, astronaut: { title: "The Order Architect", description: "You crave order and efficiency. A pile of unfolded laundry or a disorganized closet can ruin your sense of peace. Your ideal robot would be a master of organization—folding clothes with precision, ironing out wrinkles, and helping maintain a perfectly structured wardrobe. For you, a tidy home is an organized home, where everything has its place." }, controller: { title: "The Detail Demolisher", description: "You're at war with the small, annoying tasks. Dust on shelves, pet fur on the sofa, and grime in the corners are your nemeses. You need a meticulous robot that hunts down and eliminates every last speck of dust and debris. You value a deep, thorough clean over a quick pass, ensuring that even the smallest details are handled perfectly." } }; let resultData = results[winningCareer] || { title: "The All-Rounder", description: "You have a balanced view of cleaning, making you adaptable to any robotic assistant who can lend a hand!" }; const resultHTML = ` Your Ideal Assistant: ${resultData.title} ${resultData.description} `; const resultContainer = document.getElementById('space-quiz-result'); resultContainer.innerHTML = resultHTML; resultContainer.scrollIntoView({ behavior: 'smooth', block: 'center' }); }; }