@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Poppins:wght@300;400;600&display=swap'); @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /* --- Quiz Ana Kapsayıcısı ve İZOLE EDİLMİŞ Stiller --- */ /* İzolasyon, tüm seçicilerin başına #metaverse-quiz eklenerek sağlanır. */ #metaverse-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 --- */ #metaverse-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; } #metaverse-quiz .intro-text { text-align: center; color: #ddd; line-height: 1.6; margin-bottom: 30px; font-size: 1rem; } /* --- Sadece Quiz içindeki Sorular --- */ #metaverse-quiz .question { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(0, 255, 255, 0.2); } #metaverse-quiz .question:last-of-type { border-bottom: none; margin-bottom: 30px; } #metaverse-quiz .question-title { font-size: 1.3rem; font-weight: 500; margin-bottom: 15px; color: #00ffff; display: flex; align-items: center; } #metaverse-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 --- */ #metaverse-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; } #metaverse-quiz .question label:hover { background-color: rgba(255, 255, 255, 0.1); border-color: #ff00ff; } #metaverse-quiz .question input[type="radio"] { margin-right: 12px; accent-color: #00ffff; transform: scale(1.3); } /* --- Sadece Quiz içindeki Buton --- */ #metaverse-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; } #metaverse-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 --- */ #metaverse-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; } #metaverse-quiz .result-box h3 { margin-top: 0; font-size: 1.8em; color: #39ff14; text-shadow: 0 0 8px #39ff14; } #metaverse-quiz .result-box p { line-height: 1.7; font-size: 1.2em; } Metaverse Glossary How fluent are you in the language of the digital future? Test your knowledge! 1What are the digital characters users create to represent themselves in the Metaverse called? Bot Widget Avatar Persona 2What is the primary function of a 'Haptic Suit'? To let the user see inside the virtual world. To allow the user to experience touch and physical sensations. To mine cryptocurrency while in the Metaverse. To transmit the user's voice into the Metaverse. 3What is the main difference between AR and VR? AR creates a fully artificial world, while VR adds digital elements to the real world. VR creates a fully artificial world, while AR adds digital elements to the real world. There is no difference; they are the same technology. AR uses only audio, while VR uses only visuals. 4Which is a blockchain-based Metaverse platform where users can buy and sell virtual land? Photoshop Fortnite Decentraland Zoom 5What token proves ownership of a unique digital asset on a blockchain? Bitcoin NFT (Non-Fungible Token) API URL 6What is the distributed ledger technology that underpins the Metaverse? Cloud Computing Artificial Intelligence The Internet Blockchain 7What term describes the ability of different Metaverse platforms to work together? Interoperability Rendering Streaming Firewall 8What is a virtual model of a real-world object or system called? Simulation Digital Twin Prototype Copy 9Which term describes the next evolution of the internet, focusing on decentralization? Web 2.0 Social Media Web3 Deep Web 10What is the fee paid to execute a transaction on a blockchain network often called? Subscription Fee Gas Fee Tax Commission Submit Answers // Bu script'i bir önceki HTML bloğundan sonra eklediğinizden emin olun const metaverseQuizForm = document.getElementById('metaverse-quiz-form'); if (metaverseQuizForm) { metaverseQuizForm.onsubmit = function(event) { event.preventDefault(); const totalQuestions = 10; let score = 0; for (let i = 1; i